Как добавить блок виджетов в тему WordPress.

С помощью виджетов на блог можно добавлять различные элементы. С помощью виджетов можно добавлять такие элементы, как: меню, список рубрик, теги и т. д. Все эти элементы можно выводить с помощью специальных функций. Но, многие вебмастера впервые видят подобное меню, и им может показаться, что всё очень сложно, но, это не так, потому что всё делается простым перетаскиванием элемента.

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

Может это и в некоторых случаях пригодиться:

Если виджет нужно добавить туда, где вывод виджетов не предусмотрен;

Если создается новая тема и туда нужно добавить функционал;

Если в сайдбаре нужно вывести несколько блоков виджетов;

Если используется тема, которая не поддерживает виджеты.

Для управления виджетами нужно перейти в панель администрирования WordPress соответственно в пункт «Внешний вид» >> «Виджеты» . Если тема имеет поддержку виджетов, то появиться два блока. Слева будут располагаться доступные для добавления виджеты, а справа будут располагаться виджеты, которые можно добавить.

Если тема не имеет поддержки виджетов, то выскочит следующее сообщение:

Теперь рассмотрим, как добавить блок виджетов в вашу тему. В самом начале файла functions.php используемой темы нужно добавить следующий PHP код:

Данный файл можно найти в папке с шаблоном /wp-content/themes/ название вашей темы. Данный файл нужно редактировать только в кодировке UTF8 и для этого лучше всего воспользоваться специальным редактором Notepad2. Также нужно обратить внимание на то, что всё содержание файла должно начинается с символа <?php и заканчиваться ?>. Если данный файл был добавлен самостоятельно, то эти два элементы нужно обязательно добавить.

Теперь нужно пройтись по самому коду. В первой строке в параметре ‘name’ нужно указать название блока виджетов. Чтобы не было проблем, название лучше давать такое, где и будет размещаться будущий виджет. Далее идет строка – before_widget, здесь нужно указать тот HTML код, который хочется добавить перед виджетом, далее идет строка after_widget, где нужно установить код, который будет отображаться после виджета.

После этого виджет автоматически будет помещен в <div class=»neobhodimui-klass» ></div>. В четвертой и пятой строках можно указать код, который будет отображаться до и после виджета. Данный код дает возможность с легкостью управлять внешним видом виджета с помощью файла style.css шаблона.

После всех настроек нужно вывести блок в определенном месте на блоге. В данном случае нужно открывать тот файл темы, который будет отвечать за тот элемент, где будет находиться выводимый виджет. Для добавления в сайдбар, нужно соответственно открыть файл sidebar.php, если планируется вывод внизу сайта, то нужно открыть файл footer.php. Естественно, все названия файлов могут изменяться в зависимости от темы. Добавляем в определенное место следующий код:

Здесь нужно указывать только то имя блока, которое было указано в файле functions.php, в нашем случае это «Правая колонка» . После всех изменений спокойно сохраняем файл.

После этого переходим в панель администрирования WordPress в пункт: «Внешний вид» >> «Виджеты» и если всё было сделано правильно, то с правой стороны появиться только что созданный блок, который можно перенести в левую часть.

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

Если нужно добавить ещё несколько блоков, то делается всё так же как и в предыдущем случае с добавлением кода в functions.php. Главное не забывать менять название блоков.