Блог обо всем

Личные советы

Облако тегов со скользящими счетчиками

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

Точнее я дам вам демонстрацию данного эффекта в трех цветах и самописный виджет к WordPress с инструкциями по установке.

Предпосылки

Недавно на блоге Евгений оставил комментарий следующего содержания. Костя а как у вас на блоге реализован ваш блок с метками. Очень привлекательное решение. Я думаю это не только мне интересно.

Теперь отвечаю. Еще когда новый дизайн был только в планах, я нашел один клевый пример на сервисе CodePen. Вот он: </code><a href=»http://codepen.io/Thibaut/pen/eCIkr»>Check out this Pen!</a>

Я решил обязательно применить данный эффект в новом дизайне. Но если вы взглянете на разметку во вкладке HTML, то заметите, что html-каркас такого облака тегов отличается от стандартного облака тегов WordPress. Создать виджет с такой разметкой не составит труда, но загвоздка у меня была в получении числа записей, помеченных каждой меткой. Но ответ на данный вопрос я нашел и с успехом применил в этом дизайне.

Виджет и инструкция

Теперь и вы можете поставить на свой блог WordPress такое облако тегов, следуя данной инструкции.
Скачайте виджет и распакуйте единственный файл в корень вашей папки с темой. Добавьте в файл function.php следующую строку кода. PHP require_once(‘sliding-tags.php’);

Перейдите в раздел виджеты и добавьте новый виджет “Webnugget Widget: Sliding Tags Could” в ваш сайдбар В настройках виджета присутствует выбор цветовой схемы из трех представленных ранее. А также виджет на английском, т.к. я его писал готовым к переводу на другие языки. Кто разбирается в этом, легко должен его перевести под свою тему. Хотя там всего два поля в настройках и они и так понятны без всякого перевода.

Могу еще сказать, что это эксклюзивный виджет, которого ни у кого другого пока нет (я не видел).



Leave a Reply

Your email address will not be published.

*
*

девятнадцать + двадцать =

*