Простая настройка внешнего вида блога в шаблоне – конструкторе AB-Inspiration 7 для блога на WordPress

  Автор:
  6519
Простая настройка внешнего вида блога в шаблоне AB-Inspiration 7

Сегодня выходит новая версия шаблона- конструктора AB-Inspiration. После публикации этой статьи шаблон будет доступен для обновления.

Как обновить шаблон AB-Inspiration можно посмотреть здесь.

В этой статье я расскажу о новшестве шаблона 7-й версии – “Простая настройка” внешнего вида блога, над которым я работала  полгода.

Немного предыстории.

Настройки внешнего вида в шаблоне AB-Inspiration

Как вы знаете в шаблоне большую часть настроек занимает изменение внешнего вида. Практически каждую деталь внешнего вида можно изменить: Цвет, границы, шрифты итд.

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

Видеокурс по настройкам внешнего вида

В помощь пользователям я создала видеокурс по изменению внешнего вида с подробнейшим объяснением всех настроек. Видеокурс вы можете найти в клубе Изменение внешнего вида блога. Раздел “Настройка шаблона”. На эту страницу можно попасть если вы войдете под своим логином и паролем в клуб.

Видеоуроки с примерами внешнего вида

А также я создала ряд видеоинструкций по изменению внешнего вида с конкретными примерами в рамках конкурса на самый эффектный дизайн сайта. Эти видео можно посмотреть здесь: Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

Простая настройка

Все это конечно очень сильно подстегнуло пользователей менять внешний вид и многие создали настоящие шедевры.

Но меня все не покидала мысль сделать настройку внешнего вида как можно проще. Чтобы в 2-3 клика и готово.

От идеи до реализации понадобилось 6 месяцев. И вот сегодня я готова представить Бета версию простой настройки.

Как работает “Простая настройка”

В разделе “Настройки шаблона” появилась новая вкладка “Простая настройка”.

  1. Если вы хотите использовать простую настройку необходимо поставить галочку “Использовать простую настройку”.
  2. Необходимо выбрать 3 цвета и определить какого цвета будет текст.
  3. Выбираете на всю ширину будет сайт или с границами по центру
  4. И выбираете шрифты для заголовков и для текста

Далее программа все эти настройки перенесет на элементы сайта. Здорово, правда?

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

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

Какие элементы входят в “Простую настройку”

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

Стиль блога

  1. Ширина блога

Стиль шапки

  1. Ширина шапки
  2. Настройки заголовка блога – цвет заголовка и описания будет использоваться согласно “Простой настройки”. Все остальное можно менять

Стиль меню в шапке

  1. Фон
  2. Цвет текста пунктов меню
  3. Шрифт текста пунктов меню

Стиль основного меню

  1. Ширина
  2. Фон
  3. Шрифт и цвет текста пунктов меню

Стиль контента

  1. Шрифт текста

Стиль статьи

  1. Цвет границы
  2. Шрифт и цвет заголовков статей и страниц
  3. Шрифт и цвет заголовков в тексте статей
  4. Цвет ссылок
  5. Цвет кнопок

Стиль виджетов

  1. Цвет границы
  2. Шрифт и цвет заголовоков
  3. Фон заголовков

Стиль виджетов в футер

  1. Фон снаружи и фон внутри
  2. Шрифт и цвет заголовков
  3. Цвет текста

Стиль футер

  1. Ширина
  2. Фон
  3. Цвет текста

Форма в виджете

  1. Фон
  2. Шрифт и цвет заголовка
  3. Цвет границы
  4. Цвет кнопки
  5. Шрифт и цвет текста на кнопке

Форма в конце статьи

  1. Фон
  2. Шрифт и цвет заголовка
  3. Цвет границы
  4. Цвет кнопки
  5. Шрифт и цвет текста на кнопке

Простая настройка также работает и в плагинах “Входная страница” и “WPForm – Живая форма + Слайдер”, Каталог

Плагин “Входная страница”

  1. Фоны уровней (первый уровень – первый цвет, далее чередуется белый с бледным основным цветом)
  2. Шрифты и цвет заголовков
  3. Цвет кнопок

Плагин WPForm – Живая форма

  1. Цвет кнопок

Плагин WPForm – Слайды

  1. Шрифт и цвет текста
  2. Цвет кнопки

Плагин Каталог

  1. Цвет кнопок и фильтров
  2. Шрифт и цвет заголовоков

Плагин Woocommerce (Интернет магазин)

  1. Шрифт и цвет заголовков товаров
  2. Цвет границы
  3. Цвет границ вокруг товаров
  4. Цвет кнопок
  5. Шрифт текста
  6. Цвет плашки Скидка (третий цвет)
  7. Цвет звездочек рейтинга (третий цвет)
  8. Фон

Ваше мнение о “Простой настройке”

Жду ваших комментариев и отзывов о новом функционале. Обязательно попробуйте “Простую настройку”. Если Вам что-то не нравится, смело пишите в тех поддержку свои пожелания, и я буду учитывать пожелания в дальнейшей разработке шаблона – конструктора AB-Inspiration.

Создай свой сайт на WordPress сегодня

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

P.S. Для подбора гармоничных цветов для “Простой настройки”  вы можете воспользоваться технологией описанной в данном статье – Как подобрать гармоничные цвета для сайта не будучи дизайнером.

 

Простая настройка внешнего вида блога в шаблоне – конструкторе AB-Inspiration 7 для блога на WordPress

   4 голоса
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:

Анфиса Бреус

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

Как создать сайт онлайн-школы на WordPress с интернет - магазином, профессиональным блогом и лендингами
Оставьте свой комментарий:
16 комментариев

на Блоге
в Фейсбук
в Вконтакте