Создание шаблона WordPress — Урок 5 Работа с footer. Регистрация виджет зоны для footer.

Автор Maksim Inshakov
Создание шаблона WordPress — Урок 5 Работа с footer. Регистрация виджет зоны для footer.

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

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

Давайте скальпируем кусок который отвечает за Footer здесь вот есть GIF сойди футер раб и давать его скопирую ставим его перед теликом хутор здесь footer.php сохраним и обновим страницу наши WordPress версии смотрим.

Что Footer отображаются корректно все стили и внизу нас ещё остался Footer который был по умолчанию даст дополнительный какой-либо информацией. А я предлагаю удалить данные HTML, но сюда ещё в наш Footer HTML разметки которые мы перенесли дополнительные дополнительную информацию которая будет размещать себе собирает информацию о такой как все права защищены и год выпуска сайта и она у нас будет опционально. Мы будем управлять видимостью этой информации с помощью настроек для темы которые будем создавать в будущих видео уроках так как данный данная информация всегда есть на любых сайтах новые заметки у нас здесь её нет мы её добавим и она будет опционально я думаю — это будет хороший пример для работы для темы удалим у данные кусок. Да ещё в контейнер ниже после родов ещё один ролл. А в котором будет div с классом к g12 и внутри будет то т.п. в котором будет текст ну к примеру пока такой текст. Давайте обновим видим добавился текст сайт создан в 2018 году. После наших колонок с дополнительной информацией следующее штаны необходимо сделать — это зарегистрировать виджет для футера. Давайте перейдём в function.php и здесь уже 100%. Дана регистрация. Да вот есть функция Solid виджеты. Нет которая вызывается на Action виджеты нет и внутри эта функция вызывается функция sidebar в которой передаются аргументы по умолчанию WordPress виджет нет. И если их если не одна не надо даже в админке вас не появятся пункт виджеты с помощью регистрация в которой даны здесь вызывается регистрируется в. Самаре для блога в части мыс копируем данные кусок кода старом ниже и произведем изменения для нашего футаро. Первый параметр name — это имя которое отображается в админ панели WordPress мы напишем Footer Footer sidebar второй параметр — это уникальный ID нашего сайдбара напишем sidebar Footer. А дальше идет описание которое также отображается в админке напишем здесь Footer Area следующие параметры — это before виджет и авто. Виджет — это HTML разметка которая будет обертывать нашей информации которое будет добавлено с помощью виджета здесь мы видим секс futari у нас здесь идёт div с классом ng4 нам также нужно добавить здесь ниф-ниф и у нас также закрывает виджет здесь. Также идёт класс который мы изменим на кол G4 потом идёт айдишник который подставляются автоматически wordpress.com и после нашего около G4 вставляются класса для нашего виджета которая с помощью WordPress данные лучше не удалять следующие параметры табби фото и After title ID HTML разметка которой оборачивают заголовок виджета она здесь разметка H4 элемента h4r он не каких классов поэтому мы здесь просто пишем H4 и данные класс виджета — это удаляем. А если вы обратили внимание, а то после H4 у нас идёт div с классом line скорее всего данная линия белая которую нам также нужно добавить. Давайте Скопируй и здесь когда у нас закрывается в 4 мы можем добавлять любую разметку. Да и мы вставим здесь поэтому div с классом h-line рядом с закрывающим H4 всё starset бар. Мы вызвали виджет наш виджет для наших виджетов хуторе зарегистрировали. Давайте перейдём в админку и посмотрим появилась ли веджетериан церкви. Джонс а. Видимо у нас 2 Widget Area sidebar и Footer sidebar которую мы только, что зарегистрировали. А также есть описание в футляре. Давайте перед или. Давайте за бросим какой-либо виджет напишем Search и сохраним перейдём обратно на сайт на и видим, что у нас ничего не поменялось. А не поменялось потому, что кроме как зарегистрироваться в нам также нужно его вызвать в нашей теме давайте для начала. Удали мотора заметку здесь в данном месте мы будем вызывать нашу веджетериан посмотрим пример в sidebar PHP — это сайт для нашего блога здесь мы видим, что они вызывают sidebar с помощью функции Dynamic sidebar которая принимает в качестве аргумента эд4м которую мы писали здесь вот — это у нас barefoot, а поэтому. Давайте с копируем данные кусок и напишем здесь Dynamic sidebar sidebar Footer. Я в моём странице у нас вывелся виджет поиска. Давайте взглянем на разметку видим появился div с классом кг-4 так как мы прописывали добавился дополнительный Class Widget Search и также 1003 добавился h400 телом и после H4 добавился дополнительный HTML код с классом онлайн который создаёт на. Давайте ещё раз зайдём в админку и. Удали наш виджет.

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

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