Виведення постів WordPress за категорією

8 Січня, 2022
190

У цій статті ми розглянемо як вивести блок постів/новини в WordPress на наш приклад.

Для початку подивися готову конструкцію та обговоримо його.

<div class="blog-post">

    <?php
        $temp = $wp_query; $wp_query= null;
        $wp_query = new WP_Query(); $wp_query->query([ 'category_name' => 'news' , 'posts_per_page' => 3 , 'paged' => $paged]);
        while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
  
<div class="col-lg-4">
  <div class="post-content">
        <a href="<?php the_permalink(); ?>" class="entry-featured-image-url"><?php echo get_the_post_thumbnail( $id, 'thumbnail', array('class' => 'alignleft') ); ?>   </a>
        <h3 class="post-title">
            <a href="<?php the_permalink(); ?>">
                <?php trim_title_chars(55, '...'); ?>
            </a>
        </h3>
        <div class="metas">
            <div class="read-time"> <i class="far fa-clock"></i> <span><?php the_time('d F Y'); ?></span></div>
        </div>
    </div>
</div>
    <?php endwhile; ?>

</div>

Ми починаємо цикл і перебираємо псти за категорією, яку назвали  news і поставили відображати 3 новини на сторінку. Це значення можна змінювати за потребою. Так само всередині циклу ми поставили  col-lg-4 що б виводити по 3 пости в ряд. Не забудьте про  <div class="row"> що bootstrap правильно спрацював.

<?php the_permalink(); ?> — ми додали посилання на пост

Так само зробили посилання на пост за натисканням на картинку.

‘c ategory_name' => 'news' — ми вказуємо, яку категорію буде перебирати

– posts_per_page' => 3скільки статті всього виводити

<?php echo get_the_post_thumbnail( $id, 'thumbnail', array('class' => 'alignleft') ); ?>– ми вказуємо що буде виводити зображення посту, thumbnail– розмір зображення.

<?php the_time('d F Y'); ?>– Виводимо коли опублікована стаття.

Заголовок поста помістили в  h3 і поставили обмеження для кількості символів, щоб це працювало потрібно додати код в function.php

function trim_title_chars($count, $after) {
	$title = get_the_title();
	if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count);
	else $after = '';
	echo $title . $after;
}

Далі йде виведення дати посту та кінець циклу.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.

24

Кількість фахівців, які будуть працювати з вами

5.0/5.0

Оцінка від наших клієнтів на Google відгуках

Ціна залежить від типу сайту та функціональності. Сайт візитівка коштує від 8000 гривень. Все залежить від того, які фахівці будуть задіяні в проект. Чи потрібна буде розробка логотипу для вашого бізнесу, розробка дизайну, сео просування і т.д. Для більш детальної консультації зв'яжіться з нашим менеджером за телефоном +38 (067) 737 0360 або у будь-якому зручному месенджері.

Все залежить від складності проекту та ваших побажань. Найчастіше, якщо йдеться про розробку візитки – це може тривати близько тижня. Інтернет-магазин може тривати до місяця. Для більш детальної консультації зв'яжіться з нашим менеджером за телефоном +38 (067) 737 0360 або у будь-якому зручному месенджері.

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

При розробці сайту ми спочатку налаштовуємо його під Google індексацію для подальшого просування. Тобто після здачі сайту він не буде просто висіти в інтернеті, але для цього є ряд рекомендацій від наших фахівців, які ми дамо по завершенню проекту. Для того, щоб замовити послугу просування сайту, зв'яжіться з нашим менеджером за телефоном +38 (067) 737 0360 або в будь-якому зручному месенджері.

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

Ми надаємо послуги по всій Україні. Ми вже співпрацюємо та надаємо послуги в таких містах як: Київ,Одеса Дніпро, Кіровоград, Нікополь, Полтава, Черкаси, Харків, Кременчук і тд. а також у дружніх країнах, такі як: Польща, Америка тощо.