Каким образом настроен вывод информации в категории на этом сайте?

Мне очень понравился вывод информации в категории на этом сайте. Хотелось бы знать с помощью чего реализована такая красота и простота?
Слева картинка, информация, таксономия и заголовок с небольшим описанием. Раздвигается короткое описание по нажатию. — Круто!
Например здесь: https://n-wp.ru/category/plugins

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

  1. tiaurus

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

    <?php the_author_posts_link(); ?>

    Аватар автора выводится так:

    <?php $author_email = get_the_author_email(); echo get_avatar($author_email, '16', ''); ?>

    Дата выводится стандартным способом:

    <?php the_time('d M') ?>

    Категория выводится стандартно:

    <?php the_category(', '); ?>

    Вывод меток с количеством сделан способом, описанным тут: Как вывести теги с количеством постов
    Название поста выводится стандартно:

    " title="<?php the_title(); ?>"><?php the_title(); ?>

    Правда есть одна хитрость — для постов-ссылок применяется несколько другой способ: Как вставить ссылку в заголовок поста
    Фоновый рисунок для постов разных категорий добавляется способом, описанным тут: Как задать постам разных категорий индивидуальное оформление
    Под заголовком выводится цитата поста, если она есть:

    <?php if(!$post->post_excerpt) : ?><?php else : ?><?php echo get_the_excerpt(); ?><?php endif; ?>

    Содержимое поста разделяется тегом more. Оно выводится стандартным способом:

    <?php the_content(__('Читать далее', 'neutral')); ?>

    После того, как содержимое поста до тега more выведено, оно сворачивается спойлером. Спойлеров разных много в блоге описано, например, можно воспользоваться вот этим: Как сделать удобный спойлер | Advanced Spoiler
    Ну а все остальное — это настройки css.

    Ответить
  2. blizzard23 автор

    Простые действия, а все вместе дают хороший эффект!

    Ответить