Единый стиль для кнопок на блоге в шаблоне AB-Inspiration 6.0

  Автор:
  1635
buttons-style

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

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

buttns

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

Не все кнопки на блоге повторяют в точности настройку.

Есть 5 видов кнопок на блоге:

1. Отправить комментарий, Отправить сообщение, Добавить отзыв (плагин «Отзывы), Поиск, Читать далее, Ответить, Подробнее (плагин «Каталог»). Эти кнопки полностью повторяют настройку (цвет кнопки, цвет при наведении мышки, цвет текста, форму кнопки)

2. Кнопка «Подписаться на Инстаграм»,  кнопки «Поделиться» в начале и в конце статьи. Эти кнопки меняют только форму (с закруглением или без)

3. Кнопки-переключатели — Комментарии 3 в 1 и Фильтры по рубрикам (плагин «Каталог»). Эти кнопки белого цвета, при наведении мышки меняют цвет на «Цвет кнопки», а также принимают форму кнопки (с закруглением или без),

4. Метки в виджете и в конце статьи —  серого цвета , при наведении мышки меняют цвет на «Цвет кнопки», а также принимают форму кнопки (с закруглением или без)

5. Надпись на страницах Архивы рубрик, меток. Эти кнопки не меняют цвет при наведении мышки. Остальное (цвет кнопки, цвет текста и форма кнопки) отображается в соответсвии с настройкой.

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

Кнопка «Читать далее» — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns3

Кнопки Поделиться — Только форма кнопок (с закруглением или без)

buttns5

Кнопка «Поиск» в виджете Поиск — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns14

Кнопка «Ответить» (в комментариях) — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns8

Кнопки-переключатели в «Комментарии 3 в одном» — Кнопки белого цвета, при наведении мышки меняется на «Цвет кнопки» и «Цвет текста на кнопке». Форма кнопок

buttns7

Кнопка «Отправить комментарий» — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns6

Кнопка «Подписаться на INSTAGRAM» в виджете Инстаграм —  Меняется форма кнопок (с закруглением или без)

buttns2

Кнопка «Отправить сообщение» в контактной форме — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns4

Заголовок архивов на странице архивов, рубрик, меток — Цвет кнопки, цвет текста на кнопки, форма кнопок

buttns11

Метки  в виджете «Облако меток» — Кнопки светлосерого цвета, при наведении мышки кнопки меняют цвет на «Цвет кнопки» и «Цвет текста на кнопке». Форма кнопок

buttns1

Метки в конце статьи — при наведении мышки -Кнопки светлосерого цвета, при наведении мышки кнопки меняют цвет на «Цвет кнопки» и «Цвет текста на кнопке». Форма кнопок

buttns13

Копка «Добавить отзыв» в форме плагина «Плагин «Отзывы»» — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns12

Кнопка «Подробнее» в каталоге (Плагин «Каталог») — Цвет кнопки, при наведении мышки, цвет текста на кнопки, форма кнопок

buttns9

Кнопки-переключатели «фильтры по рубрикам» (в плагине каталог) — Кнопки белого цвета, при наведении мышки меняется на «Цвет кнопки» и «Цвет текста на кнопке». Форма кнопок

buttns10

На этом все. Если возникли вопросы, пишите в комментариях. В  следующей статье я расскажу, как вы можете задать свой размер для заголовков (h1, h2, h3, h4, h5, h6) в шаблоне AB-Inspiration 6.0.

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

Единый стиль для кнопок на блоге в шаблоне AB-Inspiration 6.0
   4 голоса
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
4 комментария
  1. Анфиса! У меня 2 вопроса:
    1. А стиль кнопок в виджете Облако меток самому поменять нельзя? Уже 3 раза они поменялись, только привыкла к серым, снова изменение — слова стали совсем маленькие, еле заметные, исчез заголовок виджета. Если честно, мне нравился самый давний вариант (до обновления 6.0).
    2. Может быть, я не совсем правильно разобралась с вкладкой Комментарии в Фейсбук — но я так поняла, что комментарии, оставленные в Фейсбуке, можно посмотреть только в одной статье, а не все сразу во всех статьях? ВКонтакте удобно — нажимаешь «администрирование» сразу видны все комментарии во всех статьях. Поэтому я вкладку комментарии в Фейсбук вообще отключила, т.к. каждый день просматривать все статьи, конечно, нереально. Посмотрела Вашу старую статью про комментарии в Фейсбук — видимо она уже не актуальна, т.к. сейчас всё по-другому.

    • Аврора,
      1. Метки слетели из-за обновления WordPress. Разработчики уже знают об этом. Пошли жалобы в интернет. Это никак не касается шаблона. Пока уберите из боковой колонки этот виджет. Как только они исправят ошибку, выйдет новая подверсия WordPress, можно будет поставить их обратно.
      2. Да, фейсбук немного поменяли интерфейс. Но там все просто. Когда вы попадаете на страницу модерирования комментариев, просто кликните на название вашего блога. Откроются все комментариии блога.

    • Аврора, в новой версии шаблона AB-Inspiration отображение тегов исправлено :). Просто обновите шаблон и все будет работать.

Комментарии в Фейсбук
Комментарии в Вконтакте