Создание WordPress Темы (Шаблона) — Урок 13 Блок testimonial

Автор Denis Lisitsin
Создание WordPress Темы (Шаблона) — Урок 13 Блок testimonial

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

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

Вы можете видеть, что этот блок совсем простенький состоит всего лишь из-за одной иконки текста имени и компания которая отзыв также здесь есть изображение на фоне.

Давайте перейдём в саблайм текст и добавил новую папку для нашего блока она будет называться понял также нам нужно создать 2 файла config json и template vs template. Теперь давайте теперь перейдем в Index HTML. Мёртвые скопировать блок с отзывом так вот он совсем небольшой переходим кпбс вставляем теперь я сразу предлагала определить настройки. Давайте садишь. Ника будет настройка блока, а также этого дела у нас будет Round Image URL и напишем настройку bgm, что у нас будет — это иконка принципе можно было иконку и по умолчанию оставить. Ну давайте сделаем её чтобы пользователь мог выбирать идет текст имя и название компании компании так с описанием nps. Мы закончили. Давайте перейдем config json. И начнём описание настроек в 1 настройка которую мы добавим — это будет блока. Давайте скальпируем. Так теперь закрой массив. И начнём описывать наше настройки блокаде. Можешь теперь нам нужно изображение имеются у нас будет называться gmh типы матч Label background так. Давайте напишем City мы добавим. Медиа библиотеку чуть позже так дальше нам нужно дальше нам нужно имя или текст. Давайте посмотрим, что у нас здесь идёт будем добавлять потому наше настройки сверху вниз так будет иконка icon Label icon placeholder удаляем тип также айкон дальше у нас будет текст тип солдат Xperia лейбл тестимониал Holder тестимониал. Так, что там дальше и компания имя у нас будет текстовый тип поля name и компания так сохраняем и теперь нам нужно добавить настройки по ниже нам нужно после settings определить объекты. Фолз копируем отсюда оставляем о блокаде оставляем — это удаляем у нас здесь не будет аккордеон так блокаде у нас здесь был ты wrap, а дальше у нас будет идти gmatch пока оставить пустым потом icon.ico нас здесь. Было так текст имя и компания так имя у нас здесь копируем компания также копируем всё сохраняем теперь нам нужно подключить наша блок. Найди библиотеку открываем файл. Эдисон здесь в конце новый блок который будет называться тестимониал тестимониал. Здесь копируем также нам нужно добавить новую группу для блока, а также будет называться тестимониал позиции 3 перейдем теперь config json блока и здесь. Нам нужно поменять группу. Группа будет Estima как поменяли. А теперь она у нас не хватает файла превью png, а я его создал этот раз заранее. Давайте вас копируем с рабочего стола рабочий стол и здесь этот файл пировали следующее. Шах который нам нужно сделать — это добавить новое изображение в. Меге библиотеку. Давайте зайдем в папку состоится матч с копируем отсюда файл с папки где у нас лежит html-верстка этот файл будет называться t-back зима в 5 перейдём редактор добавить в json файл новое изображение так здесь. Скопируй и вставь тип у нас будет имэйдж называться будет забег проверим мне. Для ошибок дефис Big City добавим и сохраним теперь нам нужно зайти в config json файла нашего тестимониал облака нашего тестимониал и заполнить изображение по умолчанию. Давай теперь. Джейсон и здесь мы добавим путь к нашему файлы из медиабиблиотеки кэшбэк всё вроде бы. Мы закончили и всё заполнили. Теперь давайте перейдем на сайт и проверим работоспособность обновить страницу с редактированием выберем библиотеку солят и здесь у нас появилась. А Катя понял переходим и видим наш блог здесь есть. Давайте его добавим и что-то у нас прошло не так посмотрим чем делом во-первых текст вывелся. С пашкой чего не должно быть перейдем. Давайте Фанфик джисон и посмотрим, что мы тут написали так текст мы добавили. Вера возможно. ВТБ СПб снова здесь нужна тройная фигурная скобочка чтобы ты где у нас считала обновим так выберем библиотеку Solid 5. Симонова категория и добавил в блок всё на блок добавился корректно контент в блоке выглядит корректно также как и ваш демоверсия сравним перейдём на сайт блок точно такой же теперь давайте посмотрим в меде библиотеку добавился ли наш файл смотрите здесь уже сразу поставляется такси так как мы писали его в config json здесь в этом месте. Когда определяли наш Field Image здесь у нас текст на этом я предлагаю закончить данный видео урок из следующих уроках мы продолжим создание новых блоков для главной страницы. Если вам понравилось видео урок ставьте лайки также пишите комментарии, но встреча в новых видео пока.

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

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