Создаем простую тему на wordpress: часть 2

Опубликовано: 02.06.2017

На предыдущей статье — Создаем простую тему на wordpress — можно было бы остановиться, но мы продолжим, а именно: создадим динамичный сайдбар (functions.php), а также форму комментариев на сайте (comments.php, single.php, post.php).

WordPress. Создание сайта. Урок 8. Создание темы. Часть 2. (Алексей Захаренко - WebForMySelf)

Скачать исходники для статьи можно ниже

Создаем файл functions.php.

Если вы зайдете в панель управления wordpress сайта с нашей новой темой, то наверняка заметите, что в пункте «Внешний вид» отсутствует подпункт «Виджеты», что очень не удобно.

Уроки 2017 года. Создание интернет-магазина на wordpress

Поэтому давайте создадим динамичный сайдбар, чтобы в него можно было добавлять различные виджеты, предусмотренные движком wordpress.

Регистрация сайдбара и вывод его на сайте будет производится на основе моей предыдущей статьи — Виджеты: понятие, назначение, пример их создания и размещения в подвале .

Приступим:

Создаем файл functions.php со следующим кодом:

<?php if ( function_exists('register_sidebar') ) register_sidebar(array( 'before_widget' => '<li id="%1$s">', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); ?>

Где переменные:

‘name’ — имя блока для виджетов. Здесь можете придумать любое имя.

‘before_widget’ — в эту строчку прописывается HTML код, который Вы хотите добавить перед виджетом

‘after_widget’ — Html код после виджета

Параметры ‘before_widget’ и ‘after_widget’ нужны для придания определенного стиля оформления блока с виджетами с помощью CSS.

Параметры ‘before_title’ и ‘after_title’ — соответственно для придания стиля оформления заголовкам виджета.

В вышеуказанном коде мы обернули заголовок виджета в блок div и задали ему стиль оформления title, а сайдбару с виджетами – стиль newsidebar, который описывается в файле stily.css.