Skip to content
 

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

виджет-Рубрики-WordPress-с- картинкамиОригинальное решение.

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

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

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

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

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

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

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

Что теперь?

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

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

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

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

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

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

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

Выглядит так.

виджет-рубрики-вид-для-архивных страниц

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

Задан так.

виджет-рубрики-для-статей

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

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

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

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

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

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

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

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

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

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

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

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

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

инструмент-Рубрики-ссылок-Вордпресс

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

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

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

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

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

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

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

стандартный-виджет-Рубрики-WordPress

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

подборка-ссылок-с-рубриками

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

Задан так.

виджет-рубрики-для-главной- страницы

Выглядит так.

виджет-рубрики-вид-для--главной

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

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

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

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

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

Желаю успехов!

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

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

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

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

Елена и tvoy-internet.ru

Считаешь информацию полезной? Поделись с друзьями!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *