Совет недели: Как выделить первый пост на странице

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Если вы хотите как-то иначе выделить первую запись на вашей странице: основной ленте записей, странице поиска и странице просмотра архивов, вам надо сделать буквально несколько, а точнее — два основных шага.

Во-первых, сначала определите, на какой странице вы хотите изменить дизайн для первой записи. Скажу, кто не в курсе: главная лента новостей — обычно это файл index.php или home.php, страница просмотра архивных записей — файл archive.php, страница просмотра результатов поиска — файл search.php.

Во-вторых, в выбранном файле надо добавить такой код PHP. Сначала найдите ваш основной цикл вывода записей, он выглядит примерно так:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
        <div>
            …
        </div>
    <?php endwhile; ?>
<?php endif; ?>
 
//После вставки нового кода будет выглядеть так:
 
<?php $i = 0; ?>
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <?php $i++ ?>
 
        <div class="post<?php if ($i == 1) echo ' first'; ?>«>
            …
        </div>
 
    <?php endwhile; ?>
<?php endif; ?>

Теперь вы можете открыть файл стилей style.css и определить параметры стиля для нового класса ‘first’

Вот в принципе и все. Конечно, немного знаний CSS не помешает, хотя бы в рамках самоучителя.

Советую прочитать еще:  Совет недели: несколько полезных функций
Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *