Верстка темы WordPress — Стилизация виджета тегов

Автор Denis Lisitsin
Верстка темы WordPress — Стилизация виджета тегов

средство следующем видеокурсы по созданию темы для WordPress If сегодняшнее видео мы с вами будем продолжать работать над собором блока в этом видео мы с вами стилизуем виджеты популярных тегов и познакомимся с двумя новыми фильтрами с помощью которых мы будем стерилизовать данные теги для начала.

Давайте перейдём в админ панель и добавить виджет стейками в sidebar. Я уже за кадром создал несколько тегов. Давайте посмотрим здесь есть поставь тайге.

А я накидала десяток тегов которые были здесь в HTML верстки и добавил их нашим постановка.

Я уже добавлял видим здесь есть теги говори теперь перейдем виджеты найдём виджет Tag Cloud II переименовал судьба. Так теперь давайте добавим ещё заголовок популярные теги и сохраним посмотрим на результат 1-ым страницу блога видим, что ты где у нас вывелись и они ужасные 11 так большой и. Давайте посмотрим, что у нас тут в стилях, а в стилях у нас прописывается в файле Style Font size 22 пун маленьким прописывается 8 пунктов. Почему разница такая размер шрифта виджет автоматически выделяет большим размером тех которые больше всего используется в которой больше раз прикрепили к определённому пасту на мы использовали блох один раз. Модерн или xi5 роста. Модерн будет большим большим шрифтом аналогия с. Самыми популярными темами. Нам нужно будет — это исправить нам нужно поставить будет размер 14 пикселей такой как у нас здесь верстки если мы посмотрим на инспекторы посмотрим размер шрифта. Кто у нас здесь есть фон с 14 пикселей. И также у нас у данной ссылке есть дополнительные классы которые нам также нужно будет добавить ссылки которые здесь выводится выжить. Давайте перейдём в. Редактор и уже по традиции зайдём в папку с виджетами которые добавлены WordPress по умолчанию здесь найдём виджет iCloud открываем этот файл и посмотрим функция виджета которая возвращает HTML разметку. А, что у нас здесь происходит нас интересует как всегда какие-либо фильтры с помощью которых мы можем, что то изменить 1 фильтр который мы сможем использовать я здесь сижу — это виджеты Cloud Works здесь мы можем изменить аргументы которые приходят функцию VPN Cloud. Давайте перейдем функция. ВПР Cloud и посмотрим. Какие аргументы она принимает зайдём в поиск напишем функцию и приходим в документацию функция. ВПР Cloud выводят облако меток список меток в виде облака так ниже мы пролетаем к аргументам и у нас здесь десяток аргументов которые мы можем изменить для этой функции нас интересует 3 первый — это с мост largest и Unit с помощью стеллажа мы можем задать размер тегу которые водятся в атрибуте Style и 22 пункта на наше которые нам нужны на 14 пикселей с помощью не то мы можем поменять единицу измерения по умолчанию стоят пункты мы поменяем на пиксели. Давайте вернемся в. Редактор и здесь. Скопируй название этого фильтра дальше перейдём в functions.php и снежок где она меня ли внешний вид и категорий ниже добавим ещё один фильтр напишем напишем — это фильтр название фильтра и функция которая будет вызываться в данном фильтры назовём её Solid Tag Cloud виджет как-то так она будет называться. Давайте теперь создадим данную функцию function данная функция будет принимать переменная массив аргументов настройками давайте так и напишем аркс и здесь по традиции нам нужно вернуть данные аргументы аркс. Так теперь нам нужно три параметра которых я говорил ранее эти параметры сможешь ваш unix2dos копируем их названия и здесь нам нужно вызвать нам нужно обратиться к элементу массива аркс. Так теперь определите их значение так — это удалим вишня с копировалась так здесь будет равно 14 самый большой также будет у нас 12. Июнь — это нас будет пиксели так сохраняем. Давайте посмотрим на результат перейдём в блох обновим страницам и видим, что размер наших тегов поменялся и теперь он одинаковый посмотрим инспекторе Style font-size 14 пикселей и везде 14 пикселей так следующая, что нам нужно сделать — это стерилизовать теги подобным образом как в HTML на нужно добавить ссылки два дополнительных класса который называется батон и батон sim2 теперь идём обратно в документацию VPN Cloud и посмотрим если тут параметры для классов так пройдёмся по списку параметров здесь параметров d-класса в. Я не вижу. Давайте теперь перейдем в саму функцию в тело функции посмотрим где тут формируются данной ссылке и классика этим ссылкам так смотрите есть функция выбор генератор от iCloud которая возвращает которая сортирует тяги и также возвращает HTML так как Filter apply filters MP3 передаётся характер и аркс. А здесь string HTML то есть для тегов для соответственно нам нужно теперь обратиться функция. ВПР 4 класс чтобы посмотреть, что там происходит потому, что ссылки формируется именно в этой функции. Давайте найдём. Я здесь перейдём к этой функции так функции обрабатывает переданные данные терминов метод возвращает HTML код облаками. Всё верно именно функция нам — это не нужно смотрим она принимает параметры также сложить Unit мужаидов параметры фильтров с помощью предыдущего фильтра и также она у неё есть параметр который нам нужен или нет здесь. Давайте теперь я не могу эту функцию на тело этой функции посмотрим что.

0 комментариев
0

Читайте также