Шаг №29.Виджеты wordpress.Добавляем дополнительные блоки информации на сайт.

Приветствую Вас дорогие читатели на сайте http://wpcreate.ru

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

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

Обратите внимание,вся информация которую Вы можете видеть на этом сайте в правом боковом меню,выводится через виджеты wordpress.В виджетах можно выводить “Архивы”,”Облако меток”,”Рубрики”,”Свежие записи”,”Ссылки”,”Календарь”,Форму авторизации на сайте,”Поиск”,”Произвольное меню”,”Свежие комментарии”,Произвольный текст и даже HTML-код,”Записи RSS”,а также “Страницы сайта”.Но хочу сразу предупредить,хоть большинство шаблонов и поддерживают виджеты,но возможно есть и такие которые не поддерживают виджеты wordpress.Также список поддерживаемых виджетов может существенно изменяться, так что советую очень досконально подойти к вопросу выбора шаблона wordpress.

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

Добавляем виджеты wordpress

Итак,первым делом что нам нужно сделать,это перейти в “Консоль wordpress”->”Внешний вид”->”Виджеты” перед нами открывается окно с доступными виджетами wordpress.Внешний вид панели “Виджеты” в разных версиях wordpress может различаться,но сама суть везде одинаковая.В самом верху расположены виджеты поддерживаемые шаблоном wordpress, а после них следуют стандартные виджеты wordpress.

Виджеты wordpress

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

Виджеты wordpress

Мой шаблон поддерживает только одну область для добавления виджетов wordpress.Но их может быть и больше,в зависимости опять же от шаблона.Например у Вас это может выглядеть так-“Шаблон состоящий из 3 областей для вывода виджетов”:

Виджеты wordpress

Предлагаю ради примера сформировать боковую колонку состоящую из 3 виджетов:”Поиск”,”Календарь”,и к примеру “Текст”.

1)Находим виджет “Поиск” нажимаем на него левой кнопкой мыши,и перетягиваем на область добавления виджетов wordpress.

Виджеты wordpress

Вот так,вводим “Заголовок” и нажимаем кнопку “Сохранить”.

Виджеты wordpress

Отлично первый виджет успешно размещен на сайте.

Следующий виджет wordpress “Календарь” также перетягиваем в область добавления виджетов wordpress,и в заголовке указываем,что это календарь,и нажимаем на кнопку сохранить:

Виджеты wordpress

Теперь у нас уже 2 виджета размещено на сайте,и теперь 3 виджет – “Текст” также перетягиваем к первым двум:

Виджеты wordpress

Жмем “Сохранить” и в итоге 3 виджета wordpress находятся у нас в боковой панели:

Виджеты wordpress

Давайте,теперь посмотрим как это выглядит на сайте:

Виджеты wordpress

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

  • http://tuningobzor.com/ Сергей

    Спасибо автору за полезную, статью… Как раз это я и искал. Моему блогу всего месяц и в общем я новичек в этом деле, инфы много в нете, а вот на доступном языке для новичков не очень…

  • http://seogang.ru/ seoganGER

    Доброго времени суток! Вы можете публиковать анонсы своего сайта и на
    http://seogang.ru/
    Получая дополнительный трафик, ретвиты и новых подписчиков. Спасибо

  • http://serjguba.ru/ Сергей

    Отличная пошаговая инструкция! Буду знать!

  • http://palabank.ru Валентина

    Очень полезный сайт для новичков. Удачи вам!

  • http://royalhouse.org.ua Денис

    Спасибо большое за статью и за помощь.

  • http://abradabr.kz noname

    Я новичок. Подскажите плиз, все облазил. Использую WP 3.3.2, не могу разобраться как сделать так, чтобы виджеты были везде. Ато они у меня только на главной (позиция с права, а в футере везде показывается), захожу в любую сделанную записи или страницу там виджетов справа НЕТУ. Как исправить?

    • http://wpcreate.ru Артем Петрусенко

      Как шаблон называется?

      • http://abradabr.kz noname

        Тему написал выше этого коммента

  • http://abradabr.kz noname

    Twenty Eleven 1.3 от the WordPress team

  • http://freefeeling.ru.com Ольга

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

    • http://freefeeling.ru Ольга

      И еще. Сменила тему, в одном браузере она сменилась (в Мозиле), а в Хроме не меняется, стоит прежняя тема. Как быть?

      • http://wpcreate.ru Артем Петрусенко

        Попробуйте почистить кеш в браузере.

        • http://freefeeling.ru Ольга

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

          • http://mes-blog.com.ua Евгений

            Наверное стоит КЕШ на сайте, плагин какой-то. Попробуйте очистить кеш в плагине.

    • Михаил

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

      • http://mes-blog.com.ua Евгений

        Может кеш? Попробуйте обновить зажимая CTRL+F5

        • http://olga-moskvicheva.ru/ Михаил

          попробовал. результат тот же. googlechrom и opera видят изменения проводимые на сайте а mozilla и IE не видят. удалял кеш в админке результат тот же. отключение плагинов не помогло.
          может это связано с обновлением самого браузера. вчера обновил mozillu

          • http://mes-blog.com.ua Евгений

            А кеш плагины никакие не ставили?

  • http://olga-moskvicheva.ru/ Михаил

    плагин WP Super Cache
    снес весь кеш вплагине и…
    о чудо заработало!
    спасибо за совет и наводку

  • Майя

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

    • Майя

      Ну вот, как только добавила запись, виджет отобразился.

  • http://gb1.yalta.ua Иван

    Random Anecdote Widget — это очень быстрый и простой способ транслировать у себя на сайте самые популярные анекдоты тщательно подобранные специально для Вас. Виджет работает на всех версиях WordPress. Он не требует специальных настроек, просто установите его на сайт и поднимайте настроение себе и своим посетителям. Качаем здесь http://funny.org.ua/?page_id=343

  • Irina

    Установила плагин SidebarTabs, долго пришлось помучаться, и кэш чистила, и переустанавливала, вкладки показывал, а содержимое — нет.наверно еще и браузер глючил. Наконец-то он заработал! Очень интересный сайдбар, и дизайн легко настроить!

  • http://sanshalay.ru Sanshalay

    Здравствуйте! Есть проблема с виджетами. В настройках виджетов пусто, а некоторые все равно отображаются (Рубрики, теги, архивы). Где их можно убрать? Сайт http://sanshalay.ru. Тема Solistica. Заранее спасибо

    • http://sanshalay.ru Sanshalay

      Ап

      • http://sanshalay.ru Sanshalay

        Решил проблему. Код блоков находится в шаблонах sidebar-left.php и sidebar-right.php. Просто нужно удалить ненужный код.

  • http://liderinterneta.ru Елена Бубеева

    Спасибо автору за классную статью, особенно для новичков она будет очень полезна!

  • http://prodam-whiskas.ru/ Ольга

    немного не по теме вопрос, но я не нашла в других уроках… Как сделать, чтобы в ленте записей выводились не все записи целиком, а только первый абзац и кнопка — «читать дальше» ?

  • http://leonidmartelov.ru/ Леонид

    как добавить другие виджеты в раздел «Даступные виджеты»? например фейсбук, подписной лист, подписка на ютуб, твитер и т.д.

  • http://saitkyrort.ru http://saitkyrort.ru

    МЕНЯ ИНТЕРЕСУЕТ КАК В ВИДЖЕТ ТЕКСТ ДОБАВИТЬ КАРТИНКИ И ЗАПИСЬ?

  • http://saitkyrort.ru http://saitkyrort.ru

    как поставить тег далее в текстовом виджети в сайт баре.

  • олег

    Почему виджеты в рубрике отображаются в сайт баре, а в одной статье под комментариями?

  • http://blgschool1.edu22.info/ Дима

    Здравствуйте, Артём!
    Хотелось бы услышать вашего совета! Я хотел бы реализовать такую вещь у себя на сайте, чтобы возле моего файла была не большая кнопочка, при нажатии на которую выводится к примеру информация которую я хочу донести до пользователя по поводу этого файла. Существует ли какой либо вам известный виджет на такую тематику?

  • http://master-of-life.ru/ Нина

    Полезная статья для новичков, хорошо написана. Но меня извел другой вопрос. У меня блог на теме twenty eleven 1.5. Как сделать так, чтобы виджеты были видны не только на главной, но на всех страницах и во всех записях?
    Я поставила плагин Widget Logic, но он почему-то не работает…
    Надеюсь, что уж Вы-то точно знаете, как помочь моей беде-неприятности!
    Большое спасибо! ❓

  • http://biznessxema.org Melnik

    А как календари другого вида скачать?

  • http://www.codergames.ru Степан

    Интересная статья . спасибо 😉

  • http://happyup.ru Роман Рей

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

    • Светлана

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

  • http://srub-plotnik.ru Андрей

    Добрый день, Артем, посоветуйте, пожалуйста, как убрать боковые колонки (сайд-бары в виджетах) с возможностью позднего их восстановления в случае необходимости?

  • http://top10-picture.ru/ Top 10 Picture

    Спасибо за хорошую статью!

  • http://saitkyrort.ru татьяна

    как разместить видео в боковой панели сайта на вордпрессе с короткими записями?