Создание виджета Избранные рубрики


Содержание материала:

Как добавить виджет WordPress в ваш заголовок сайта

Примечание: Это промежуточный учебник. Вам нужно будет добавлять код в файлы вашей теме WordPress и писать CSS.

Почему и когда вам нужен заголовке виджета на свой сайт?

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

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

Эта специфическая область называется ‘Below the fold’ и все популярные веб-сайты используют ее, чтобы показать действительно важные вещи.

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

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

Шаг 1. Создание заголовка виджета

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

Вам нужно будет добавить этот код в файл вашей темы functions.php.

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

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

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

Шаг 2: Экран вашего пользовательского заголовка виджета

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

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

Давайте сделаем это в этом шаге.

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

Не забудьте сохранить изменения.

Теперь вы можете посетить свой сайт, и вы увидите вашу виджет-зону.

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

Шаг 3: стиль вашего заголовка виджета области с помощью CSS

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

Более простой способ сделать это с помощью плагина CSS Hero. Он позволяет использовать интуитивный пользовательский интерфейс для изменения CSS любой темы WordPress. Для получения более подробной информации см наш обзор CSS Hero.

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

Он запустит интерфейс настройщика темы WordPress. Вам нужно будет нажать на вкладку “Дополнительные CSS”.

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

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

Вот некоторые примеры CSS, чтобы помочь вам начать работу.

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

Вам может понадобиться настроить CSS, чтобы соответствовать вашей теме.

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Category Posts W >

Очередное пополнение в разделе решений, позволяющих выводить перечень последних постов в Вордпресс. Некоторые из рассмотренных ранее модулей перестали обновляться более 2-3х лет назад, поэтому пришлось поискать актуальную замену. Сегодня рассмотрим Category Posts W >

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

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

Настройки виджета Category Posts W >Всего есть 5 отдельных раскрывающихся блоков опций.

  • текстовое значение;
  • опция скрытия тайтла;
  • сделать из него линк.

2. Фильтр — отвечает за выборку списка постов:

  • задаете раздел из которого выводятся заметки (или из всех);
  • исключение дочерних категорий;
  • статус — кроме опубликованных есть и другие, например, приватные или запланированные (только не совсем понятно куда будут вести линки);
  • число показываемых записей и с какой позиции начинать;
  • порядок и параметр сортировки: дата, случайно, тайтл, число комментов;
  • исключение постов без миниатюр и текущего;

3. Шаблон отображения:

  • выбираете объекты для показа и их формат; можно использовать разные определения %thumb%, %title%, %excerpt%, %author% и др.
  • задаете параметры миниатюр: размеры, эффект при наведении, выравнивание и даже картинку по умолчанию (если базовой нет);
  • отключить встроенное CSS оформление;
  • убрать только стили шрифтов.

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

Дополнительные фишки Category Posts W >Из глобальных опций, не упомянутых выше, имеется:

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

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

Либо можете вписать шорткод [catposts] в любое другое место сайта. По идее, для него в настройщике темы предусмотрен пункт «Category Posts Shortcode», где допускается задание некоторых параметров, но у меня почему-то его не оказалось. В этом случае придется помучится с CSS.

Так называемые альтернативные стили помогают реализовать разные варианты оформления, если я правильно понял:

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

Напоследок пару слов о премиальной версии. Это не реклама, просто 15 баксов за 1 установку кажется мне доступной суммой в определенных ситуациях. Если вы уже используете Category Posts Widget и вам пригодились бы дополнительные функции, но сами при этом вы не занимаетесь веб-разработкой, то данная стоимость меньше услуг фрилансеров. Из интересных плюшек тут: слайдеры, отображение заметок в виде сетки (Grid), множественный выбор рубрик с фильтрами (И/ИЛИ), хуки, фоновая картинка и, конечно же, поддержка по Email. Если что-то из этого нужно, то цена вполне обоснована, хотя в 99% случаев при выводе постов из категории в обычном сайте достаточно бесплатной версии. В одном блоге я уже установил, пока все без проблем.

А какие плагины вы юзаете для списка последних записей из конкретного раздела? В чем их преимущества?

Лучший способ создание своего виджета для сайта?

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

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

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

…такая необходимость приходит с развитием блога частенько! А как это сделать? …в общем, не сложно. И если задача состоит именно в запрете показа той или иной категории, то эту блажь можно решить за несколько минут.

Однако тут есть закавыка, — решая задачу запрета отображения рубрики в виджете, возникает и мрачная связка с ней: как распределить показ категорий в нужном и логичном порядке!? …тут следует крепенько подумать. …и чётко определиться со своими требованиями. Но обо всём по порядку: а в финале дам совершенное и гениальное решение фильтрации категорий…

Топ-пост этого месяца:  Легкий параллакс эффект с помощью JavaScript и CSS трансформаций

запрещаем в виджете отображение указанных рубрик

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

Ведь всегда существует альтернатива: использовать ли плагин (их количество «…как махорки…» не есть хорошо), либо прописать код в файл функций — functions.php (неплохо, но не решает задачу однозначно)!?

Вот и определяйтесь: что вам нужно конкретно.

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

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


…напоминаю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Копируйте редактируемые файлы. Пригодится!

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

Открываем файл functions.php и куда-то в его финал раскодровки) перед тегом ?> прописываем вот этот лихой кодо-фильтр.

Цифра 39 указывает id рубрики, который фильтруется, как бесполезный базар на сайте.

Можно указывать несколько, через запятую.

…Вот, как бы этим вопрос закрылся.

Но предлагаю другой вариант в коде чуть ниже, который запрещает/разрешает вывод определённых подрубрик (дочерних записей блога).

Аргументацию этих кодов можно и объединить.

Теперь-чка вы добились полного контроля управлением ПОКАЗА в виджете «Рубрики» всех ваших категорий. Вот ещё один пользительный ответ — Как скрыть/показать сам виджет

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

В этом случае можно поступить различными системными образами:

Настроим порядок сортировки отображения разделов рубрик с помощью плагина Category Order and Taxonomy Terms Order

смотаемся в депозиторий плагов Вордпресс — путь: консоль/плагины/добавить плагин/…установить/активировать … такое чудо регулировки Category Order and Taxonomy Terms Order.

Впрочем, вот — подробный принцип настройки плагинов описан ТУТ.

Технический перевод аннотации к плагину:

Заказать Категории и все термины таксономии (пользовательские иерархически) и дочерние термины, используя перетаскивания Сортируемый Javascript возможности.

П-гин не имеет путаных настроек: всего-то потребуется навести курсор на «записи» слева в консоли, и выбрать в выпадающем меню новый пункт Taxonomy Order …

Всё парадоксально просто: путём перетаскивания дощечек настраивайте оптимальную для себя последовательность отображения имён рубрик.

Минус : нельзя запретить показ какой-то конкретной категории…

Следовательно, придётся использовать код предложенный выше, либо же плагин показанный ниже…

Запрещаем в виджете показ некоторых рубрик посредством плагина NS Category Widget

…заскочим опять же в депозитарий WordPress и скачаем плаг NS Category Widget — этот «рывок» нам подарит к имеющемуся виджету «Рубрики» ещё один, но более изящного настрою: т.е — обычный виджет следует удалить или спрятать в «неактивные», а настроить этот продвинутый вариант управления контентом и его показом.

Переходите в его настройки и задавайте свои правила: по id категории, значимости иерархий и тому подобной регулировке… Всё просто

Этот плагин позволяет использовать множество единиц виджетов на нужных уровнях страничек, к которым и настройки индивидуальные в отличие от стандартного «рубрикатора», коих выведи хоть десяток, но настройки «верхнего» кода распространятся на всякий: это и есть минус способности соединить стандартный виджет «рубрики» и описанный код в самом начале статьи… И коли вы предполагаете пользоваться несколькими вариантами виджетов рубрик, то всё-таки стоит скачать плагин NS Category Widget.

НО ! в продвинутом нет более простого и тонкого порядка сортировки категорий — это его минус. Такие вот запутки…

Так что прикидывайте и решайте свою выгоду… Или тяжесть плагина, или лёгкость кода — всё это крепко связано с проблемами скорости загрузки блога.
Проблема так проблема!
…подобно мудрёному девичьему положению вещей Алёнушки: Иванов или Волков сынок уродился.

…но во всём есть вариант гениального решения: ничего не выводить и не использовать. И вообще, забросить блогодело, коли посетила болезнь «облегчиться» всё и вся на сайте… вместо того, чтобы требовать предоставление нормального и мощного интернета за свои кровные тити-мити, но не облегчаться когда «…время какать, а мы неемши…»

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

Желаю вам как можно меньше совершать ошибок!

…подписаться можно и не комментируя (варианты под формой коммов…)

Михаил ATs — владелец блога запросто с Вордпресс — в сети нтернет давным-давно.

. веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети. — заказы, вопросы. разработка.

Виджеты в WordPress

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

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

Как добавить или удалить виджеты (для начинающих)

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

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

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

Когда виджет будет добавлен, мы увидим его настройки. В виджете «Календарь» это заголовок:

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

Для того, чтобы удалить виджет, нажимаем ссылку «Удалить» (её видно на предыдущем скриншоте). Если же вы хотите лишь временно отключить виджет, сохранив его настройки, перетаскиваем его в блок «Неактивные виджеты», который находится под блоком «Доступные виджеты».

Отключение стандартных виджетов WordPress

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

Для отключения виджетов можете воспользоваться готовым кодом ниже:

  1. Вставьте код в файл functions.php текущей темы.
  2. Удалите или закомментируйте строки с теми виджетами, которые удалять не нужно.
  3. И только потом можете сохранить файл.

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

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

Создание собственного виджета

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

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

По своей структуре наш виджет будет похож на стандартный виджет WordPress «Свежие записи», т е он будет иметь похожие параметры (заголовок и количество отображаемых постов) и похожий HTML-шаблон для вывода постов (заголовки записей со ссылками в виде

    -списка).

Вставляем этот код в functions.php :

Я перетащил этот код «как есть» (естественно удалив первую строчку ) в файл functions.php стандартной темы TwentyTwelve, в итоге в списке виджетов на странице Внешний вид > Виджеты мы видим наш виджет:

Давайте перетащим его в какой-нибудь сайдбар справа:

Вот и всё, указываем заголовок виджета (если нужно), количество постов, которое мы хотим вывести и нажимаем «Сохранить» — после этого виджет появится на сайте.

Список плагинов с полезными виджетами

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

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

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

  • Beautiful Yahoo Weather — виджет прогноза погоды, довольно неплохой и красивый по сравнению с аналогами. Но для этих целей наверное лучше использовать текстовый виджет WordPress в связке с информерами от Gismeteo, Яндекса и т.д.
  • NextGEN Gallery — плагин для создания и управления галереями изображений в WordPress, одна из функций которого — виджет галереи.
  • Search by Google — форма поиска по сайту от Google (Google Custom Search).
  • Slick Contact Forms — виджет формы обратной связи.
  • Tabbed Login Widget — виджет авторизации, сделан в виде трех вкладок — «Вход», «Регистрация», «Забыли пароль», весьма удобный.
  • WP Currency Converter — конвертер валют.
  • WP Editor Widget — используйте редактор WordPress для заполнения этого виджета.
  • WP-Cumulus — добавляет флэш-облако тегов и/или категорий.
  • WP-Polls — удобный плагин для создания опросов на сайте.
  • Yet Another Related Posts Plugin (YARPP) — мощный плагин для вывода похожих записей.
  • Youtube Channel Gallery — виджет со свежими видео с канала на YouTube. Виджет выглядит очень красиво, хорошо и легко настраивается.
Топ-пост этого месяца:  Какой браузер скачать для Windows 10 Яндекс или Chrome

Со временем список будет пополняться.

Я не стану рассматривать все остальные виджеты социальных сетей (Facebook, Вконтакте, Twitter и т.д.) — в принципе официальные виджеты вполне удобные — просто копируем код, который нам дают и вставляем его в вордпрессовский виджет «Текст».

Посты по теме:

Впервые познакомился с WordPress в 2009 году. С 2014 года меня можно встретить на WordCamp по всему миру — официальной конфе по WordPress, иногда там выступаю, но с 2020 выступаю только на тех, которые сам организовываю. Также периодически школа Epic Skills и LoftSchool приглашают меня вести у них уроки/вебинары.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля — пишите мне.

WordPress.org

Русский

Поддержка → Проблемы и решения → Отображение виджета в зависимости на категории записи


Отображение виджета в зависимости на категории записи

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

Например у CMS Textpattern, эта проблема решается с помощью тэга — или — где id это номер статьи

PS: Плагин category excluder не совсем то что мне нужно.

Как исключить категорию из бокового меню (виджет “Рубрики” WordPress)

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2020/02/s />Для создания бокового меню часто пользуются встроенным виджетом Вордпресс: “Рубрики”. Однако очень часто не нужно выводить абсолютно все рубрики в боковое меню, а этот плагин не позволяет исключать ненужные рубрики. Как исключить некоторые рубрики из бокового виджета? Я рассмотрел много плагинов и нашел тот, который решает поставленную задачу:

Этот плагин позволяет исключать ненужные рубрики из бокового меню, менять порядок сортировки, выводить произвольно созданные таксономии. Мне не понравилось только то, что нельзя выводить посты в произвольном порядке. По дизайну все выглядит так же, как и родной плагин “Рубрики”.

Из проверенных мною я НЕ РЕКОМЕНДУЮ следующие плагины:

  • Pro Categories Widget – не работает, ничего совсем не выводит;
  • Advanced Categories Widget – по-уродски выглядит, работает криво;
  • Custom Taxonomies Menu Widget – There are no custom taxonomies registered: это хороший плагин, но он позволяет выводить только пользовательские таксономии, категории он не выводит.

Но самое простое решение – это использовать родной виджет “Произвольное меню”. С его помощью вы сначала можете создать любое меню (Внешний вид/Меню), а потом добавить его в боковую панель. Просто, как все гениальное!

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

Блог записей WordPress

Вступление

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

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

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

Блог записей WordPress

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

Для этого на вкладке Настройки>>>Чтение, просто выберите пункт настроек: Последние записи. Эту же настройку можно выставить/поменять на вкладке Внешний вид>>>Настройки.

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

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

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

Blog Manager Light

Лучший плагин, станица плагина ТУТ, дающий в бесплатной версии максимальное количество настроек блога.

По умолчанию, 6 шаблонов блога:

  • 1 колонка;
  • 4 колонки:
  • 1 колонка в стиле виджет;
  • Красивый шаблон в две колонки с оформлением;
  • Слайдер большой,
  • Слайдер в 3 колонки.

Масса нужных и полезных настроек. Например, вы легко можете изменить вид материала в блоге, а именно:

  • Выбрать категории для этого блога.
  • Убрать/оставить заголовок, картинку, мета-теги, дату, ссылку «читать далее».
  • Есть настройка миниатюры: размеры, ссылка на неё, цвет фона.

Все плагины, предназначенные сделать блог записей WordPress, управляются приблизительно одинаково. Покажу, как создать блог на примере этого плагина (Blog Manager Light).

  • Установите плагин, найдя его по названию (слову) на вкладке Плагины;
  • Установите и активируйте плагин. Если забыли, как это делать, читать тут;
  • Плагин появится в консольном списке. Вам нужна вкладка: Blog Manager >>> Add list;

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

дать название, выбрать сортировку что показывать в блоге записей выбор параметров блога

После сохранения созданный блог появится в списке на вкладки Blog Manager >>> Blog lists. Под названием блога, есть кнопки Edit для изменения его настроек и кнопка Delete для его удаления.

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

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

Шорт код вставить на вновь создаваемую страницу, на вкладке «Добавить страницу».

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

И так, для создания блога нужно:

  • В настройках плагина создать блог;
  • Взять шорткод созданного блога;
  • Вставить шорткод на новую страницу;
  • Добавить эту страницу как пункт в любое меню.

Всё готово. Вы создали отдельный блог записей выборочных рубрик и/или меток и/или авторов и вывели это блог на сайт отдельным пунктом меню.

Blog Designer

Во первых, плагин «Blog Designer» распространяется в двух вариантах, бесплатном и платном (за 30$). В бесплатной версии авторы дали 6 шаблонов (классический, легкий бриз, Spektrum, эволюция, хронология и новости) чтобы создать блог записей WordPress.

При создании блога, предусмотрены настройки для выбора рубрик для блога, выбор макета блога, добавления шаред кнопок, выбор цвета фона сообщений блога, изменение длины отрывка, изменение надписи «Read more».

Чтобы создать блог на странице, используется короткий код, wp_blog_designer (в квадратных скобках).

Недостатки

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

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

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

Напомню, платная версия стоит 30-40$, в зависимости от сезона.

WP Blog and Widget

Плагин «WP Blog and Widget» позволит создать страницу блог записей WordPress. К плагину прилагается свой виджет. Блог можно создавать по рубрике, и настраивать, изменяя основной шорткод плагина.

Чтобы создать блог, создайте страницу блога и добавьте короткий код:

  • blog , в квадратных скобках.

Если хотите сделать блог по категориям, вы можете к шорткоде указать категории:

  • blog category=»category_id» , в квадратных скобках.

Есть другие настройки кода для создания сетки, количества сообщений и т.д.

Мне не показался этот плагин интересным, наверное, потому что, мало визуальных настроек.

Примечание. Плагин «WP Blog and Widget» создан с настраиваемым типом сообщения. Если вы ищете плагин, который работает с существующими постами, используйте другой плагин этого же автора «Blog Designer — Post и Widget»

Blog Designer — Post and Widget

Это плагин того же автора, что и предыдущий плагин. Он позволяет создать блог только из постов сайта. Работает также через шорткоды. Можно создать стеку сообщений, слайдер и т.д. Работают такие шорткоды (всё есть в документации плагина на его странице):


  • wpspw_post, простой блог, шорткод в квадратных скобках;
  • wpspw_recent_post_sl >

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

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

Fusion Page Builder: Extension — Blog

Страница плагина ТУТ. Это дополнительный плагин к конструктору страниц, плагину Fusion. С его помощью можно создать блог записей отфильтровав их по рубрике, дате, автору, меткам. В блоге используется отрывок (excerpt), а не полное содержание (content).

Плагин подхватывает настройки количества сообщений на странице, установленных на странице «Настройки>>> Чтение».

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

Вывод

Вместо вывода, для блог записей WordPress я использую бесплатный плагин Blog Manager Light. Потому что, неограниченное количество блогов и 6 шаблонов внешнего вида меня устраивают. Из платных вариантов, рекомендую Blog Designer, их demo страница впечатляет.

Виджет Рубрики WordPress с картинками

Оригинальное решение.

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

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

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

К тому же, выбранный мною шаблон показывал открытые страницы этих самых рубрик вообще без иллюстраций.

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

Этого мне удалось добиться, используя миниатюры записи WordPress.

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

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

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

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

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

У меня сделано следующим образом.

Виджет Рубрики для архивных страниц.
Задан так.

Виджет Рубрики для страниц кроме архивных и главной.

Обустраиваем Главную.

После появления иллюстрированных страниц рубрик, мне захотелось лучше обустроить Главную страницу своего сайта (Home), чтобы она отличалась от остальных.

Понятно, что Главная страница представляет сайт в целом, и поэтому она должна делать это как можно лучше.

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

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

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

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

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

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

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

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

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

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

И обойтись вообще без всяких плагинов.

Я поступила следующим образом.

1. Подобрала для каждой категории (рубрики) сайта картинки, подогнав их с помощью Фотошопа под нужный размер (170*150).

2. Выбрала ссылки на свои категории.

Где взять ссылки на свои рубрики?

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

3. Организовала подборку ссылок с картинками, объединив их в один виджет с помощью инструмента Рубрики ссылок Вордпресс.

4. А далее разместила этот виджет в правом сайдбаре и указала под ним логическое условие, чтобы показывать его только на Главной странице своего сайта (в ленте новостей).

Вот и все. Дело сделано.

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

Таким образом, у меня в правом сайдбаре находятся не только два стандартных виджета Рубрики с разными условиями для показа в статьях (single.php) и на архивных страницах (archives.php), но и еще дополнительно виджет Ссылки, который демонстрирует Рубрики сайта с картинками только для Главной страницы (index.php).

Вот такие выкрутасы.

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

P.S. Но это еще не все преобразования, которые я задумала для своей Главной страницы (Home), будучи верной первоначально выбранному шаблону.

Хочу реализовать кое-что еще.

Следите за новыми публикациями.

Буду рада, если Вы поделитесь информацией о том, как Вам удалось обустроить Главную страницу и организовать презентацию рубрик своего сайта.

Создание новой области для виджета

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

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

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

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

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

Что необходимо реализовать?

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

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

Создание новой области для виджета

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

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

before_widget, after_widget — позволяют задать оформление блоку, в котором будет отображен виджет, средствами CSS,
before_title, after_title — CSS оформление для заголовка виджета.

Для того, чтобы зарегистрировать новую область для виджета, скопируем этот фрагмент кода и вставим ниже, изменив значения name и id.
Назовем новую область Slider.
Поскольку нам нужно вывести только слайдер, мы не будем никак оформлять этот блок, поэтому оставим значения before_widget, after_widget, before_title, after_title пустыми.
Фрагмент кода новой области виджета будет таким:

Сохраняем файл functions.php
Заходим снова в меню «Виджеты», справа появилась новая область «Slider»:

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

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

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

и позиционировать при помощи CSS.

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

Топ-пост этого месяца:  Названы главные цели и проблемы поискового продвижения 2020 года
Добавить комментарий