Підступна війна росії проти України. Орієнтовні втрати ворога
(станом на 22.09.2022)
55510
осіб
253
літаків
218
гелікоптерів
2236
танків
4776
ББМ
1341
артилерія
169
ППО
318
РСЗВ
3630
машин
15
кораблі і катери
Як показувати пов’язані публікації для посту в WordPress

Як показувати пов’язані публікації для посту в WordPress

Показник відмов на сайті – це відсоток відвідувачів сайту, які полишають ваш сайт через деякий час, а не продовжують переглядати інші сторінки вашого сайту. Це один із досить важливих показників СЕО-просування та ранжування в пошукових системах.

Одним із способів знизити показник відмов на сайті є відображення пов’язаних публікацій для даного посту. Так ви пропонуєте вашим читачам не покинути одразу сайт, а продовжити читання інших статей. Цим самим, також, досягається і збільшення кількості переглядів сторінок.

У цій статті ми розкажемо вам, як можна легко показувати пов’язані публікації в WordPress без допомоги плагіна.

 

 

Пов’язані публікації в WordPress без плагіна

За допомогою цього коду ви будете робити вибірку із бази даних постів, які мають таку ж категорію, як і поточний пост. Створіть у папці активної теми WordPress файл-шаблон із назвою loop-related-posts.php та наступним вмістом:

 

<?php
$orig_post = $post;
global $post;
$categories = get_the_category($post->ID);
 if ($categories) {
  $category_ids = array();
  foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
    $args=array(
     'category__in' => $category_ids,
     'post__not_in' => array($post->ID), // тут ми можемо виключити вибірку статей по їх ID
     'posts_per_page'=> 10, // обмежуємо кількість статей для показу
     'ignore_sticky_posts' => 1,
     'orderby'=>'rand' // робити вибірку із бази даних рандомно (випадково)
    );
  $my_query = new wp_query( $args );
  if( $my_query->have_posts() ) {?>
   <div class="related-posts">
    <h3><?php _e('Related posts','sebweo'); ?></h3>
    <div class="row">
     <div class="col-lg-12">
      <div class="related-post-items">
      <?php while( $my_query->have_posts() ) {
       $my_query->the_post(); ?>
       <div class="related-post-one">
        <a itemprop="url" href="<?php the_permalink();?>" title="<?php printf('%s', the_title_attribute('echo=0')); ?>" rel="bookmark">
        <?php if (has_post_thumbnail()) {
        $image = wp_get_attachment_image_src(get_post_thumbnail_id(), 'thumbnail'); ?>
        <img src="<?php echo $image[0]; ?>" alt="<?php the_title_attribute(); ?>" />
      <?php } ?>
       </a>
     <div class="related-post-title">
       <a itemprop="url" href="<?php the_permalink();?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'sebweo' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
     </div>
    </div>
  <?php } ?>
  </div>
  </div>
  </div>
  </div>
  <?php }
}
$post = $orig_post;
wp_reset_query();
?>

 

 

Тепер нам потрібно підключити цей шаблон у шаблоні одиночного посту. Для показу одиночного посту служить файл-шаблон single.php у папці активної теми, наприклад, /wp-content/themes/ТЕМА/.

Відкрийте цей файл і додайте у потрібному місці підключення шаблону для пов’язаних постів. Як правило, пов’язані пости додають у кінці статті, тому підключайте шаблон перед закриттям циклу:

 

<?php while ( have_posts() ) : the_post(); ?>
    <?php // контент статті ?>
    <?php // підключаємо блок пов’язаних статей ?>
<?php endwhile; ?>

 

Шаблон підключається функцією WordPress:

<?php get_template_part( $slug, $name ); ?>

де $slug – перша частина назви, а $name – друга частина назви

В нашому прикладі, щоб підключити шаблон loop-related-posts.php ми повинні викликати наступне:

<?php get_template_part( 'loop', 'related-posts' ); ?>

 

Тож, шматок коду у файлі single.php буде мати наступний вигляд:

<?php while ( have_posts() ) : the_post(); ?>
    <?php // контент статті ?>
    <?php // підключаємо блок пов’язаних статей ?>
    <?php get_template_part( 'loop', 'related-posts' ); ?>
<?php endwhile; ?>

 

 

Тепер можете сміливо відкрити свій сайт і перевірити роботу цього коду.

Сподіваємось, що сьогоднішній урок стане вам у нагоді!

 

 

 

Напишіть тут свою думку/питання

Ваша пошта не публікуватиметься.