Як вивести схожі записи у WordPress без плагінів
WordPress це один із найпопулярніших движків і для нього написані плагіни на будь-який смак і практично для вирішення будь-яких завдань. Думаю кожен, хто розробляв сайт на якому є багато контенту замислювався про те, як змусити користувачів не йти з сайту і читати статті далі. Для того, щоб користувачі залишалися на сайті, необхідно їм запропонувати статті, що їх цікавлять. Це завдання відмінно вирішує плагін related post thumbnails але цей плагін має масу налаштувань, які не завжди потрібні, а якщо у вас вже встановлено багато плагінів, то додавання ще кількох може здорово уповільнити роботу вашого сайту. Саме з цих причин я почав копатися в інтернеті та шукати вирішення завдання виведення схожих записів у блозі за допомогою простого коду, без зайвих налаштувань.
Одна з причин написання цієї статті послужила на те, що плагін яким я звик користуватися мав конфлікт у роботі з іншим плагіном і виводив замість чотирьох картинок 16. В загальному, історія була не приємна.
Ще причина того, що потрібно вміти писати плагіни самим, це створення преміум тем та продаж їх в інтернеті на таких сайтах як themeforest.net або для ваших клієнтів. Однією з найважливіших вимог theforest при розробці теми для сайту є її підтримка та розвиток. Якщо плагін який ви використовували перестав працювати, то пояснювати тим, хто вже купив вашу тему, чому у них нічого не працює, не приведе ні до чого доброго. Якщо ви написали свій плагін наприклад, схожих статей за всіма правилами API WordPress і вбудували його на свою тему, то мало ймовірно що доопрацюваннями треба буде займатися надалі і просто так він не перестане працювати.
А тепер по суті про схожі записи з ескізами
Вставте код на сторінці single.php у потрібному місці.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<?php function my_related_posts() { $tags = the_tags(''); $args = array( 'posts_per_page' => 4, 'post__in' => $tags, ); $the_query = new WP_Query( $args ); echo '<ul>'; while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> <?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. the_post_thumbnail(); } ?> </a><br clear="all" /></li> <?php endwhile; echo '</ul>'; wp_reset_postdata(); } ?> <?php my_related_posts() ?> |
Після вставки коду у вас на сторінці будуть виведені схожі статті та картинки різної ширини. Залишиться лише підправити стилі css.
Робимо плагін на основі коду
Тепер якщо вам буде необхідний плагін можна з цього всього його зробити, щоб використати його на своїх проектах. Для початку в папці плагінів створюємо папку my-related-post-thumbnail і в ній додаємо файл related-post-thumbnail.php. У файл потрібно помістити код створеного плагіна:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<?php /** * @package Package name * @version 1.0 */ /* Plugin Name: My plugin my-related-post-humbnail Plugin URI: https://wp-admin.com.ua Description: спасибо сайту wp-admin.com.ua, за хороший пример плагина ) Armstrong: My Plugin. Author: Name Author Version: 1.0 Author URI: https://wp-admin.com.ua */ /* display related data: <?php echo my_related_posts(); ?> */ function my_related_posts() { $tags = the_tags(''); $args = array( 'posts_per_page' => 4, 'post__in' => $tags, ); $the_query = new WP_Query( $args ); $res .= '<ul>'; while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> <?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. the_post_thumbnail( ); } ?> </a><br clear="all" /></li> <?php endwhile; $res .= '</ul>'; wp_reset_postdata(); return $res; } ?> |
Для вставки коду у шаблон необхідно додати код, наприклад, в single.php, у потрібне місце.
|
1 2 3 4 5 |
<?php if ( function_exists( 'my_related_posts' ) ) { echo my_related_posts(); } ?> |
Ось і все на сьогодні, удачі у розробці.
/*
- Базовий курс з веб-дизайну;
- Верстка сайтів;
- Загальний курс CMS WordPress та продовження курсу з розробки шаблонів;
- Розробка сайтів на PHP.
