Как создать шаблон для wordpress — Урок 14 Создание виджета формы подписки

Автор Maksim Inshakov
Как создать шаблон для wordpress — Урок 14 Создание виджета формы подписки

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

Шевченко Вячеслав и мы продолжаем серию видеоуроков по создание темы для WordPress в сегодняшнем видео уроки мы сделаем последний виджет который был у нас в HTML теме — это виджет подписки. Давайте посмотрим как он выглядел. Вот его визуальное представление — это заголовок чёрточка как ты всех виджетов чёрный фон на инпут и кнопка отправить.

Если мы посмотрим на кот, а то.

Увидим, что — это for обычно. С обычным импортом и кнопкой которая отправляет WordPress есть несколько способов создать такой виджет первое то мы можем воспользоваться уже плагинами их очень много от разных систем которые занимаются подписка и. Таи молчи и понос и тому подобное второе мы можем просто взять текстовый виджет и вставить HTML формы туда в текста и у нас она здесь — это сделать самому виджет данные подписки. А в основном все сервисы при регистрации. И создания формы для подписки дают html-код форма. Сын потом с кнопкой которая отвечает за подписку. Давайте представим, что у нас уже есть такое HTML код в игре — это следующим образом форма у нас div Input кнопка, а на самом деле если вы будете создавать для себя. Вы можете добавить туда любые параметры Action — это обработку форма. Добавить сюда ещё Input который. Вам нужен если вы создаете форма для клиента то вы можете с ним уже договориться чтобы он заранее вам дал данную форму и вы сделаете просто эту форму виды так чтобы ему легче было добавлять эту форму и удалять ну или редактировать какие-то данные к примеру этот текст мы возьмём по старой схеме с прошлого урока готовой виджет и переделаем и его виджет формы подписки. А за основу мы возьмём виджет текста. Так как он подходит более всего к нашей ситуации и. Давайте перейдём в. Папочка VPN Cloud Service jetz теме. И откроем файла класс в.п. виджет текст так открыли. И посмотрим с чего он тут состоит. То есть — это стандартная которых мы говорили в прошлых уроках конструктор виджет апдейт и форма. Я думаю уже заметили, что виджет не такой уже большой в прошлом уроке было больше кода в методе бюджет так как он сохранял более выполнял более сложные действия до вывод постов блога у нас здесь есть просто div в которой отображается текст на — это место мы добавим нашу форму и выведен параметр текст как вот этот текст вот сюда в этот форма у нас здесь останется и по желанию мы можем ещё увидеть этот сабскрайб. А можем просто его задать как переводимого переменную. Да если кому-то нужно изменить здесь, что можно просто перевести и другой текст здесь появятся. Но посмотрим давать первое, что мы сделаем — это создадим файл у нас папочки Young есть с классом Racing Post добавим сюда ещё новый файл с и назовем его классу коту сабскрайб фон на собак рэп чем. Давайте посмотрим сохраняем слово сабскрайб сабскрайб написали без ошибок всё правильно копируем данный код S класса бюджет текст и этот файл закрываем больше она мне понадобится. А теперь давайте переименуем название класса напишем. ВВП тут виджет сабскрайб расширять классы по виджет также можем переименовать. Здесь тоже название класса так дальше, что у нас идут параметры. Передаем класс виджет виджет текст. Давайте сразу посмотрим как у нас здесь есть, а видим да у нас есть News Slider давать из копируем его перед 12 2 самолёт изменим напишем виджет в Skype отлично. Так здесь напиши. МТС Омск iPhone так напишем дескрипшн так с конструктором и закончили. Давайте пойдем дальше дальше у нас здесь идёт принятие повидло обработка вывод виджета и вывод самого-самого разметки виджета 20 скопирую. Вот — это наша форма здесь вот так вот вот и вставим здесь ниже всё отлично. Вместе мы выведем текст так так — это газ копируем. Так удаляем копировать не будем у нас остался всех. Барин этот текст всё, а видео у нас форма есть классно добавили текст здесь будет выводиться. Давайте сохраним и посмотрим, что у нас получилось так зайдём в админку бюджет. Мы видим, что ничего не вылазь path мы зарегистрировали в function.php выходим function.php добавляем здесь строчку реджиста виджет имя класса пока пойдут совещаться в Skype копируем и вставляем здесь сохранили так. Давайте ещё сохраним скопированный текст самого админки и зайдём опять виджеты класс утверждает проектную. Ага, а так мы сейчас не подключили sampha. Да так вот тут давать из копируем название ок гуляем смотрим виджет не появился. Давайте разбираться. Почему так классно тут написали файл подключили сохранить брак такса Skype. Давайте передадим здесь айдишник так как текст у нас уже есть и здесь напишем сабскрайб форум так вот наверное нас были одинаковые девичнике поэтому ничего не появлялось так текст у нас есть вот появился. Савской form Widget. Легенда Давайте добавим напишем текст здесь который у нас вот напишем тайтл сайта и сохрани добавим галочку automatically Add paragraph если она стоит то здесь каждый. Перенос строки будет формироваться в параграф переходим на сайт resemble появилась у нас форма наша немножко постелю отличается сейчас будем смотреть в чём дело появился имплант появилась кнопка текст тот же белый. Единственное, что отличается заголовок по цвету и у нас — это молния. Давайте взглянем сальвар H1 H6 у нас здесь Color серый. Да у нас получается всех барах везде цвет серый. У нас тут в этом виджеты был белый нам нужно изменить.

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

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