Изменения в виджетах в шаблоне AB-Inspiration 6.0

  Автор:
  4 комментария
  5979
Изменения в виджетах в шаблоне AB-Inspiration

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

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

Виджет Поиск

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

На кнопке поиска используется иконка «Font Awesome». Я писала отдельную статью об иконках Font Awesome, где они используется на блоге и как вы можете использовать иконки в своих статьях.

Чтобы использовать виджет «Поиск» необходимо зайти в раздел «Внешний вид» => «Виджеты» = > перетащить виджет «Поиск» в боковую колонку. Можно указать название виджета.

widget6

Виджет Облако меток

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

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

Чтобы использовать виджет «Метки» необходимо зайти в раздел «Внешний вид» => «Виджеты» = > перетащить виджет «Облако меток» в боковую колонку. Можно указать название виджета.

widget5

Виджет Рубрики

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

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

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

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

Для этого я  добавила в шаблон свой виджет «18 — AB — Рубрики».

Чтобы установить новый виджет «Рубрики», необходимо зайти в раздел «Внешний вид» => «Виджеты» = > перетащить виджет «18 — AB — Рубрики» в боковую колонку. Укажите название виджета, поставьте необходимые галочки и выберите цвет для рубрик.

widget4

Виджет Фан страница Facebook

Этот виджет пришлось поменять, т.к. Facebook полностью поменял код отображения данного блока. Необходимо зайти в виджет «4 — AB — Facebook Like Box»  и поправить настройки на свой вкус. После чего сохраните настройки.

Пример настроек виджет «4 — AB — Facebook Like Box»

  1. Показывать лица — Да
  2. Лента Facebook — Да
  3. Скрыть фон шапки — Нет

widget1

Пример настроек виджет «4 — AB — Facebook Like Box»

  1. Показывать лица — Нет
  2. Лента Facebook — Нет
  3. Скрыть фон шапки — Да

widget2

Виджет Youtube

В новой версии шаблона AB-Inspiration виджет «9 — AB — Подписка на Youtube» выглядит немного иначе. Я заменила код, и теперь в  блоке подписки отображается количество подписчиков и количество загруженных видео.

Для корректной работы виджета ничего специально делать не нужно.

widget7

Виджет Instagram

В виджете «10 — AB — Фото Инстаграм» я заменила кнопку «Подписаться на инстаграм» и поправила отображение фотографий.

Для корректной работы виджета «10 — AB — Фото Инстаграм», необходимо:

1. Зайти в «Настройки шаблона» => «Настройки статей» => выбрать из предложенных вариантов стиль изображений на блоге

widget3

2. Зайти в виджеты и открыть виджет «10 — AB — Фото Инстаграм» и нажать на кнопку «Сохранить»

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

О других новшествах в шаблоне — конструкторе AB-Inspiration вы можете найти информацию в статье «Новая версия шаблона AB-Inspiration 6.0«. Здесь указан список всех значимых изменений в шаблоне со ссылками на отдельные статьи.

Если есть вопросы, не стесняйтесь, задавайте в комментариях.

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Изменения в виджетах в шаблоне AB-Inspiration 6.0

   3 голоса
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
4 комментария
  1. Здравствуйте, Анфиса!
    После последнего обновления шаблона до версии 6.0.8. у меня обнулились счетчики в кнопках «Поделиться» в начале и в конце статьи. Вы их убрали? Я смотрю, что у вас на блоге тоже счетчики нулевые.

  2. Лариса Ивина

    Добрый день, Анфиса!
    Как можно поместить свой баннер в виджет?
    Где прописать ссылку на переход по баннеру?
    С ув. Лариса

Добавить комментарий для Евгений Отменить ответ

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