Как добавить виджет wordpress на страницу: Виджеты — Поддержка

Как добавить виджет WordPress в сообщение в блоге или на веб-страницу

Зачем добавлять виджет на страницу или публикацию WordPress

Отображение виджета на определенной странице

1 AMR Shortcode Any Widget

2 Блоки содержимого (виджет настраиваемой публикации)

3 Виджет страницы WP

4 Пользовательские боковые панели – Менеджер области динамических виджетов

5 Боковые панели Cherry

6 Боковая панель и менеджер виджетов для WordPress

Выбор плагина для отображения ваших виджетов

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

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

 

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

Зачем добавлять виджет на страницу или публикацию WordPress

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

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

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

Отображение виджета на определенной странице

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

1 AMR Shortcode Any Widget

AMR Shortcode Any Widget – популярный виджет для нетехнических пользователей. Вы можете вставлять виджеты на свои страницы с помощью простого шорткода.

Вот как им пользоваться:

• Установите и активируйте плагин.
• Перейдите в «Внешний вид», затем «Виджеты».
• Перейдите в область с надписью «Виджеты для шорткодов».
• Перетащите желаемые виджеты в эту область.
• Добавьте заголовок к виджету и нажмите Сохранить .
• Появится короткий код, который выглядит так: [do_widget id = media_gallery-2]

• Перейдите на конкретную страницу или сообщение, куда вы хотите добавить виджет.  
• Вставьте шорткод в визуальный редактор .
• После выполнения этих действий он должен появиться на странице или в публикации следующим образом:

2 Блоки содержимого (виджет настраиваемой публикации)

Content Blocks – еще один плагин шорткода, уникальный тем, что вы можете создавать собственный контент виджета, используя встроенный редактор WYSIWYG.

Вот как им пользоваться:

• Установите и активируйте плагин.
• В левой части панели инструментов щелкните Блоки содержимого .
• Затем нажмите «Добавить блок содержимого».
• Дайте заголовку новому блоку содержимого.
• Вставьте этот новый блок в визуальный редактор .

3 Виджет страницы WP

WP Page Widget – полезный инструмент для создания виджетных макетов страниц в темах WordPress с поддержкой боковой панели. 

Вот как им пользоваться:

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

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

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

4 Пользовательские боковые панели – Менеджер области динамических виджетов

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

Вот как им пользоваться:

• Установите и активируйте плагин.
• Перейдите к Внешний вид, затем к Виджетам. Здесь вы увидите новую область под названием Custom Sidebars.

• Вы можете создать настраиваемую боковую панель или перетащить включенные по умолчанию виджеты в раздел, отмеченный «Боковые панели темы». Вы можете контролировать, где будет отображаться боковая панель (в разделе боковой панели или нижнего колонтитула) для обоих типов.
• Щелкните стрелку вниз на желаемом виджете, затем щелкните Видимость (как показано ниже).

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

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

5 Боковые панели Cherry

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

Вот как им пользоваться:

• Установите и активируйте плагин.
• Перейдите в «Внешний вид», затем «Виджеты».
• Вы увидите новую область виджетов с надписью Cherry Sidebars под настройщиком боковых панелей по умолчанию.
• Перетащите предварительно загруженные виджеты.

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

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

6 Боковая панель и менеджер виджетов для WordPress

Sidebar & Widget Manager для WordPress – это многофункциональный плагин, который дает вам полный контроль над отображением виджетов на вашем сайте. Вы можете выбрать соответствующие страницы или сообщения для отображения своих виджетов и изменить их размещение на каждой странице.  

Вот как им пользоваться: 

• Установите и активируйте плагин.
• Перейдите к Внешний вид, затем к Виджетам .
• Нажмите кнопку «Установить видимость» и выберите страницы, на которых должны отображаться ваши виджеты.

Вы также можете изменить расположение виджетов на ваших страницах и в сообщениях, создав собственные виджеты боковой панели. Вот как:

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

• Просмотрите сообщение или страницу, чтобы увидеть свои изменения.

Выбор плагина для отображения ваших виджетов

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

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

Источник записи: https://blog.hubspot.com

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

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

Оглавление

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

Как найти виджеты в админке WordPress

Как добавить виджет в область виджетов WordPress

Как удалить виджеты в WordPress

Добавление виджетов WordPress в интерактивные темы Qode

Последние мысли

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

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

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

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

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

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

Добавить виджеты WordPress в заранее определенные области виджетов довольно просто. Давайте посмотрим, как это можно сделать как в теме WordPress по умолчанию, так и в темах Qode.

Вот что вы узнаете:

Как найти виджеты в админке WordPress

Чтобы найти свои виджеты, перейдите в Внешний вид> Виджеты в панели администратора WordPress.

Оказавшись там, вы увидите список всех Доступные виджеты (например, виджет «Галерея», виджет «Недавние комментарии», «Архивы» и т. д.).

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

Как добавить виджет в область виджетов WordPress

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

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

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

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

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

Однако важно отметить, что вы не сможете увидеть все доступные виджеты на этой странице, поэтому мы рекомендуем вам добавлять свои виджеты в Внешний вид> Виджеты экран.

Как удалить виджеты в WordPress

Процесс удаления виджетов довольно прост. На Внешний вид> Виджеты страницу, вы должны нажмите на заголовок виджета, который вы хотите удалить. Это действие расширит возможности виджета. Затем щелкните значок Удалить кнопка.

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

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

Добавление виджетов WordPress в интерактивные темы Qode

Хотя стандартная установка WordPress содержит некоторые важные виджеты, многие темы WordPress также содержат собственный список уникальных предопределенных виджетов.. Конечно, это также относится и к нашим собственным темам. Давайте посмотрим на некоторые виджеты, которые поставляются с темами Qode, а также на то, как добавить их на свой сайт WordPress.

Как и в случае с любой другой темой, вы сможете найти список виджетов, специфичных для тем Qode, среди всех других виджетов в Внешний вид> Виджеты, в левой части экрана.

Справа вы увидите все доступные области виджетов, в которых вы можете разместить свои виджеты. В отличие от бесплатных тем WordPress, Темы Qode содержат различные готовые области виджетов.. Например, если вы используете тему Bridge, некоторые из ее предопределенных областей будут включать верхний левый верхний колонтитул, верхний правый верхний колонтитул, нижний правый угол, нижний колонтитул слева, справа и по центру, и список можно продолжать.

Хотя большинство авторов тем создают и настраивают свои собственные виджеты и области виджетов таким же образом, есть одна особенно полезная опция, которая поставляется с темами Qode, которая называется Пользовательская область виджетов. Эта опция позволяет вам создавать свои собственные пользовательские области виджетов, которые можно разместить в любом месте страницы. при необходимости.

Чтобы продемонстрировать, мы создадим новую область настраиваемых виджетов под названием Часы работы.

Как только область виджета Часы работы появится в списке областей виджетов, вы можете добавить [BHI] виджет обзора часов работы (перетащив его или щелкнув сам виджет, а затем выбрав Добавить виджет).

Затем вы можете добавить эту настраиваемую область на любую страницу по вашему выбору с помощью Боковая панель с виджетами (элемент, который вы найдете при использовании WPBakery Page Builder для редактирования своей страницы):

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

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

Последние мысли

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

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

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

Поделиться на Facebook Поделиться на Twitter Поделиться на Pinterest Поделиться на WhatsApp Поделиться на WhatsApp Поделиться по электронной почте

Moyens Staff 6 декабря، 2021

Добавляем WordPress виджеты в записи и страницы

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

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

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

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

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

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

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

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

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

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

Единственный его недостаток заключается в том, что вам придется держать в памяти шорткоды для всех виджетов, которые вы хотите использовать (или постоянно возвращаться на страницу виджета, чтоб вспомнить нужный код). На странице плагина указано, что он совместим с версией 3.4.2, но у меня не возникало каких-либо проблем при установке на версию 3.5.2.

Эта облегченная версия премиум плагина доступна на WordPress.org. Чтоб использовать этот плагин, вам нужно будет создать дополнительный сайдбар, а затем добавить туда виджеты, которые вы хотите показывать – ничего сложного делать не нужно, и можно сразу использовать плагин.

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

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

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

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

Еще один бесплатный и очень востребованный плагин для добавления виджетов в посты и страницы. 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 виджеты, вы сэкономите себе кучу времени, ведь вам больше не нужно будет добавлять контент в каждый пост по отдельности, так как все это можно обновить, изменив данные только в одном месте, к примеру, с помощью проектировщика меню или, когда вы добавляете ссылки на страницы, используя виджет «ссылки».

Как добавлять и использовать виджеты в WordPress (шаг за шагом)

Хотите узнать, как добавлять и использовать виджеты в WordPress?

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

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

Что такое виджеты и зачем они нужны в WordPress?

Виджеты — это блоки контента, которые вы можете добавить на боковые панели WordPress, нижний колонтитул и другие области виджетов вашего веб-сайта.

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

Вы можете найти свою область виджетов, перейдя в Внешний вид » Виджеты в панели администратора WordPress.

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

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

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

Как добавить виджет на боковую панель в WordPress

Существует несколько способов добавления виджетов в область боковой панели WordPress.

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

Затем нажмите значок «Плюс», чтобы открыть меню блока виджетов.

Здесь можно искать виджет по названию. Или нажмите кнопку «Просмотреть все», чтобы открыть меню всех доступных виджетов.

Чтобы добавить виджет на боковую панель, просто нажмите на виджет, и он будет автоматически добавлен на боковую панель.

Затем все, что вам нужно сделать, это нажать «Обновить», и виджет теперь будет работать на вашем веб-сайте.

Страница виджетов — не единственный способ добавить виджеты в ваш блог WordPress.

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

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

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

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

Затем выберите блок виджетов, и он автоматически добавится на боковую панель.

Процесс добавления виджета аналогичен описанному выше.

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

Как удалить виджет в WordPress

Удаление виджета в WordPress так же просто, как и процесс их добавления. Просто перейдите к Внешний вид »Виджеты на панели инструментов WordPress.

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

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

Чтобы удалить виджет, просто выберите опцию «Удалить блок».

Удаление виджета удалит его с боковой панели и удалит настройки виджета или любые выбранные вами параметры.

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

Для этого щелкните значок «Перетащить» в верхней части виджета.

Затем перетащите виджет в раздел «Неактивные виджеты».

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

Если вы хотите снова использовать этот виджет, просто перетащите блок виджетов из раздела «Неактивные виджеты» в раздел активных виджетов.

Какие виджеты доступны для WordPress?

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

Однако большинство плагинов и тем WordPress также имеют собственные блоки виджетов, которые вы можете добавить на свой сайт.

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

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

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Как добавить виджеты на страницы и записи WordPress (2022)

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

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

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

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

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

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

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

Разница между виджетом и подключаемым модулем

На первый взгляд виджеты и подключаемые модули выполняют схожие задачи. Однако у них разные обязанности.

Плагин WordPress, например, обычно добавляет «глобальные» функции на ваш сайт, которые недоступны по умолчанию.

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

Какие виды виджетов доступны в WordPress?

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

Продолжение статьи ниже

Виджет карты

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

Виджет навигации

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

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

Недавнее сообщение 

Виджет «Последние сообщения» — один из самых популярных виджетов в блогах.

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

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

Search Displays 

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

Виджет с призывом к действию

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

Медиа-виджет

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

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

Статья продолжается ниже

Виджет корзины покупок

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

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

Виджет входа в систему

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

Виджет формы

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

Зачем добавлять виджеты на страницы и записи WordPress?

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

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

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

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

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

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

• Чтобы добавить виджет на свой сайт, сначала войдите в свою панель управления, а затем перейдите в Виджеты внешнего вида: Добавить виджет.

• Здесь вы найдете список виджетов WordPress по умолчанию, а также название и краткое описание каждого из них. Справа можно найти одну или несколько назначенных областей виджетов, а заголовки (например, боковая панель или нижний колонтитул) указывают их расположение. Некоторые виджеты могут уже присутствовать в этих областях, в зависимости от вашей темы. Просто нажмите и перетащите новый виджет в область виджетов.

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

Как добавить виджет на страницу и сообщения WordPress с помощью плагинов?

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

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

Статья продолжается ниже

Шорткод AMR Любой виджет

Аббревиатура AMR Используя шорткод, Any Widget позволяет легко вставлять виджет, несколько виджетов или всю область виджета (боковую панель) на любую страницу. Этот плагин чрезвычайно прост в использовании.

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

Поскольку вы просто добавляете блок шорткода перед добавлением шорткода на страницу, плагин совместим с редактором блоков Gutenberg.

В целом, этот плагин упрощает добавление виджетов записей и страниц к любому контенту WordPress. Давайте наладим это дело.

Pros

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

Минусы

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

Цена

• БЕСПЛАТНО

Шаги по добавлению виджета

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

Получить короткий код AMR Любой виджет

Блок контента (пользовательский виджет публикации)

отображать содержимое определенного пользовательского сообщения в виджете или в области содержимого.

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

Этот плагин создает настраиваемый тип записи под названием «блок контента». Вы можете использовать заголовок, чтобы описать содержимое и положение виджета блока контента или отобразить его на странице. Стоит отметить, что эти блоки контента можно просматривать только в контексте страницы.

Pros

• Вы даже можете поместить их в виджет, используя функцию избранного изображения.
• Плагин WPML Multi-Language совместим с плагином Content Blocks, и правильный язык отображается в области виджета автоматически.
• Используя встроенную функцию шорткода, блоки контента можно включать в сообщения и страницы.

CONS

• Не часто обновляется

Цена

• БЕСПЛАТНО

Шаги, чтобы добавить Widget

• NAVGEGETAT в разделе «Доступные виджеты». В этом случае мы будем использовать боковую панель B для правой стороны сайта. Дополнительные сведения о расположении блоков содержимого см. в статье «Макет страницы».

• Выберите название блокировщика контента в нужном месте виджета
• Выберите нужные параметры отображения. Вы можете выбрать отображение заголовка блока контента или избранного изображения. Вы также можете сделать избранное изображение фоновым изображением, а также переместить его вправо или влево.

• В разделе Контекст виджета вам нужно будет выбрать страницы или ввести URL-адрес страниц, на которых вы хотите отображать (или не отображать) блок контента.
• В разделе Контекст виджета вам нужно будет выбрать страницы или ввести URL-адрес страниц, на которых вы хотите, чтобы блок контента отображался (или не отображался).

• Затем нажмите «Сохранить».

Получить блоки контента (пользовательский виджет публикации)

Набор виджетов SiteOrigin

Установка плагина обычно предоставляет вам только один виджет, который выполняет одну задачу. Однако пакет виджетов SiteOrigin включает множество полезных виджетов, таких как виджет Google Maps, виджеты-ползунки, виджеты-кнопки, виджеты с призывом к действию и многое другое. В каждом блоге должен быть установлен этот плагин.

Пакет виджетов SiteOrigin — это гораздо больше, чем просто набор виджетов. Это основа, на которой вы можете создавать виджеты за короткое время. Он имеет расширенные возможности создания форм, обработки данных и шаблонов. Ядро Widgets Bundle позаботится обо всем, чтобы вы могли сосредоточиться на создании красивых виджетов.

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

Pros

• Среди многофункциональных конструкторов страниц WordPress SiteOrigin, безусловно, самый старый. С возрастом появляется полностью готовый плагин, который со временем развивался, чтобы включать все основные функции, необходимые для создания функционального веб-сайта.
• Простой виджет с огромными возможностями.
• Отображение сетки изображений. Также полезно для отображения логотипов клиентов.

Минусы

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

Цена

• БЕСПЛАТНО

Шаги по добавлению виджета

• Установите пакет виджетов SiteOrigin из PluginsAdd New, затем найдите пакет виджетов SiteOrigin, используя форму поиска в правом верхнем углу страницы. Установите и активируйте программное обеспечение.

• Перейдите в PluginsSiteOrigin Widgets, чтобы найти панель инструментов Widgets Bundle после ее активации. Вы можете просматривать все виджеты, только включенные виджеты или только отключенные виджеты, используя вкладки в верхней части страницы. Найдите виджет, который хотите включить, и нажмите кнопку «Активировать».

Получить набор виджетов SiteOrigin

Подведение итогов!

Разработчики WordPress экспериментировали с ними разными способами.

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

Если вы хорошо разбираетесь в коде, возможно, вы захотите узнать, как создать свой собственный виджет WordPress.

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

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

Вот и все; мы надеемся, что эта статья научила вас добавлять и использовать виджеты в WordPress! «До следующего раза, да?

Хотите узнать больше о WordPress?

Подпишитесь на нашу еженедельную рассылку новостей WordPress.

Каждую пятницу вы будете получать новости, учебные пособия, обзоры и выгодные предложения из пространства WordPress.

Недействительный адрес электронной почты

Как добавить пользовательские виджеты на любую страницу, запись или шаблон в WordPress

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

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

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

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

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

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

Продолжить чтение или перейти по следующим ссылкам:

• Настройка дочерней темы
• Регистрация областей виджетов

Настройка дочерней темы

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

Итак, в папке wp-content/themes создайте новую папку с названием вашей темы. Я называю свой wpmu-template-widgets . В него добавьте файл style.css и добавьте в него следующее:

 

Loading gist 4cd6c3f9786c5acfa0c2c411f46c19d7

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

Регистрация областей виджетов

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

Давайте начнем с добавления пустой функции для регистрации виджетов и подключения ее к хуку widgets_init . Добавьте это в свой файл функций:

 

Loading gist 98316cf5c79d638375f337b9dede497b

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

Запуск с регистрации первого виджет:

Загрузка GIST 06D367E3A5AC0DE27C8A0077B2F09B24

Это использует -й регистр. появляются на экране администратора виджетов и в настройщике. Я сделал это переводимым.

Уникальный идентификатор области виджетов.

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

Разметка после виджета.

Разметка до и после заголовка виджета, заключенного в элемент h4 .

Итак, первый. Теперь внутри вашей функции добавьте остальные три:

Loading gist 49447b9b17d9ea9cb6983fab767a2819

Итак, теперь у нас есть четыре виджета:

• Один после содержания отдельных сообщений.
• Один перед содержимым в архиве категорий.
• Один до и один после содержимого нашего шаблона страницы с виджетами.

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

Теперь, если вы откроете страницу администрирования виджетов, вы увидите свои области виджетов, готовые для виджетов:

Недавно зарегистрированные области виджетов на экране администрирования виджетов.

Но если вы добавите виджеты в новые области виджетов, они не будут отображаться в интерфейсе вашего сайта. Их еще нужно закодировать в файлы шаблонов.

Добавление областей виджетов в файлы шаблонов

Теперь добавим код для вывода областей виджетов. Если вы работаете со своей собственной темой, вам может понадобиться отредактировать существующие файлы шаблонов тем. Если вы работаете с дочерней темой (или в вашей теме еще нет соответствующих файлов шаблонов), вам потребуется создать новые файлы.

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

В папке темы создайте новый файл. Я звоню своему page_widgetized.php . Откройте этот файл и добавьте это к нему:

Загрузка GIST 816979B910A010A367DC5F280AB3EB0D

WPMU DEV AccountFree

Управление Unlimited WP SITES для бесплатной

Unlimited Sites

. NOT -CIDERSPARTENTERSPARTENTERSPARTENTERSPARTENTERSPARTENTERSPARTENTERSPARTENTERSPLEARSPARTENTERSPLEARSPARTENTERSPARIPLE 9000.S. . Если вы хотите узнать о них больше, ознакомьтесь с нашим подробным руководством.

Примечание. Не используйте page-widgetized в качестве имени файла. Это связано с тем, что page- является зарезервированным суффиксом в WordPress . Используйте подчеркивание вместо тире или вообще избегайте использования стр. в начале, если хотите.

Теперь под этим закомментированным текстом скопируйте все из файла page.php вашей темы (или родительской темы). Альтернативой является создание копии файла и добавление закомментированного текста, решать вам.

Теперь вы сможете выбрать этот шаблон при редактировании страницы вашего сайта:

Селектор шаблона страницы на экране редактирования страницы WordPress.

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

Страница, на которой еще не отображаются виджеты.

Сейчас это выглядит не очень интересно, так как я не добавил области виджетов в файл шаблона. Давайте сделаем это.

В файле шаблона добавьте этот код непосредственно над содержимым страницы для области виджета над содержимым:

Loading gist 99ceb8bb46e5ab0f2a770358b23656db

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

Теперь добавьте область виджета под содержимым. После содержимого (и внутри любого закрывающего элемента) добавьте следующее:

Loading gist 1164fca30d8c4274bcb88e56229af995

Сохраните файл шаблона страницы.

Вот полный код моего файла шаблона страницы, чтобы вы могли видеть, где области виджета до и после цикла:

Загрузка сути 6745d7914124048fa0065cf65845c63d

Теперь протестируем. Я добавил виджет в каждую из новых областей виджетов:

Экраны администратора виджетов с виджетом, добавленным в две новые области виджетов.

А вот как они выглядят на моей странице:

Страница с виджетами до и после контента.

Вот и настроен пользовательский шаблон страницы. Теперь вам нужно отредактировать два других файла шаблона страницы (или создать их при необходимости). Выполните следующие шаги:

• Если вы работаете с дочерней темой, создайте файл с именем category.php . Скопируйте содержимое файла category.php из родительской темы (если он есть) или файла archive.php (или index.php , если его нет).
• Если вы не работаете с дочерней темой, но в вашей теме нет файла category.php , создайте его, скопировав файл archive. php (или, если у вас его нет, файл index.php ).
• Добавьте область виджета над содержимым в файле архива категории — опять же, непосредственно перед циклом.

Вот код для области виджетов:

Loading gist aba83b8ea27b8496f329d2ed22aca0fe

Теперь повторите это для одного шаблона:

• Создайте файл single-post.php , если у вас его нет использовать дочернюю тему). Скопируйте содержимое из single-post.php 9 вашей родительской темы.0428 в него или из следующего файла шаблона выше в иерархии шаблонов ( single.php , single.php или index.php ).
• Снова добавьте область виджета — на этот раз после содержимого.

Вот код:

Загрузка gist badde16064826f7ad9c2abff7a641f68

Теперь, если вы добавите виджеты, они появятся на вашем сайте. Вот мой, показывающий список последних сообщений после одного сообщения:

Добавление областей виджетов в шаблоны дает вам гибкость

Области виджетов позволяют пользователям вашей темы добавлять дополнительный контент без написания кода.