Вёрстка темы под Вордпресс (WordPress)

Добавление виджетов

Инфоблоки, напоминающие виджеты, также должны быть динамическими. Для реализации этой задачи следует выполнить такие действия:

  • зарегистрировать блок виджетов;
  • вывести виджеты в необходимом месте.

Далее рассмотрим этим процессы более подробно.

В папке шаблона создается PHP-файл functions. В нем будут храниться функции, которые необходимы для работы шаблона. В functions могут быть предусмотрены и прочие процедуры.

Далее в созданный файл нужно вставить такой код:

Этот фрагмент нужен для регистрации блока виджетов. В данном случае он назван MySidebar. Однако при желании он может иметь любое название. Эта же функция может использоваться и для регистрации меню.

Затем в «сайдбаре» нужно удалить следующие строки:

На их место необходимо вставить такой код:

В результате этого действия блок «Информация» исчезнет. Но сбоку по-прежнему будет находиться статическое меню.

Определенные изменения произошли и в админ-панели. В разделе «Внешний вид» возникло сразу 2 новых подпункта: «Меню» и «Виджеты». Сначала нужно перейти в подпункт «Виджеты». Внутри него появится блок (в данном случае он называется MySidebar).

Для воссоздания информационного блока необходимо добавить в sidebar виджет «Текст». В заголовке указываем слово Информация, а в поле Текст – следующий код:

После этого остается только лишь сохранить внесенные изменения.

В результате выполненных изменений сайт был воссоздан практически один в один со статическим аналогом.

Адаптация меню

Для того чтобы полностью адаптировать дизайн, также необходимо трансформировать вертикальное меню из статического в динамическое. Это можно сделать непосредственно в панели администратора.

Сначала нужно удалить большой вложенный список меню в sidebar.php. На его месте нужно указать следующий код:

Далее в админке необходимо открыть раздел Внешний вид, а затем подпункты Настроить и Меню. Здесь нужно добавить меню с тем же именем, которое указано в файле сайдбар. В данном случае меню называется left_menu. Также потребуется добавление всех необходимых пунктов меню.

После сохранения изменений нужно выполнить обновление страницы и проверить работу и правильность отображение динамического меню в левой части нашего веб-ресурса.

В окончательном варианте код PHP-файла сайдбар будет выглядеть следующим образом:

Итак, на нашем сайте только лишь надпись Меню по-прежнему статична. Ее можно слегка «оживить» путем реализации данного блока в виде еще одного виджета.

Работа с «футером»

Вывод «футера» также можно реализовать посредством виджетов. Для этого необходимо открыть functions.php и перед дескриптором ?> добавить следующий фрагмент:

Таким образом, была проведена регистрация блоков виджетов под названием foot.

Далее в «футере» нужно заметить весь код из одноименного контейнера на следующую строку:

Ее задачей является вывод блока foot.

Затем нужно вернуться в панель администратора ВордПресс и выполнить настройку виджетов. В частности, блок Текст следует перетащить в область foot. Поле Текст может быть заполнено как угодно.

В поле Заголовок можно ничего не указывать.

После сохранения изменений стоит обязательно проверить окончательный результат. Созданный виджет должен полностью соответствовать статическому шаблону.

В итоге весь шаблон стал полностью динамическим. При этом его внешний вид не претерпел никаких изменений.



Теги:
0

Оставить своё мнение

Ваш e-mail не будет опубликован. Обязательные поля помечены *