WordPress Eklentileri Olmadan İlgili Yazılar nasıl eklenir

WordPress kullanmanın en büyük avantajlarından biri de eklentilerdir. WordPress eklentileri, blogunuzu CMS’ye genişletmekten, şık özellikler eklemeye ve blogunuzu arama motorları için optimize etmeye kadar pek çok şeyi kapsar - olasılıklar sınırsızdır (ve orada tüm farklı temaları unutmayalım).

Ancak çok fazla eklenti kullanarak, WordPress blogunuzu tıkama riskiyle karşı karşıya kalırsınız ve en kötüsü, onu 'kırabilirsin'. Blogunuzu yavaşlatan eklentilerin yanı sıra birbiriyle uyumlu olmayan birçok eklenti örneği var.

En popüler WordPress eklenti kategorilerinden bazıları ekleyerek “İlgili Mesajlar” bir bloga. WordPress'in bunun için standart bir şeyi olmadığından, herkesin sitelerinde ilgili yayınları görüntülemek için bir tür eklenti kullanması gerekir..

Bu makale, blogunuza herhangi bir eklenti olmadan küçük resimlerle ilgili yazıları nasıl ekleyeceğinizi öğretecek ve her şeyi basit, hafif ve erişilebilir kılacak. Başlayalım!

Ama önce, neden eklentileri önlemek?

Eklenti yerine her zaman WordPress'in yerleşik kod ve servislerinde kullanmaya çalışmanızın birkaç nedeni vardır. Asıl yararı, blogunuzun çalışması için üçüncü bir tarafa (eklenti geliştiricisi) güvenmemenizdir. Geliştiriciler tarafından terkedilmiş pek çok popüler eklenti vakası vardır ve sayısız site sahibini eski ve potansiyel olarak savunmasız yazılımlara takılmış halde bırakmaktadır..

Diğer bir neden de, eklentilerinizi resmi WordPress dizininden almanız şartıyla nadir olsa da, sitenizi eziyete sokan, hatta daha kötüsü, kötü amaçlı bir kod içeren bir eklenti kullanma riskiyle karşı karşıya olmamanızdır..

Başlarken: küçük resimlerle ilgili yayınlar

Bu "ilgili gönderiler" özelliği, diğerleri gibi, ana makale sayfanıza (single.php) yerleştirilmek üzere tasarlanmıştır, ancak WordPress döngüsünün içinde tuttuğunuz sürece, hemen hemen her yerde kullanabilirsiniz. İlgili yayınları almak için, her bir makaleye verilen posta etiketlerini kullanacağız..

Minyatür

WordPress şimdi burada ihtiyacımız olacak yerleşik bir küçük resim sistemine sahiptir. Etkinleştirmek için bu kodu tema klasörünüzdeki functions.php dosyasına ekleyin (çoğu durumda zaten var).

 add_theme_support ('küçük resimler sonrası'); 

Ayrıca, küçük resimlerin genişliğini ve yüksekliğini koda başka bir satır ekleyerek de ayarlayabilirsiniz:

 add_theme_support ('küçük resimler sonrası'); set_post_thumbnail_size (100, 50, doğru); 

Önemli: Gönderiye resim eklerken, küçük resim oluşturmak için görüntü yükleme panelinde “Öne çıkan resim olarak kullan”. Bu yayın için küçük resim oluşturur.

Kod

 
 
İlgili Mesajlar
 İD); if ($ tags) $ tag_ids = array (); foreach ($ $ individual_tag olarak etiketler) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => dizi ($ post-> ID), 'posts_per_page' => 4, // Gösterilecek alakalı mesajların sayısı. 'caller_get_posts' => 1) ; $ my_query = yeni wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Kod parçası the_post_thumbnail (dizi (150.100) Bu durumda, 150px genişlik, 100px yükseklik.

CSS

Burada iki divs dersimiz var., “.İlgili Mesajlar”, hangi genel div kabı, ve “.relatedthumb” ki .relatedposts içindeki bireysel küçük resim ve bağlantıdır. Gönderinin genişliğinin standart 640px olduğunu varsayalım. CSS:

 .ilgili ilanlar genişlik: 640 piksel; marj: 0 0 20 piksel 0; şamandıra: sol; font-size: 12px; .relatedposts h3 font-size: 20px; marj: 0 0 5 piksel 0;  .relatedthumb marj: 0 1 piksel 0 1 piksel; şamandıra: sol;  .relatedthumb img marj: 0 0 3 piksel 0; dolgu maddesi: 0;. : # 333; metin dekorasyon: yok; Ekran bloğu; dolgu maddesi: 4px; width: 150px; .relatedthumb a: hover background-color: #ddd; renk: # 000; 

Yukarıdaki CSS, 150px genişliğindeki yazı küçük resimlerini oluşturacaktır; bu, gönderinin 640 piksel genişliğini doldurmak için 4 küçük resme ihtiyacımız olacağı anlamına gelir (aralarındaki boşluk dahil). Bunu istediğiniz gibi ayarlayabilirsiniz; 5 küçük resim görmek istiyorsanız, yaklaşık 125 piksel büyüklüğünde..

Önemli: WordPress ortam ayarlarınızda oluşturulan küçük resimlerin genişliğini, CSS'de ayarladıklarınızla eşleştirdiğinizden emin olun. Ayrıca, php kodunda belirtilen boyutla eşleşmelidir: the_post_thumbnail (dizi (150.100).

Örnek

İlgili mesajlar, DigitalBattle oyun blogunda (bu makalede anlatılan tam tekniği kullanan) kullandığı gibi, böyle bir şey görünmelidir:

Benzer teknikler

İlgili eklentileri eklentileri kullanmadan yapmanın tek yolu bu değil - eklentileri olmayan ilişkili yayınları nasıl ekleyebileceğinizi gösteren birçok teknik ve kılavuz var. Bunlardan birkaçı:

]
• İlgili yazılar, eklenti olmadan WordPress'teki küçük resimlerle (TechWalz)
• Nasıl yapılır: eklentileri olmayan WordPress'te küçük resimlerle ilgili yazılar (WPBeginner)
• Eklenti olmadan küçük resim ile İlgili Gönderiler nasıl eklenir (WPCode)

Sonuçlar

WordPress'in sunduğu yerleşik özelliklerle çok şey yapabiliriz ve çoğu durumda, işi yapmak için üçüncü taraf eklentilerine başvurmamız gerekmez. Bir dahaki sefere WordPress blogunuz için bir eklentiye ihtiyacınız varsa, aynı özelliği eklenti olmadan başarabilecek misiniz bir bakın. Etrafta dolaş, Web’de alternatif ara. WordPress'in kutunun dışında kalmasının ne kadar mümkün olduğuna şaşıracaksınız.