<
  • Главная
Статьи

Что такое виджеты Wordpress? Делаем "удобный" для пользователей блог

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

видео Что такое виджеты Wordpress? Делаем

Виджеты в WordPress. Показываем и скрываем на нужных страницах



Оглавление:

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

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

Определение и внешний вид

Что означает это странное и незнакомое слово «виджет»? Виджет — это небольшой графический модуль или элемент управления, который помогает быстро получить доступ к той или иной функции или действию. Например, в прошлой статье мы с вами выносили меню рубрик в сайдбар — это тоже виджет. Давайте сейчас выйдет на главную страницу нашего сайта и посмотрим, какие виджеты там присутствуют.


Красивые виджеты для WordPress сайта - Плагин Bootstrap Panels

   

Мы видим, что сейчас у нас на главной странице в боковой колонке (сайдбаре) находятся пять виджетов (виджет поиска, меню рубрик и страниц, календарь записей и метки). Я хочу произвести настройку виджетов — что-то добавить и что-то убрать. Допустим, мне не нужен в сайдбаре виджет «Страницы», когда это меню у меня уже есть в шапке сайта. Также мне не нужен бесполезный виджет календарь — кому интересно, когда я выложил запись на стену, если можно быстро пробежаться по ней или воспользоваться поиском, чтобы найти нужную запись?

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

Итак, идем в админпанель нашего сайта и переходим в раздел «Внешний вид»-«Виджеты».

После этого мы попадаем в панель управления виджетами WordPress. В левой части экрана мы видим перечень доступных виджетов — «RSS», «Аудио», «Мета», «Поиск» и т.д. В правой части мы видим места, куда мы можем помещать виджеты. ДЛя нашей темы доступны два места — основной сайдбар (боковая колонка) и сайдбар в подвале. В основном сайдбаре у нас сейчас пять виджетов.

Давайте теперь удалим из него ненужные виджеты и добавим те виджеты, которые нужны нам. Нажимаем на стрелочку напротив виджета «Календарь» — открывается окошко настроек виджета. Здесь мы можем задать новый заголовок виджету, удалить его или закрыть. Удаляем виджет «Календарь» и таким же образом избавляемся от виджета «Произвольное меню:страницы».

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

Добавление виджетов

Виджеты можно добавлять двумя способами:

обыкновенным перетаскиванием виджета из левой части (доступные виджеты) в правую часть (основной сайдбар или футер); либо простым щелчком на виджет. Тогда весь остальной экран затемняется, и остается только окно управления данным виджетом. Здесь вы можете прочитать описание данного виджета, выбрать, куда его поместить или отменить действие. После того, как вы выберете место, куда стоит поместить виджет, нужно просто нажать кнопку «Добавить виджет» — и он появится в правой части. После того, как виджет оказался в сайдбаре, вы можете методом перетаскивания поставить его в любое удобное для вас место;

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

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

Ну вот, теперь эти два виджета будут доступны посетителям вашего сайта. В виджет «Текст» вы можете поместить любой текст — ссылку, приветствие, коммерческое предложение и т.п. Попробуйте поэкспериментировать с виджетами и посмотреть, какие виджеты вам пригодятся в работе, а какие нет (и их можно удалить).

Расположение виджетов

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

Перетащили виджет, назвали как нам нужно, сохранили. И идем смотреть на главную страницу, что у нас получилось

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

До скорых встреч!



Новости
    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

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

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

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

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

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

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью

rss