Создание WordPress Темы (Шаблона) — Урок 11 Второй блок для главной iconbox

Автор Denis Lisitsin
Создание WordPress Темы (Шаблона) — Урок 11 Второй блок для главной iconbox

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

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

Или точнее есть икона.

есть заголовок есть текст и есть кнопка кнопка является у нас ссылкой. Давайте теперь перейдем в саблайм текст и посмотрим на разметку данного блока этот блок у нас называется сервис здесь идёт колонка Vaillant T4 обычно быстро идёт иконка Font awesome заголовок кв-4 текст и кнопка в принципе ничего. Давайте теперь создадим до нашего блока новую папочку которая будет называться icon Box папки создадим файл config json дальше ещё создадим file template хбс теперь перейдем библиотеку и подключим. Наш новый блок. Давайте здесь копируем отлично напишем так icon Box White Box. Всё верно для нашего блага. Я предлагаю добавить еще одну категорию к называется icon Box всё очень просто в принципе мы можем не добавлять новую категорию и размещать все блоки если у вас их мало. В одной, но я для примера буду — это делать. Так позицию каждым первую offset библиотека. Мы закончили блок подключили. Давайте теперь закроем и копируем нашу разметку и ставим её в template хбс. Так разметку мы вставили укажем синтаксис так. Всё Давайте теперь зайдём в моём блок в из копируем здесь. Джейсон чтобы нам было быстрее набирать в этом боксе так первая группа у нас этом. Бог настройках мы оставляем блока. Иди дальше давайте — это удалим нам не понадобится так и также здесь удаляем в параметрах отлично. Всё Давайте приступим к заполнению настроек и создание фильтров для вывода колонок вот в этих мы будем использовать фильтр аккордеон. Давайте напишем. А имя у него был дальше бокса с будет него лейбл тип аккордеон. Новоалтайск параметры viewtype которого сейчас стоит экспонат. Мы можем поставить ещё второй параметр Flip. В чём их различия я покажу визуально. А когда мы создадим данный блок. Так теперь у этого солдата есть ещё параметры настройки в которых мы описываем которые будут содержать. Каждый элемент аккордеона 1 Field у нас будет титул. Тотал и здесь напишем тату. Следуй вот у нас будет иконка aycan aycan aycan итоге убираем. Так, что тут у нас ещё идёт иконка заголовок мы добавили текст и ссылка ещё да. Так теперь давайте добавим текст текст текст текст, а следующая будет батон Link Button Text так потом текст так и следующие батон Link всё настройки мы описали все блоки добавили. Теперь давайте заполним объекты. Фолз Сейчас посмотрим хбс. Здесь был it-service давать его подставим так отлично, что напишем — это наш аккордеон пишем здесь Box S дальше у нас идёт массив. И в каждом массив объект каждого атома аккордеона. То есть сейчас у нас получается три колонки и нам нужно создать три объекта. Первый параметр будет свойства объекта — это дальше будет тайкон текст батон текст. И последнее. Это батон Link ещё нам нужно указать свойства ордер она отвечает. Зато в каком порядке выводить данные элемент то есть при выводе. В чём у нас в handlebars If Basic сортировка с помощью ордера. Так давайте теперь с копируем заголовки заполнить массив иконка текст текст о первом. Брянске Гамп. Ничего страшного и мой инфо так теперь предлагаю по копировать данный объект так раз-два поменяем ордер на два и на три и осталась там поменять ещё и корочку во втором элементе иконка в третьем и заголовки так всё отлично. Если всё ошибок у нас не будет то будет всё работать хорошо так sconfig. Джейсона Мы закончили. Давайте теперь перейдем. ФБС первое, что нам нужно вывести здесь — это блок айди Block it следующее параметры тайкон icon, а потом хедер сайта также у нас будет текст и батон текст и батон Link всё отлично теперь. Это мы удаляем и следующая, что нам нужно сделать — это обернуть col-md 4 div с классом в. ТЧ и чн пишется. След образом открываем фигурная скобочки ставим решетку пишем each Ice сорт дальше нам нужно указать название нашего, а массива которые мы здесь задавали White boxinbox пишем Box S и дальше указываем по какому параметру какому свойству кровать ордер теперь нам нужно закрыть наш закрываем его следующим образом фигурная скобочки слэш и копируем данные в строчку Beach Resort так ещё раз открываем скобочки решётка ej-ve сорт название массива и по какому свойству сортировать и также закрываем его здесь, а всё с данным файлом temps. Мы закончили. Давайте теперь перейдем в админку и попробуем запустить и добавить в наш блог так загрузка прошла успешно. Значит мы не должны были запустить. Никакой ошибки давайте выберем соли в библиотеку у нас появилась новая категория icon Box и мы добавить превью для нашего блока добавила чуть позже. Давайте добавим блок. Видимо у нас блок успешно добавился смотрите сразу хочу обратить. Ваше внимание на то, что текст. У нас появился. С тегами. П чтобы так произошло нам нужна когда мы вводим текст exterio. Да в принципе, обычная текстового поля типа текст. Если вы хотите чтобы пользователи вписывать считались на странице нормально то vkb-sim нам нужно выводить тройными фигурными скобками вот так таким образом. Давайте теперь.

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

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