...
WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Полное руководство по областям виджетов WordPress

99

Сила WordPress как платформы системы управления контентом (CMS) произвела революцию в том, как мы делаем веб-сайты. Прошли те времена, когда людям нужно было изучить кодирование HTML, чтобы создать хороший веб-сайт. В наши дни редакторы WYSIWYG и разработчики веб-сайтов plug-and-play – все в моде, и именно поэтому WordPress стал фреймворком номер один для веб-сайтов в мире.

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

Расширение функциональности WordPress

Вот некоторые из наиболее распространенных способов расширить и без того потрясающие свойства WordPress:

Установите собственную тему: у вас есть возможность изменить темы, которые поставляются с установкой WordPress по умолчанию. На рынке есть много бесплатных и премиальных тем, но вы также можете создать свою собственную тему с нуля, используя такой инструмент, как TemplateToaster WordPress Website Builder и WordPress Theme Builder. Таким образом, у вас будет возможность действительно настроить желаемые действия на веб-сайте в соответствии с вашими целями.

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

Добавьте виджеты: эти дополнительные разделы страницы сайта способствуют эффективному использованию места на сайте. Разделив всю страницу на разделы – будь то боковые панели или виджеты – вы, по сути, используете ценное пустое пространство для чего-то столь же простого, как кнопка «Нравится» в Facebook.

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

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

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

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

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

Как использовать области виджетов?

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

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

  1. На панели управления администратора наведите указатель мыши на «Внешний вид» на левой боковой панели, затем нажмите «Виджеты».
  2. В интерфейсе виджетов вы увидите два столбца: «Доступные виджеты» и «Область виджетов».
  • В столбце «Доступные виджеты» перечислены все виджеты, которые вы можете использовать на сайте. Эти виджеты могут быть либо включены в стандартную установку WordPress (например, «Архивы», «Категории», «Страницы» и «Пользовательское меню»), либо включены в подключаемый модуль, который вы установили.
  • В столбце «Область виджетов» перечислены доступные области виджетов для вашего сайта. По крайней мере, эта часть содержит боковую панель. Для более продвинутых тем WordPress вы можете увидеть больше областей виджетов, таких как область верхнего колонтитула, область нижнего колонтитула или вторая боковая панель. Существование областей виджетов будет зависеть от используемой темы.
  1. Чтобы использовать определенный виджет, перетащите его вкладку в область виджетов, где вы хотите, чтобы она отображалась.
  2. После перетаскивания вкладки в область виджетов виджет должен развернуться, чтобы отобразить параметры. Некоторые виджеты могут запрашивать необязательный заголовок, в то время как другие запрашивают более конкретную информацию в зависимости от их функциональности.
  3. После внесения изменений в параметры виджета нажмите «Сохранить», чтобы опубликовать виджет.

Добавляйте области виджетов в любое место вашей темы WordPress одним щелчком мыши с помощью TemplateToaster.

Редактирование виджетов

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

Удаление виджета

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

Перемещение виджета

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

Виджеты WordPress по умолчанию

Не удивляйтесь, если на вашем сайте WP по умолчанию уже установлено несколько виджетов. Вот виджеты, которые идут в комплекте со стандартной установкой WP и темой по умолчанию:

  • Архивы
  • Календарь
  • Категории
  • Пользовательское меню
  • Мета
  • Страницы
  • недавние комментарии
  • Недавние Посты
  • RSS
  • Поиск
  • Облако тегов
  • Текст

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

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

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

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

1. Добавьте фрагмент кода в ту часть темы, которую вы хотите виджет.

Найдите раздел темы, в котором вы хотите разместить новую область виджетов. Вы можете добавить это практически в любой файл PHP темы, такой как single.php, page.php и index.php .

<?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar («Имя новой области виджетов»)):?>
<? php endif;?>

Замените «Имя новой области виджетов» на то, что вам понятно. После этого вам нужно либо загрузить файл PHP на сервер веб-хостинга, либо сохранить файл, если вы редактируете его через панель «Редактор тем» на панели администратора WordPress.

2. Добавьте следующий код в functions.php.

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’ => ‘Name of New Widget Area’,
‘before_widget’ => ‘

’,
‘after_widget’ => ‘

’,
‘before_title’ => ‘

’,
‘after_title’ => ‘

’,
)
);

Приведенный выше код регистрирует новую область виджетов для использования в вашей теме WordPress. Убедитесь, что термины, которые вы используете в «Имя новой области виджетов», точно такие же, как в шаге 1.
Параметры before_widget и after_widget позволяют вставлять коды до и после виджетов, соответственно. То же самое с параметрами before_title и after_title, только на этот раз они применимы к заголовку виджета.

3. Посмотрите, как работает новая область виджетов.

Если вы успешно выполнили шаги 1 и 2, вы должны увидеть новую область виджетов в разделе «Внешний вид»> «Виджеты». Теперь вы можете вставлять виджеты в созданную вами область виджетов, следуя процедурам, описанным ранее в статье.

Вывод

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

Лучший конструктор веб-сайтов с перетаскиванием для создания потрясающих тем WordPress

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

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