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

Категории:CMS, Wordpress
Теги:
Владимир Вокстермен

Всем привет!

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

Логика работы виджета:

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

За основу взят виджет бренды боковой колонки одного из сайтов:

виджет брендов wordpress

Постановки задачи:

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

Реализация:

1) Чтобы присваивать пунктам меню картинки, выбран бесплатный и официальный плагин wordpress Nav Menu Images. Как помните, я не советую использовать nulled темы и плагины.

2) Создано несколько рубрик и новое меню, где, благодаря плагину Nav Menu Images, появилась возможность присваивать картинки пунктам меню. Далее плагин выведен в боковую колонку.

3) Чтобы отображались надписи под картинками (это названия пунктов меню), через FTP-клиент заходим в папку плагина Nav Menu Images и открываем файл nav-menu-images.php.

Находим:

Меняем на:

4. Работаем со стилями (индивидуально, не получается — пишем комментарии).

5. Добавляем кнопку «Показать все». Для этого в footer.php создаем скрипт:

Вероятно ваши стили могут отличаться. За помощью — пишем комментарии.

6. Скрываем стили от индексации скриптом и nofollow. Прописываем в footer.php код:

 

Результат можно посмотреть перейдя по ссылке Обновленный кроссовер Акура МДХ порадует своим функционалом, где бренды обосновались в боковой колонке.

Всем удачи!

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

Ваше сообщение*

Имя*
Email*
Сайт