Bagaimana untuk menambah Posts Related Post Tanpa Plugin

Salah satu kelebihan besar menggunakan WordPress adalah plugin. Plugin WordPress merangkumi hampir apa sahaja yang anda boleh bayangkan, daripada mengembangkan blog anda menjadi CMS, untuk menambah ciri-ciri yang bagus dan mengoptimumkan blog anda untuk enjin carian - kemungkinan tidak berkesudahan (dan jangan lupa semua tema yang berbeza di luar sana).

Tetapi dengan menggunakan terlalu banyak plugin, anda menjalankan risiko menyumbat blog WordPress anda, dan pada yang paling teruk, anda mungkin 'memecahkan'nya. Terdapat banyak contoh plugin yang tidak serasi dengan satu sama lain, serta plugin yang melambatkan blog anda.

Beberapa kategori plugin WordPress yang paling popular adalah berdasarkan penambahan “jawatan yang berkaitan” ke blog. Oleh kerana WordPress tidak mempunyai apa-apa piawaian untuk ini, semua orang dikehendaki menggunakan beberapa jenis plugin untuk memaparkan siaran yang berkaitan di laman web mereka.

Artikel ini akan mengajar anda bagaimana untuk menambah jawatan yang berkaitan dengan lakaran kecil ke blog anda tanpa sebarang plugin, memelihara semuanya mudah, ringan dan mudah diakses. Mari kita mulakan!

Tetapi pertama, mengapa mengelakkan plugin?

Terdapat beberapa sebab mengapa anda harus sentiasa mencuba dan menggunakan kod dan perkhidmatan terbina dalam WordPress, dan bukan plugin. Manfaat utama ialah anda tidak perlu bergantung pada pihak ketiga (pemaju plugin) untuk blog anda berfungsi. Terdapat banyak kes plugin popular yang ditinggalkan oleh pemaju mereka, meninggalkan pemilik laman yang tidak terkira yang terperangkap dengan perisian ketinggalan zaman dan berpotensi terdedah.

Sebab lain ialah anda tidak menjalankan risiko menggunakan plugin yang kembung yang boleh memperlahankan laman web anda untuk mengisar, atau lebih buruk lagi, mengandungi sekeping kod berniat jahat, walaupun ini jarang diberikan apabila anda mendapatkan plugin anda dari direktori rasmi WordPress.

Bermula: siaran berkaitan dengan lakaran kecil

Ciri "postingan berkaitan" ini, seperti kebanyakan orang lain, direka untuk ditempatkan pada halaman artikel utama anda (single.php), tetapi anda boleh menggunakannya di mana saja, selagi anda menyimpannya dalam gelung WordPress. Untuk mendapatkan jawatan berkaitan, kami akan menggunakan tag pos yang diberikan kepada artikel individu.

Thumbnails

WordPress kini mempunyai sistem imej kecil terbina dalam, yang kami perlukan di sini. Untuk membolehkannya, tambahkan kod ini ke fail functions.php anda dalam folder tema anda (dalam kebanyakan kes, sudah ada).

 add_theme_support ('post-thumbnails');

Anda juga boleh menetapkan lebar dan ketinggian imej kecil dengan menambah baris lain ke kod:

 add_theme_support ('post-thumbnails'); set_post_thumbnail_size (100, 50, benar);

Penting: Apabila menambah imej ke siaran, untuk membuat lakaran kecil, anda perlu, dalam panel muat naik imej, pilih “Gunakan sebagai imej yang diketengahkan”. Ini akan membuat lakaran kecil untuk jawatan itu.

Kod ini

  Jawatan berkaitan
 ID); jika ($ tag) $ tag_ids = array (); foreach ($ tags as $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Bilangan jawatan yang berkaitan untuk dipamerkan. 'caller_get_posts' ; $ my_query = baru wp_query ($ args); sementara ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Sekeping kod the_post_thumbnail (array (150,100) menetapkan saiz lakaran kecil yang akan dipaparkan, dalam kes ini, lebar 150px, ketinggian 100px.

CSS

Kami mempunyai dua kelas divs di sini, “.postingan berkaitan”, yang merupakan bekas div keseluruhan, dan “.relatedthumb” yang merupakan lakaran kecil dan pautan di dalam .relatedposts. Kami akan menganggap bahawa lebar jawatan adalah standard 640px. CSS:

 .postingan berkaitan width: 640px; margin: 0 0 20px 0; terapung: kiri; font-size: 12px; .relatedposts h3 font-size: 20px; margin: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; terapung: kiri;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; teks-hiasan: tiada; paparan: blok; padding: 4px; lebar: 150px; .relatedthumb a: hover background-color: #ddd; warna: # 000;

CSS di atas akan menjadikan imej kecil pos dengan lebar 150px, yang bermaksud kita memerlukan 4 lakaran kecil untuk mengisi lebar 640px jawatan (termasuk margin di antara mereka). Anda boleh menyesuaikan ini seperti yang anda kehendaki; jika anda mahu 5 lakaran kecil, anda perlu lebar yang berkaitan dengan kira-kira 125px.

Penting: Pastikan anda menetapkan lebar lakaran kecil yang dihasilkan dalam tetapan media WordPress anda agar sepadan dengan yang anda tetapkan dalam CSS. Di samping itu, ia sepadan dengan saiz yang dinyatakan dalam kod php: the_post_thumbnail (array (150,100).

Contoh

Siaran yang berkaitan sepatutnya muncul seperti ini, seperti yang digunakan oleh blog game DigitalBattle (yang menggunakan teknik tepat yang diterangkan dalam artikel ini):

Teknik yang sama

Ini bukan satu-satunya cara untuk melakukan siaran berkaitan tanpa plugin - terdapat banyak teknik dan panduan di luar sana yang menunjukkan kepada anda cara menambah jawatan berkaitan tanpa plugin, berikut adalah beberapa daripada mereka:

Jawatan berkaitan w / thumbnail di WordPress tanpa plugin (TechWalz)
Cara untuk: siaran berkaitan dengan lakaran kecil di WordPress tanpa plugin (WPBeginner)
Bagaimana untuk menambah Posts Related dengan thumbnail tanpa plugin (WPCode)

Kesimpulan

Kita boleh berbuat banyak dengan ciri terbina dalam yang ditawarkan oleh WordPress, dan dalam banyak kes, kita tidak perlu menggunakan plugin pihak ketiga untuk mendapatkan kerja yang dilakukan. Kali seterusnya anda memerlukan plugin untuk blog WordPress anda, lihat jika anda boleh mencapai ciri yang sama tanpa plugin. Mengali, cari Web untuk alternatif. Anda akan terkejut berapa mungkin dengan WordPress keluar dari kotak.