Создание шаблона WordPress — Урок 15 Блок Clients. Заканчиваем главную страницу.

Автор Maksim Inshakov
Создание шаблона WordPress — Урок 15 Блок Clients. Заканчиваем главную страницу.

Приветствую вас дорогие друзья на связи.

Шевченко Вячеслав и мы продолжаем работу над нашей WordPress темы сегодняшнее видео мы с вами закончим работу на главной странице и создадим который называется of Clans этот блок очень простой. Здесь ничего сложного один заголовок и четыре картинки которые мы выведем с помощью навсегда аккордеон. Я думаю если вы смотрели все предыдущие уроки, а то вы с легкостью сделайте этот блок самостоятельно, что ж.

Давайте перейдём в саблайм текст 3 начнём работу за кадром я создал папку Clans в которой есть три файла config json template хоббс и превью png здесь уже сделал скриншот на облака и положила в папку config json и template у нас пустой сейчас мы будем их заполнять.

Давайте возьмем пример Second. Бокса, а здесь configures копируем начала нашего файла напишем здесь группу клиент или даже of Clans давайте так блокаде оставляем дальше. Давайте закроем наш объект закроем массив так добавить ещё один дефолтный объект новотех копируем так мы описали. Давайте теперь добавим блок в библиотеку ли. Джейсон здесь ещё добавим группа одно будет позиция у неё 5 A client's здесь напишем Clans так ниже здесь добавим блок подключим блок у нас будет называться так клиент с папка нас клиент Clans всё отлично если. Джейсон закончили так. Давайте закроем теперь здесь у нас блока иди давайте пока удалим группу. Мы определили 1 Field. У нас есть. Давайте перейдём в HTML в. Яндекс файл. И найдём наших так вот он с копируем данные HTML разметку зайдём file template hobbs так. Так иди сразу вырезаем оставим здесь it-block айди. Так, что у нас тут ещё там херне пишем. Давайте сразу определим ходор ходор здесь — это так, что там у нас ещё на. У нас есть изображение и колонка так — это удаляемая как ой Install File так там поёт хбс здесь удаляем пишем здесь Image URL или просто имейдж и всё. Давайте здесь ещё добавим Alt здесь будет. Тотал — это всё. Нам нужно вывести в цикле так как — это будет Field аккордеон. Давайте зайдем в. ХБ здесь посмотрим копируем так массив у нас будет называться clients так всё теперь описать массив. Так давайте возьмём здесь данные настройки здесь у нас будет название клиент Clans Clans аккордеон тип обычный. Тотал и здесь будет Imagine имэйдж. Давайте напишем Logo имидж так вроде бы всё с настройками закончили остались только дефолтные дефолтный объект. Нам нужно будет описать хейтер хедер у нас был of Clans так дальше идёт у нас дальше у нас идёт массив. Давайте скальпируем чтобы было бы так Clans у нас идёт. Тотал и здесь будет изображение имидж так имеешь пока мы не пишем сейчас мы добавим еще умеешь в медиа библиотеку ок у нас там было 4 логотипа клиента давайте ещё добавим 1 пункт 4 здесь напишем для примера какой-то текст бы не важно. Это будет для этого атрибута тега Alt альтернативный текст так всё. Теперь давайте в медиалаб зайдём в конфликте сон и добавим 4 так-с копируем — это ставим изображение они у нас лежат в папке медиалаб assets in. Я здесь уже добавил 4 логотипа клиента 01 02 03 04. png. Давайте теперь напишем здесь 01. PNG секс. Удали всё. Теперь ещё три раза с копируем нелёгкая работа копировать постоянно так изображение мы добавили. А теперь посмотрим как там и вывести в конфликте Sony смотрим маска Block URL — это у нас если изображение лежат в блоке. В текущей папке также у нас есть маска Block URL из кабачка имя блока которому нужно обратиться. Давайте скопирую её зайдём config json и здесь в Imagine Dragons Block медиалаб имэйдж клиент 01 PNG клиент 01. Да без ошибок вроде бы всё должно отлично быть, тогда плотные объект мы заполнили настройки заполнили. А, что у нас тут template хбс здесь всё отлично. А давайте перейдём в браузере и проверим добавился ли наш блог страница так ошибки не. Какие не выпали. Это уже хорошо на давайте выберем Solid появилась категория Clans заходим и здесь есть блок возникла какая-то ошибка не добавляется Block Field Image not found. Так, что там или неверно или что-то с плагином A Field Image png написала прошу прощения Type Image имейдж здесь им же и в. МПС я написала ему же всё верно типы Magic Beauty Club нам выдал ошибку Field not found консоли так. Давайте обновим ещё раз и добавил Take Blog добавился картинки не добавились клиент клиент 01 PNG клиент 0 10. Чёрт добавил здесь блог так ещё раз обновляем — это всё спешка дорогие друзья такое бывает так так всё отлично изображение добавились. Всё круто. Давайте перейдем на главную страницу посмотрим на красоту который. Мы создали теперь посмотрим на версия всё точно HTML версия на — это у меня всё я хочу. Закончить данный видео урок, но я если он понравился обязательно ставьте лайки пишите комментарии по возможности. Я буду стараться на них отвечать. До встречи в новых видео пока.

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

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