Как добавить виджет WordPress в нужное место на сайте?

Как добавить виджет WordPress в нужное место на сайте? Вопрос без сомнения один из самых востребованных. Сегодня мы научимся это делать легко и просто. Я хочу сразу перейти к коду, чтобы долго Вам не мучать и по ходу работы буду объяснять, что и как я делаю. Думаю это правильно и Вы со мной согласитесь. Поехали.

Допустим, нам срочно нужно вставить какой-то виджет в определенное место на сайте, но сделать нам это нужно так, чтобы это место отображалась в админке W0rdPress и могло заменяться любым виджетом. Итак, чтобы это сделать, мы разобьем нашу работу на несколько этапов.

Регистрируем место под виджет

Для начала нам необходимо в нашей теме найти файл functions.php и сразу после того, как Вы его откроете и найдете вверху код открытия php – <?php вставляем нижеследующий код.

В этом коде мы говорим системе, чтобы она зарегистрировала новое место под виджеты. И в нашем сайдбаре будут следующие данные:

  • name’ — имя блока для виджетов. Здесь можете придумать любое имя.
  • ‘before_widget’ — в эту строчку прописывается HTML код, который Вы хотите добавить перед виджетом
  • ‘after_widget’ — Html код после виджета
  • Параметры ‘before_widget’ и ‘after_widget’ нужны для придания определенного стиля оформления блока с виджетами с помощью CSS.
  • Параметры ‘before_title’ и ‘after_title’ — соответственно для придания стиля оформления заголовкам виджета.

Все, мы зарегистрировали наш новый сайдбар. Теперь мы можем спокойно перейти в нашу админку и найти там наш сайдбарик с именем New SideBar – Вы можете назвать его совершенно по своему, как захотите.

Размещение сайдбара на сайте

Для нашей админки мы сайдбар сделали, но на сайте он еще не отображается, поэтому надо указать теперь непосредственно в коде нашего сайта в том месте, где мы хотим выводить наш сайдбар (место под виджеты), где ему выводиться.

Для этого открываем файл темы, например header.php – если хотим выводить виджеты в шапке и вставляем следующий код в нужное нам место.

1 2 <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(«New Sidebar») ) : ?> <?php endif; ?>

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

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

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

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

Как правило, в теме предусмотрено две области виджетов для сайта WordPress: в сайдбаре и в подвале. Но в зависимости от темы, количество доступных к использованию областей может меняться.

Так же может отличаться и набор виджетов. Расширить набор виджетов для сайта WordPress можно, добавив необходимые вам плагины.

Так, например, если вы установите плагин Page Builder от SiteOrigin и Бандл Виджетов к нему, то в наборе виджетов, помимо стандартных, появится набор конструктора страниц. Используя который вы можете очень просто создать практически любой по структуре элемент в области виждетов. Например, это можно использовать для создания сложной по структуре шапки сайта или подвала.

Как объявить свою область виджетов WordPress?

В процессе создания сайта часто возникают задачи, которые можно с легкостью решить при помощи виджетов. Но что делать, если у вас в нужной части сайта нет области виджетов? Или, например, вы делаете сайт на базе какой-то темы, но у нее нет возможности разместить виджеты в шапке сайта?

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

Например, вы хотите разместить над шапкой дополнительное меню, или панель с контактами. Большинство тем не дают такой возможности. А с помощью своей области виджета вы сможете это сделать очень просто.

Для объявления свое области виджетов нам нужно:

  1. 1.В редакторе кода NotePad++ открываем файл functions.php, который находится в папке с активной темой, по пути:
    PHP
    1 http://имя-сайта/wp-content/themes/активная-тема/functions.php

    В этой статье вы найдете инструкцию по работе с NotePad++:
    «Редактирование файлов сайта в Notepad++»

  2. 2.Далее, нам нужно найти в этом файле фрагмент кода, в котором происходит объявления области с помощью функции register_sidebar. Для этого открываем поиск нажатием CTRL+F, вставляем в строку поиска название функции и нажимаем на кнопку «Искать далее»:
  3. 3.Теперь нам нужно скопировать один из таких фрагментов кода и поставив после последней такой записи несколько «Enter-ров» вставить его ниже.
  4. 4.Теперь нам нужно изменить здесь несколько строк:
    1. 1.)В поле ‘name’ заменяем значение в скобочках ‘Masthead’ на наше, например ‘TopBar’. Здесь задается название области виджетов, которое будет отображаться в разделе «Внешний вид» → «Виджеты».
      PHP
      1 ‘name’ => __( ‘TopBar’, ‘vantage’ ),
    2. 2.)В поле ‘id’ задаем уникальный идентификатор нашей области. Например, с topbar:
      PHP
      1 ‘id’ => ‘topbar’,
    3. 3.)В поле ‘description’ задаем описание области.
      PHP
      1 ‘description’ => __( ‘Top bar content.’, ‘vantage’ ),
  5. 5.Вот, что в результате должно получиться:
    PHP
    1 2 3 4 5 6 7 8 9 register_sidebar( array( ‘name’ => __( ‘TopBar’, ‘vantage’ ), ‘id’ => ‘topbar’, ‘description’ => __( ‘Top bar content.’, ‘vantage’ ), ‘before_widget’ => ‘<aside id=»%1$s» class=»widget %2$s»>’, ‘after_widget’ => ‘</aside>’, ‘before_title’ => ‘<h3 class=»widget-title»>’, ‘after_title’ => ‘</h3>’, ) );

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

  6. 6.Далее сохраняем файл и в браузере переходим в раздел «Внешний вид» → «Виджеты». Здесь должна появиться новая область:

Как вывести свою область виджетов на сайте WordPress?

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

  1. 1.Так как мы делаем топбар, то он должен располагаться над шапкой сайта. Соответственно, нам нужно добавить вывод области в файле header.php, который, так же как и functions.php, находится в папке с активной темой.
  2. 2.Открываем его в NotePad++ и вставляем следующий фрагмент кода сразу же после открытия тега <body>:
    PHP
    1 2 3 <div id=»topbar-inner»> <?php dynamic_sidebar( ‘topbar’ ); ?> </div>

    Вот так:

    В данном фрагменте мы добавляем блок с произвольным идентификатором topbar-inner, в котором находится функция dynamic_sidebar, предназначенная для вывода на страницы сайта новой области. Здесь нам нужно вставить название идентификатора, которое мы задавали при объявлении области.

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

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

Что такое виджет?

В предыдущей статье мы работали над визуальной стороной сайта — настраивали его дизайн. Теперь же самое время начать обращать внимание на его функционал. Дальше вы узнаете, что такое виджеты, для чего они нужны, а также, как настроить эти виджеты для сайта на WordPress.

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

На самом деле, намного проще объяснить все на примерах. Виджет — это боковая часть сайта (может быть сверху, снизу, справа, слева), которая не несет в себе конкретной информации, но способствует грамотной работе сайта. На информативных сайтах, по типу моего, это чаще всего пункты меню, такие как: строка поиска, свежие записи, рубрики и так далее. Тут все зависит исключительно от вашей фантазии: это может быть календарь, на котором будет отсчет дней до какого-то важного события на сайте, часы с точным временем, чтобы читатели ориентировались в пространстве во время посещения вашего сайта, в общем, это может быть все, что угодно!

Настройка виджетов на WordPress

У каждого шаблона сайта на WordPress может быть разное количество мест для размещения виджетов. Крайне важно, чтобы они были максимально функциональными и не перегружали лишним сайт.

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

Мы будем разбирать настройку виджетов на основе моего сайта. Процесс крайне прост и одинаков на разных сайтах, поэтому он не должен вызвать каких-то сложностей.

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

Как вы можете видеть, я не стал ничего добавлять в футеры. Пока нет желания нагружать нижнюю часть сайта. Возможно потом там появятся какие-нибудь интересные вещи. А вот в главном сайдбаре находятся несколько виджетов: поиск, свежие записи и т.д.

Как же добавить виджеты?

Слева есть полный список доступных для вас виджетов с их описанием. Например, мы хотим добавить в правое меню сайта баннер 125 на 125. Для этого нужно на него надавить левой кнопкой мыши и, не отпуская, перетащить в сайдбар. Это действие подробно показано на скриншоте:

Теперь необходимо только его настроить. Для этого нажимаем на треугольник:

Там вы сможете выбрать нужное изображение и посмотреть, как оно будет выглядеть. Остается только сохранить изменения на сайте. Для этого в той же вкладке жмем на кнопку сохранить в самом низу:

Там же вы можете удалить ненужный виджет.

На этом с технической точки зрения все, но стоит обсудить еще один важный вопрос.

Какие виджеты стоит добавлять, а какие нет?

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

  • Обязательно должна быть поисковая строка! Дайте возможность посетителям вашего сайта попытаться найти то, что их интересует. Возможно на вашем сайте это есть;
  • Желательно, чтобы были такие виджеты как Свежие записи, Рубрики или что-то подобное. Это даст возможность посетителям увидеть другие, интересуемые статьи, и перейти на них во время посещения сайта. Такие виджеты существенно увеличат время пребывания на сайте и глубину просмотра, что положительно отражается на поисковой оптимизации;
  • Не добавляйте виджет Облако меток! Данный виджет выглядит очень некрасиво и ничего кроме отпугивающего эффекта не принесет;
  • Не перегружайте сайт виджетами, особенно медийными. Не стоит добавлять слишком много виджетов. Сильнее всего это относится к изображениям, видео и аудио. 1-2 — нормально, больше вызовет негативный эффект.

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

Добавление и настройка виджетов в WordPress

Здравствуйте, друзья! В прошлых уроках мы разобрались с вами как вставить видео на сайт и выучили как сменить тему оформления в wordpress.

В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет?

Необычное слово виджет (от англ. widget – «штучка», «штуковина») используется для обозначения инструментов или содержимого, которые можно добавить, упорядочить и удалить с боковой панели блога или страницы WordPress. С помощью виджетов легко настроить содержимое боковой панели блога.

Это значит что вся информация которую вы видите на боковой панели вашего сайта легко поддается редактированию, удалению и любым другим изменениям.

Страница виджетов находится в меню консоли Внешний вид — Виджеты.

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

Список доступных виджетов

Чтобы активировать виджет, перетащите его на боковую (правая колонка, со списком доступных мест для виджетов) колонку или нажмите на него. Чтобы деактивировать виджет или удалить виджет, перетащите его обратно или нажмите «Удалить».

Добавление виджета «Календарь» перетаскиванием мышки

После того как мы перетащили нужный виджет на панель сайдбара, вводим его название и нажимаем кнопку «Сохранить».

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

Стандартные виджеты в WordPress

  • Виджет «RRS» — Записи из любой ленты RSS или Atom.
  • Виджет «Календарь» — Календарь записей вашего сайта.
  • Виджет «Облако меток» — Облако часто используемых меток.
  • Виджет «Свежие записи» — Самые свежие записи вашего сайта.
  • Виджет «Страницы» — Список страниц вашего сайта.
  • Виджет «Архивы» — Архив записей вашего сайта по месяцам.
  • Виджет «Мета» — Ссылки на вход/выход, RSS-ленту и WordPress.org.
  • Виджет «Поиск» — Форма поиска для вашего сайта.
  • Виджет «Рубрики» — Список или выпадающее меню рубрик.
  • Виджет «Свежие комментарии» — Самые свежие комментарии вашего сайта.
  • Виджет «Текст» — Произвольный текст или HTML-код.

Сохранение виджетов при смене шаблона

Обычно при установке или смене шаблонов виджеты теряются. Чтобы этого избежать, рекомендуется перед сменой шаблонов (тем) вашего WordPress сайта перемещать все активные виджеты в блок «Неактивные виджеты».

Результат добавления виджета, который добавляет календарь на боковую панель сайта в шаблоне Contango:

Результат добавления виджета (нажмите на изображение для увеличения)

Как видите, все очень просто! В этом уроке мы узнали как добавить, редактировать и удалить виджеты в WordPress. Если у вас остались вопросы, задавайте их в комментариях.

>Обзор

WordPress.org

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

function register_my_widgets(){ register_sidebar( array( ‘name’ => «Правая боковая панель сайта», ‘id’ => ‘right-sidebar’, ‘description’ => ‘Эти виджеты будут показаны в правой колонке сайта’, ‘before_title’ => ‘<h2>’, ‘after_title’ => ‘</h2>’ ) ); } add_action( ‘widgets_init’, ‘register_my_widgets’ );

а потом сного в него добавляем новый код

function register_my_widgets(){ register_sidebar( array( ‘name’ => ‘Боковая панель на главной странице’, ‘id’ => ‘homepage-sidebar’, ‘description’ => ‘Выводиться как боковая панель только на главной странице сайта.’, ‘before_widget’ => ‘<li class=»homepage-widget-block»>’, ‘after_widget’ => ‘</li>’, ‘before_title’ => ‘<h2 class=»widgettitle»>’, ‘after_title’ => ‘</h2>’, ) ); } add_action( ‘widgets_init’, ‘register_my_widgets’ );

у меня получается содержимое файла функции.пшп

<?php function register_my_widgets(){ register_sidebar( array( ‘name’ => «Правая боковая панель сайта», ‘id’ => ‘right-sidebar’, ‘description’ => ‘Эти виджеты будут показаны в правой колонке сайта’, ‘before_title’ => ‘<h2>’, ‘after_title’ => ‘</h2>’ ) ); } add_action( ‘widgets_init’, ‘register_my_widgets’ ); function register_my_widgets(){ register_sidebar( array( ‘name’ => ‘Боковая панель на главной странице’, ‘id’ => ‘homepage-sidebar’, ‘description’ => ‘Выводиться как боковая панель только на главной странице сайта.’, ‘before_widget’ => ‘<li class=»homepage-widget-block»>’, ‘after_widget’ => ‘</li>’, ‘before_title’ => ‘<h2 class=»widgettitle»>’, ‘after_title’ => ‘</h2>’, ) ); } add_action( ‘widgets_init’, ‘register_my_widgets’ );

и предпоследняя строка ему не нравится((

  • Ответ изменён 3 мес., 3 нед. назад пользователем bahmetev.
  • Ответ изменён 3 мес., 3 нед. назад пользователем bahmetev.

Привет читателям. Тема для — виджеты. Вернее, плагины которые помогут вам применять ваши виджеты не только в стандартных сайдбарах, а гораздо шире. Предположим вы находитесь в процессе создания персонального портфолио для рекламы своих писательских услуг. На базе WordPress, конечно же. Подумаем над тем, как можно просто и эффективно добавлять разные виды контента с других ресурсов на страницы портфолио. Один из самых эффективных способов придать страницам более интересный вид, а заодно показать разные виды контента, заключается во вставке виджетов, которые обычно находятся в сайдбаре, внутрь постов и страниц.

С помощью этого приема, вы сможете использовать WordPress виджеты для отображения блока последних записей внутри поста или страницы, или показать виджет «календарь» прямо в записи. Как бы то ни было, взглянув на список виджетов, которые создаются множеством плагинов, вы поймете, как можно использовать прием «виджет внутри поста или страницы» самым подходящим именно для вас способом.

Как использовать прием «виджет внутри поста»?

Например, можно разнообразить страницу «Обо мне» использовав там виджет, создаваемый плагином Instagram for WordPress для показа фида изображений из моего Instagram аккаунта. Этот плагин позволяет использовать его полную функциональность посредством вставки шорткода, но, стоит помнить, что не все плагины обладают этой функцией.

Вы так же можете воспользоваться виджетом какого либо плагина для социализации сайта, например, использовать виджет для отображения списка друзей с Facebook или последних действий в Facebook аккаунте. То же самое можно проделать и с плагинами для Twitter и других социальных сетей.

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

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

Как добавлять виджеты в записи и страницы?

Итак, когда мы знаем, зачем нам это нужно, давайте посмотрим, как можно реализовать показ виджетов внутри постов страниц. В большинстве случаев, когда дело касается WordPress, самый простой способ воплотить в жизнь какую-либо идею — это использовать плагин, а когда дело доходит до вставки виджетов в посты и страницы, то для реализации этой задумки существует несколько хороших вариантов.

Widgets on Pages

Еще один бесплатный и очень востребованный плагин для добавления виджетов в посты и страницы. Widgets on Pages позволяет вам использовать свежесозданную дефолтную область для виджетов для создания собственного списка виджетов, или, в качестве альтернативы, вы можете создать неограниченное количество дополнительных областей для виджетов.

Теперь, воспользовавшись шорткодами, названными в соответствии с определенными областям виджетов, вы можете вставлять ваши виджеты в посты и страницы. Вы так же можете вызывать уже существующие сайдбары, указывая в шорткодах названия этих сайдбараов, которые, как правило, ‘sidebar-1’ и т.д.

Я еще не успел упомянуть в этой статье, что плагин Widgetize Pages Light еще является и хорошим инструментом для построения шаблонов страниц, но, не смотря на это, он все еще остается хорошей альтернативой для тех, кто не нуждается в функционале подобного рода или использует другие инструменты для конструирования страниц.

Другие способы усовершенствования WORDPRESS виджетов

Flexible Posts Widget — позволяет вам показывать блок «последние записи», как виджет сайдбаре или на странице/посте, если использовать его в комбинации с одним из описанным выше плагинов. Если стандартный виджет «последние записи» показывают только самые свежие записи, то этот плагин дает вам гораздо больше контроля над этим блоком. С помощью данного инструмента, вы можете показывать посты определенного типа, соответствующие определенным категориям или тегам. Вы так же сможете полностью контролировать порядок, в котором показываются записи.

Widget Logic – это бесплатный плагин который я уже описывал ранее, позволяющий вам выбирать, какие виджеты показывать в определенных постах/страницах. Этот плагин добавляет новое поле к каждому виджету. С помощью этого поля вы можете контролировать страницы, посты и категории, где появляется тот или иной виджет. Этому плагину есть множество применений, например, можно показать виджет, включающий личные фото с Flickr только на странице «Обо мне», или отображать определенный ссылки только на страницах или в категориях, которые имеют к ним непосредственное отношение.

Плагин Display Widgets выполняет практически ту же работу, что и Widget Logic, но он более прост в использовании, благодаря наличию чекбоксов для страниц, на которых вы хотите показать тот или иной виджет.

Dynamic Widgets – еще один бесплатный виджет, позволяющий вам контролировать, где и какой виджет показывать. Этот плагин может порадовать довольно впечатляющими фишками, к примеру, функцией показа определенного виджета на определенной странице только в определенные дни недели.

Widgets Reloaded — плагин, который уже некоторое время не обновлялся, но на момент написания этой статьи все еще работал с WP 3.5.2, что очень хорошо, так как этот бесплатный плагин добавляет очень много функциональности виджетам WordPress. Установив этот виджет, который позволит вам преобразить ваши виджеты, с помощью дополнительных полей, дающих вам тотальный контроль над их использованием. Теперь виджеты можно применять множество раз, что ранее было невозможно.

Widgets Reloaded. Вот как выглядит виджет «категории» после установки Widgets Reloaded. Как видите, вы можете контролировать работу виджета.

Плагин Colorful Text Widget позволяет вам раскрасить текстовые виджеты – изменить цвет текста, заголовков и фонов ваших виджетов.

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

В заключение

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

В более функциональных темах WordPress, помимо прочих деталей, имеется преимущество в выводе информации через виджет в разные места сайта. Они не ограничиваются одним только сайдбаром и могут располагаться на страницах, в постах, в «шапке», в «подвале» и т.д. Все это делает работу с сайтом гораздо проще и удобнее, а также позволяет избежать необходимости редактирования исходного кода в каждом случае (за исключением первого раза, когда мы самостоятельно будем добавлять свою область вывода виджета в тему). В будущем останется лишь добавлять в нее виджеты с любой информацией.

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

Регистрируем свою область виджета

Первое, с чего следует начать, так это с функции регистрации. Для примера я создам четыре области под виджет в более подходящих местах сайта. Далее можно просто дублировать код, тем самым создавая еще больше областей. Только при этом действии нужно менять уникальный идентификатор. Также стоит отметить, что в зависимости от того, что мы хотим выводить в виджетах, стили оформления придется менять на свои. То есть, если мы имеем дело с рекламным баннером, то блок виджета должен растягиваться. А если, к примеру, это последние публикации, то здесь должны быть другой подход к оформлению.

Область виджета в сайдбаре

Первую часть кода добавляем в файл functions.php. Это функция регистрации.

// область в сайдбаре if (function_exists(‘register_sidebar’)){ register_sidebar( array( ‘name’ => ‘Область в сайдбаре’, //название виджета в админ-панели ‘id’ => ‘wsidebar-1’, //идентификатор виджета ‘description’ => ‘виден во всех разделах сайта’, //описание виджета в админ-панели ‘before_widget’ => ‘<aside id=»%1$s» class=»widget %2$s»>’, //открывающий тег виджета с динамичным идентификатором ‘after_widget’ => ‘<div class=»clear»></div></aside>’, //закрывающий тег виджета с очищающим блоком ‘before_title’ => ‘<span class=»widget-title»>’, //открывающий тег заголовка виджета ‘after_title’ => ‘</span>’,//закрывающий тег заголовка виджета ) ); }

Вторая часть кода отвечает за место вывода того или иного контента, который в данном случае помещаем в сайдбар. Открываем файл sidebar.php, находим главный блок (он обычно идет с классом или идентификатором sidebar). И сразу после него вставляем нашу функцию.

<?php dynamic_sidebar( ‘wsidebar-1’ ); ?>

Обращаем внимание на надпись в одинарных кавычках – это и есть идентификатор виджета. При дублировании кода не забываем менять ID в функции вывода (та, что выше). Дальше на очереди должны следовать стили оформления. Но здесь, учитывая место вывода, должны подойти стили из темы оформления.

Область виджета на страницах

Теперь все повторяем, только меняем ID и место вывода. В файл functions.php добавляем следующий код.

// область виджета на страницах if (function_exists(‘register_sidebar’)){ register_sidebar( array( ‘name’ => ‘Область на страницах’, //название виджета в админ-панели ‘id’ => ‘wsidebar-2’, //идентификатор виджета ‘description’ => ‘контент для страниц’, //описание виджета в админ-панели ‘before_widget’ => ‘<div id=»%1$s» class=»widget %2$s»>’, //открывающий тег виджета с динамичным идентификатором ‘after_widget’ => ‘<div class=»clear»></div></div>’, //закрывающий тег виджета с очищающим блоком ‘before_title’ => ‘<span class=»widget-title»>’, //открывающий тег заголовка виджета ‘after_title’ => ‘</span>’,//закрывающий тег заголовка виджета ) ); }

Открываем файл page.php и находим в нем функцию <?php the_content(); ?>. Сразу после нее можно вставить нашу функцию вызова. Код обернут в условие, в котором указан определенный ID страницы. Это значит, что только на этой странице будет выводиться контент виджета (при желании удалите условие).

<?php if( is_page(‘9’) ) { ?> <?php dynamic_sidebar( ‘wsidebar-2’ ); ?> <?php } ?>

Область виджета в постах

Открываем файл functions.php и добавляем в него код.

// область в постах if (function_exists(‘register_sidebar’)){ register_sidebar( array( ‘name’ => ‘область в постах’, //название виджета в админ-панели ‘id’ => ‘wsidebar-3’, //идентификатор виджета ‘description’ => ‘контент для постов’, //описание виджета в админ-панели ‘before_widget’ => ‘<div id=»%1$s» class=»widget %2$s»>’, //открывающий тег виджета с динамичным идентификатором ‘after_widget’ => ‘<div class=»clear»></div></div>’, //закрывающий тег виджета с очищающим блоком ‘before_title’ => ‘<span class=»widget-title»>’, //открывающий тег заголовка виджета ‘after_title’ => ‘</span>’,//закрывающий тег заголовка виджета ) ); }

Открываем файл single.php и после функции <?php the_content(); ?> или в любое другое место вставляем код.

<?php dynamic_sidebar( ‘wsidebar-3’ ); ?>

Область виджета в «шапке»

В последнем случае такая же схема. Открываем файл functions.php и добавляем код.

// область в шапке if (function_exists(‘register_sidebar’)){ register_sidebar( array( ‘name’ => ‘область в шапке’, //название виджета в админ-панели ‘id’ => ‘wsidebar-4’, //идентификатор виджета ‘description’ => ‘контент для шапки’, //описание виджета в админ-панели ‘before_widget’ => ‘<div id=»%1$s» class=»widget %2$s»>’, //открывающий тег виджета с динамичным идентификатором ‘after_widget’ => ‘<div class=»clear»></div></div>’, //закрывающий тег виджета с очищающим блоком ‘before_title’ => ‘<span class=»widget-title»>’, //открывающий тег заголовка виджета ‘after_title’ => ‘</span>’,//закрывающий тег заголовка виджета ) ); }

Открываем файл header.php и после главного блока, к примеру, </header> вставляем функцию вызова. Она также имеет условие показывать содержимое только на главной странице (по желанию это условие можно удалить).

Добавить комментарий

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