Видоизменяю низ анонсов статей WordPress

Привет дорогой читатель! В этой мини статье я покажу как слегка изменил низ анонсов статей.

Изначально нижняя часть анонсов статей была следующей.

niz

На первый взгляд смотрится не так уж и плохо.

Но я решил сделать мелкие изменения.

  • Уберем фон
  • Заменим иконку комментариев
  • Заменим надпись о наличии и отсутствии комментариев
  • Уберу метки

Для начала определим в каком блоке выводится фон

Для этого открываем index.php

Ищем там похожий код:

 <!--Post Meta-->
    <div class="post-meta-bottom">
    <!--<?php if (function_exists('the_tags')) { ?><strong>Tags: </strong><?php the_tags('', ', ', ''); ?><br /><?php } ?>-->
    <div class="cat"><span class="cats"><?php the_category(', ') ?></span><span class="tags"><?php the_tags('', ', ', ''); ?></span></div>
    <div class="comm"><span><?php comments_popup_link('0', '1', '%'); ?></span></div>
    <div class="clearboth"></div>
    </div>
    </div>
<!--do not delete-->

Как видим этим блоком является post-meta-bottom

Дальше в style.css ищем стиль для этого блока.

У меня он выглядел примерно так

#content .post-meta-bottom {
background: #FBFCFE url(images/postmetabottombg.jpg) bottom left no-repeat;
display: block;
border-top: 1px solid #DFE3E6;
margin: 0px 0px -15px 0px;
padding: 12px 10px;
font-size: 12px;
color: #535353;
clear: both;
}

Дальше просто убираем строчку

background: #FBFCFE url(images/postmetabottombg.jpg) bottom left no-repeat;

Казалось бы все, но файл остался на сервере и занимает место. Поэтом открываем папку images и удаляем там postmetabottombg.jpg

Дальше поменяем иконку и надпись комментариев.

За это отвечает строчка

<div class="comm"><span><?php comments_popup_link('No comments', '1 Comment', '% Coments'); ?></span></div>

Просто заменяем ее на

<div class="comm"><span><?php comments_popup_link('0', '1', '%'); ?></span></div>

Теперь у нас не будут выводиться надписи, только цифры.

P.S Изменять надо в файлах index.php, search.php, archive.php, single.php, page.php!

Следующим этапом будет смена иконки комментариев.

Для этого в папке images ищем картинку с изображением комментария. У меня это commbg.gif
И заменяем его другой картинкой только с таким же названием и расширением.

P.S Если вы заменяете на файл с другим названием или расширением найдите в style.css название старого файла и замените его на новое.

Далее я убрал отображение меток и в результате отказался от их использования вообще.

За вывод меток отвечает код

<span class="tags"><?php the_tags('', ', ', ''); ?></span>

Если вы решили удалить метки тоже, то не забудьте удалить файл иконки в папке images

В результате у меня получилось

niz2

Немного проще чем изначальный вариант, но мне нравится =)

На этом я закончу серию статей по изменению анонсов WordPress. Если хотите сделать такую же кнопочку «читать дальше» , прочтите статью Как изменить ссылку читать далее (read more) wordpress?