Когда я готовилась к 4-х летию проекта МЛМ Блог за 1 час и универсального шаблона AB-Inspiration, я просматривала блоги пользователей. И мне стало немного грустно, поскольку большинство пользователей не используют и сотой части возможностей шаблона, особенно это касается изменения внешнего вида.
А еще не все из нас дизайнеры и многим достаточно сложно интуитивно подобрать цвета, чтобы они гармонично сочетались. Я понимаю эту проблему, поскольку сама не обладаю дизайнерским талантом.
Но для создания красивого, эффектного и стильного внешнего вида на шаблоне AB-Inspiration не нужно быть гением дизайна. Достаточно просто хорошо изучить возможности шаблона и воспользоваться некоторыми сервисами. Я вам открою небольшие фишки по подбору цветов :).
В общем я решила исправить эту ситуацию и записать несколько видеоуроков по подбору цвета и по изменению внешнего вида блога на шаблоне AB-Inspiration. Мы разберем простые идеи, которые в корне изменят внешний вид, но в то же время будут выглядеть стильно и аккуратно.
Думаю, это подстегнет вас, дорогие пользователи, поэкспериментировать с внешним видом, больше узнать о возможностях шаблона, и не бояться менять и создавать что-то новое.
А заодно и проведем конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration.
Как вам идея? Вы готовы преобразить ваш блог? Кстати, это будет уже 3-й по счету конкурс.
Для кого конкурс
- Если вы недовольны внешним видом своего блога
- Если вы запутались в настройках и не можете создать внешний вид
- Если вы не можете придумать как будет выглядеть блог
- Если вам надоел внешний вид и вы хотите что-то поменять, внести новое
- Если вы боитесь менять внешний вид и у вас до сих пор дизайн по умолчанию
Условия конкурса
- Принимают участие только пользователи шаблона AB-Inspiration
- Если вы заказывали дизайн у профессионального дизайнера, работа не принимается. Только самостоятельное создание внешнего вида.
- Работы участников будут рекламироваться в соц сетях со ссылками на блоги
- Лучшие работы будут выставлены на странице «Портфолио пользователей шаблона AB-Inspiration»
- Блоги победителей будут выставлены в статье о конкурсе на блоге anfisabreus.ru
Статьи инструкции в помощь участникам:
Вспомогательные статьи
Как подобрать цвет для дизайна блога используя фоновое изображение
Как скачать фоновое изображение с сайта и скопировать код цвета
3 способа найти классное изображение для фона блога
Что значит современный и эффектный внешний вид блога
Как подготовить портрет для фона блога
Как узнать ширину и высоту элемента в шаблоне AB-Inspiration
Статьи — примеры изменения внешнего вида блога на шаблоне AB-Inspiration
Пример №1
Пример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов. Для такого внешнего вида нам потребуются:
- Фоновое изображение в шапку блога — не менее 1280px (1920px) в ширину
- сгенерировать цветовую палитру изображения
- выбрать из палитры основной цвет и подобрать второстепенный
- Настроить шаблон согласно цветовой гамме.
Ссылка на видео инструкцию: Пример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов.
Пример №2
Пример создания дизайна бренд-блога на шаблоне AB-Inspiration 6.0 с премиум плагинами «Живая Форма+слайдер» и «Входная Страница».
Для создания такого дизайна нам потребуются:
- Подобрать изображение для фона входной страницы
- Если это портрет, его необходимо обработать в фотошоп и сделать из него фоновое изображение шириной не менее 1280px
- Сгенерировать цветовую палитру изображения
- Подобрать второстепенный цвет
- Настроить форму подписки под шапкой
- Настроить входную страницу
- Настроить шаблон
Подробная видео инструкция по созданию дизайна бренд-блога: Пример создания дизайна бренд-блога на шаблоне AB-Inspiration с премиум плагинами «Живая Форма+слайдер» и «Входная Страница»
Пример №3
Пример изменения внешнего вида блога на шаблоне AB-Inspiration с премиум плагином «Живая форма+слайдер»
Для создания такого дизайна нам необходимо:
- Подобрать изображение для фона формы подписки под шапкой (не менее 1100px в ширину)
- Сгенерировать цветовую палитру изображения
- Выбрать 2 контрастных цвета из палитры для настройки блога
- Настроить форму подписки под шапкой (плагин Живая форма)
- Настроить шаблон
Подробная видео инструкция по созданию такого дизайна можно посмотреть здесь: Пример изменения внешнего вида блога на шаблоне AB-Inspiration с плагином Живая форма+сайдер
Пример #4
Еще решила записать самый простой способ изменить внешний вид блога.
Идея очень простая — выбрать 2 цвета — один будет основным, второй второстепенным и заменить их в шаблоне, плюс заменить фоновое изображение в Живой форме.
За основу берем внешний вид шаблона AB-Inspiration 6.0 по умолчанию. Плюс плагины Живая форма и Входная страница.
И еще я рассказываю про один сервис подбора цвета для дизайна.
Как видите получилось очень даже симпатично. И времени на такой дизайн ушло 17 минут. 
Посмотреть видео инструкцию можно здесь: Самый простой способ поменять внешний вид блога на шаблоне AB-Inspiration
Ниже вы видите 3 варианта внешнего вида. Отличаются они расположением фонового изображения. Эти варианты я и покажу как реализовать в подробных видео инструкциях.
На основе этих вариантов мы поближе познакомимся с настройками внешнего вида шаблона и плагинами Живая форма и Входная страница. И конечно же вы сможете реализовать эти идеи на своем блоге.
Для сравнения, это исходный внешний вид шаблона AB-Inspiration (по умолчанию).
Вариант первый — Фоновое изображение в шапке.
Для создания такого внешнего вида нужен только шаблон — конструктор «AB-Inspiration» 6.0
Вариант второй — Фоновое изображение в Живой форме + слайдер.
Для создания такого внешнего вида нужно:
- шаблон AB-Inspiration,
- премиум плагин «Живая форма+слайдер»,
- премиум плагин «Входная страница» (по желанию)
Вариант третий — фоновое изображение на главной странице
Для создания такого внешнего вида нужно:
- шаблон — конструктор AB-Inspiration,
- премиум плагин «Живая форма+слайдер»,
- премиум плагин «Входная страница»
Это вариант интересен тем, что для главной страницы можно загрузить одно фоновое изображение, а внутренние страницы оформить по-другому.
Ну как, нравится? Хотели бы вы такой внешний вид блога? 15 минут и готово!
Как будет проходить конкурс
Конкурс будет длиться 1 неделю. В понедельник 11 января мы заканчиваем конкурс. К этому времени нужно выслать все работы (ссылки на ваши блоги) в комментариях к этой статье или последующих статьях.
11 января мы сделаем скриншоты блогов участников и опубликуем на этом блоге. Далее путем голосования читателей блога и наших подписчиков мы определим лучшие работы.
Начиная с завтрашнего дня, каждый день будут выходить статьи с инструкциями.
В итоге мы разберем несколько простых вариантов, которые позволят вам создать эффектный дизайн блога как в профессиональной студии :).
Статьи будут выходить каждый день. Таким образом у вас будет еще 3 дня в запасе, чтобы подкорректировать недочеты и завершить дизайн.
Завтра выйдет первая статья. Мы пройдем самый важный урок — подбор цвета на основе фонового изображения. Очень простая, но эффективная моя личная методика. Оставайтесь на связи.
P.S. Присоединяйтесь к конкурсу. Пусть все блоги на многофункциональном шаблоне AB-Inspiration будут стильными, красивыми, аккуратными! Вы со мной? Напишите в комментариях, кто будет принимать участие. Обязательно укажите в поле Вебсайт адрес вашего блога. Мы сделаем скриншоты До и После.
Создать сайт для заработка с нами — легко и быстро!
За помощью обращайтесь в нашу службу поддержки 24/7
Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
а также, хостинг Beget:
Средняя оценка: 5 из 5
