Привет дорогой читатель! В этой мини статье я покажу как слегка изменил низ анонсов статей.
Изначально нижняя часть анонсов статей была следующей.
На первый взгляд смотрится не так уж и плохо.
Но я решил сделать мелкие изменения.
- Уберем фон
- Заменим иконку комментариев
- Заменим надпись о наличии и отсутствии комментариев
- Уберу метки
Для начала определим в каком блоке выводится фон
Для этого открываем 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
В результате у меня получилось
Немного проще чем изначальный вариант, но мне нравится =)
На этом я закончу серию статей по изменению анонсов WordPress. Если хотите сделать такую же кнопочку «читать дальше» , прочтите статью Как изменить ссылку читать далее (read more) wordpress?