Создание WordPress Темы (Шаблона) с нуля — Урок 12 Стилизация облака меток

Автор Denis Lisitsin
Создание WordPress Темы (Шаблона) с нуля — Урок 12 Стилизация облака меток

приветствоваться в следующем видео уроки курсы по создание темы для WordPress на связи.

Шевченко Вячеслав в сегодняшнем видео уроки мы продолжим за баром и следующие виджет в сайдбаре который мы стилизуем — это будет облако тегов облако тегов — это вывод треков по статьям. КОАП статья посту WordPress на можно добавить определенный тег с помощью этого облака. Мы можем отсортировать по тегам посты.

А давайте зайдем в.

Редактор и посмотрим как выглядела наша облако тегов в HTML верстки. Она находится в этом месте. Давайте раз комментирую пакет. Давайте Сначала посмотрим какая она здесь идёт стандартная разметка виджета потом идёт div с классом т.д. и т.п. наши отображается в виде списка со ссылкой, а внутри ссылки название тега. Давайте теперь перейдем на сайт и 1-ым страницу посмотрим как — это всё выглядит. Так у нас есть такие жёлтые штучки они становятся красными и текста Explorer так я скопирую давать этот текст. Когда мы будем стрелять виджет я. Вставляю в виде заголовка. А теперь давайте перейдем в админку и добавим виджеты с облаком тегов виджет, а здесь есть стандартные виджеты. Называется он. А сейчас где он тут Cloud добавляем виджет и вписываем названия которые она забыла нажимаем сейф ещё я хочу показать тебе добавляется эти треки. Давайте перейдем посты. А я заранее добавила теги. А вот здесь вот категориями есть теги прописан здесь какой-то Tag нажимаем Enter и он добавляется также можем удалить каждой статье можно добавлять одинаковые — это допустимо. Давай Я теперь вернемся на сайт и посмотрим как вы стандартный виджет тигров видео появился заголовок и у нас вывелся какой-то кот в ссылке непонятного совсем отличается от нашего. Давайте посмотрим в инспекторе. Что именно за код HTML выводит эти ссылки сразу мы можем видеть есть div с классом и внутреннего есть ссылки. АЭС нет никакого списка. Уэльс или разметка совсем отличается от данных тегов в виджете отвечает функция впт Cloud я. Предлагаю перейти в документацию и посмотреть как она выглядит P Tag Cloud переходим и посмотрим так функция выводит облако меток список меток виде облака можно показать произвольные таксономии дальше функция принимает определенные аргументы видим этот список везде нас интересует аргумент который называется формат с помощью этого аргумента мы можем поменять HTML которое будет отображаться при выводе облако меток сейчас стоит Fiat выводятся просто ссылке мы можем поменять этот аргумент на лист увидеться вели список с классом в ppt Cloud она так как у нас функция — это выводится внутри виджета. Да, но 3 класса который отвечает за вывод данного облака облака мы просто так его изменить не можем здесь есть два варианта 1 — — это переопределить опять же стандартный виджет написать свой класс с виджетом и поменять там этот параметр в этой функции или поменять параметры для этой функции с помощью фильтра. А с помощью фильтра мы можем — это сделать. И давать приступим к реализации перейдём файл function.php и в конце здесь нашего года где мы писали напишем функцию которая будет называться выплату стеклу. Давайте напишем function wp тут Tag Cloud. А — это функция в качестве параметра будет принимать массивы аркс и также она будет возвращать эти аргументы аркс отлично функция нас будет обрабатываться с помощью фильтра который называется виджеты Cloud X добавили фильтр от фильтр. Скопируй название функции вторым параметром для фильтра. Вот так и напишем название фильтра бюджет. Артек клад аркс так вроде написали без ошибок давайте вы видим здесь массива этих аргументов посмотрим, что в нём чтобы вам было более понятно. Да так нажимаем. А этот массива ведь здесь. Где водится облако меток видим сейчас моментах есть таксономия пластик и Echo boolean false. А давайте здесь добавим параметр который будет называться формат то есть пропишем здесь аркс формат и изменим. Ивана лист. Отлично всё посмотрим как — это сейчас будет работать обновляем видим на вывод изменился уже добавился здесь список с маркерами видим у лёвы ссылку следующий шаг который сделаем — это приступим стилизация. А если вы успели заметить то у данного поворачиваешься тега TD Class. Маша здесь тайга которая поворачивает список стекло, а всё, что сделать — это зайти в столбце найти класс тег details который отвечает за реализацию данного облако меток, тогда твл изменить. Ивана Tag Cloud. Так давайте перейдём в тут остаться ссы по поиску найдём так detail видимо у нас тогда. Тейлор Ховард общем. Есть несколько стилей, но — это напишем find All I удалена замена Tag Cloud клауд-рэп по-моему там была с большой буквы давайте сейчас глянем. Нет с маленькой 3 класс, а всё заменили mastelli контроль с обновляем так поменялись у нас стиле в нашем родном виджете которое мы ввели с помощью. ВВП виджет HTML естественно убрались у нас. Но единственное, что здесь было ещё текст был крупнее чем здесь. Давайте посмотрим какой здесь размер видим стоит фунчоза с 8. Вт здесь прямо встал. Он прописан francaise 8pt этот также задается с помощью аргументов. Давайте взглянем здесь на аргументы есть аргумент Unit которые единица измерения передаёт есть. Асмолов то есть минимальный размер шрифта 80 стоит у нас там было 14 пикселей давать, а также поменяем эти параметры фильтра function PHP tags копируем — это поставим здесь смелость 14 так параметр Unit вставляем сюда, а она пишем пиксели обновляем.

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

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