Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

  Автор:
  11693

Когда я готовилась к 4-х летию проекта МЛМ Блог за 1 час и универсального шаблона — конструктора AB-Inspiration, я просматривала блоги пользователей. И мне стало немного грустно, поскольку большинство пользователей не используют и сотой части возможностей шаблона, особенно это касается изменения внешнего вида.

А еще не все из нас дизайнеры и многим достаточно сложно интуитивно подобрать цвета, чтобы они гармонично сочетались. Я понимаю эту проблему, поскольку сама не обладаю дизайнерским талантом.

Но для создания красивого, эффектного и стильного внешнего вида на шаблоне AB-Inspiration не нужно быть гением дизайна. Достаточно просто хорошо изучить возможности шаблона и воспользоваться некоторыми сервисами. Я вам открою небольшие фишки по подбору цветов :).

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

Думаю, это подстегнет вас, дорогие пользователи, поэксперементировать с внешним видом, больше узнать о возможностях шаблона, и не бояться менять и создавать что-то новое.

А заодно и проведем конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration.

Как вам идея? Вы готовы преобразить ваш блог? Кстати, это будет уже 3-й по счету конкурс.

Для кого конкурс

  1. Если вы не довольны внешним видом своего блога
  2. Если вы запутались в настройках и не можете создать внешний вид
  3. Если вы не можете придумать как будет выглядеть блог
  4. Если вам надоел внешний вид и вы хотите что-то поменять, внести новое
  5. Если вы боитесь менять внешний вид и у вас до сих пор дизайн по умолчанию

Условия конкурса

  1. Принимают участие только пользователи шаблона AB-Inspiration
  2. Если вы заказывали дизайн у профессионального дизайнера, работа не принимается. Только самостоятельное создание внешнего вида.
  3. Работы участников будут рекламироваться в соц сетях с ссылками на блоги
  4. Лучшие работы будут выставлены на странице «Портфолио пользователей шаблона AB-Inspiration»
  5. Блоги победителей будут выставлены в  статье о конкурсе на блоге anfisabreus.ru

Статьи инструкции в помощь участникам:

Вспомогательные статьи

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

Как скачать фоновое изображение с сайта и скопировать код цвета

3 способа найти классное изображение для фона блога

Что значит современный и эффектный внешний вид блога

Как подготовить портрет для фона блога

Как узнать ширину и высоту элемента в шаблоне AB-Inspiration

Статьи-примеры изменения внешнего вида блога на шаблоне AB-Inspiration

Пример №1

Шаблон AB-inspiration 6.0 - фоновое изображение в шапкеПример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов. Для такого внешнего вида нам потребуются:

  1. Фоновое изображение в шапку блога — не менее 1280px (1920px) в ширину
  2. сгенерировать цветовую палитру изображения
  3. выбрать из палитры основной цвет и подобрать второстепенный
  4. Настроить шаблон согласно цветовой гамме.

Ссылка на видео инструкцию: Пример создания дизайна блога на шаблоне AB-Inspiration с изображением в шапке и 2-х цветов.

Пример №2

design3

Пример создания дизайна бренд-блога на шаблоне AB-Inspiration 6.0 с премиум плагинами «Живая Форма+слайдер» и «Входная Страница«.

Для создания такого дизайна нам потребуются:

  1. Подобрать изображение для фона входной страницы
  2. Если это портрет, его необходимо обработать в фотошоп с сделать из него фоновое изображение шириной не менее 1280px
  3. Сгенерировать цветовую палитру изображения
  4. Подобрать второстепенный цвет
  5. Настроить форму подписки под шапкой
  6. Настроить входную страницу
  7. Настроить шаблон

Подробная видео инструкция по созданию дизайна бренд-блога: Пример создания дизайна бренд-блога на шаблоне AB-Inspiration с премиум плагинами «Живая Форма+слайдер» и «Входная Страница»

Пример №3

primer-3more1

Пример изменения внешнего вида блога на шаблоне AB-Inspiration с премиум плагином «Живая форма+слайдер»

Для создания такого дизайна нам необходимо:

  1. Подобрать изображение для фона формы подписки под шапкой (не менее 1100px в ширину)
  2. Сгенерировать цветовую палитру изображения
  3. Выбрать 2 контрастных цвета из палитры для  настройки блога
  4. Настроить форму подписки под шапкой (плагин Живая форма)
  5. Настроить шаблон

Подробная видео инструкция по созданию такого дизайна можно посмотреть здесь: Пример изменения внешнего вида блога на шаблоне AB-Inspiration с плагином Живая форма+сайдер

Пример #4

primer4

Еще решила записать самый простой способ изменить внешний вид блога.

Идея очень простая — выбрать 2 цвета — один будет основным, второй второстепенным и заменить их в шаблоне, плюс заменить фоновое изображение в Живой форме.

За основу берем внешний вид шаблона AB-Inspiration 6.0 по умолчанию. Плюс плагины Живая форма и Входная страница.

И еще я рассказываю про один сервис подбора цвета для  дизайна.

Как видите получилось очень даже симпатично. И времени на такой дизайн ушло 17 минут. :)

Посмотреть видео инструкцию можно здесь: Самый простой способ поменять внешний вид блога на шаблоне AB-Inspiration

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

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

Для сравнения, это исходный внешний вид шаблона AB-Inspiration (по умолчанию).

Шаблон AB-Inspiration 6.0 по умолчанию

Вариант первый  — Фоновое изображение в шапке.

Для создания такого внешнего вида нужен только шаблон — конструктор «AB-Inspiration» 6.0

Шаблон AB-inspiration 6.0 - фоновое изображение в шапке

Вариант второй  — Фоновое изображение в Живой форме + слайдер.

Для создания такого внешнего вида нужно:

  1. шаблон — конструктор  AB-Inspiration,
  2. премиум плагин «Живая форма+слайдер«,
  3. премиум плагин «Входная страница» (по желанию)

image-color2

Вариант третий — фоновое изображение на главной странице

Для создания такого внешнего вида нужно:

  1. шаблон — конструктор  AB-Inspiration,
  2. премиум плагин «Живая форма+слайдер«,
  3. премиум плагин «Входная страница«

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

image-color3

Ну как, нравится? Хотели бы вы такой внешний вид блога? 15 минут и готово!

Как будет проходить конкурс

Конкурс будет с длиться 1 неделю. В понедельник 11 января мы заканчиваем конкурс. К этому времени нужно выслать все работы (ссылки на ваши блоги) в комментариях к этой статье или последующих статьях.

11 января мы сделаем скриншоты блогов участников и опубликуем на этом блоге. Далее путем голосования читателей блога и наших подписчиков мы определим лучшие работы.

Начиная с завтрашнего дня, каждый день будут выходить статьи с инструкциями.

В итоге мы разберем несколько простых вариантов, которые позволят вам создать эффектный дизайн блога как в профессиональной студии :).

Статьи будут выходить каждый день. Таким образом у вас будет еще 3 дня в запасе, чтобы подкорректировать недочеты и завершить дизайн.

Завтра выйдет первая статья. Мы пройдем самый важный урок — подбор цвета на основе фонового изображения. Очень простая, но эффективная моя личная методика. Оставайтесь на связи.

P.S. Присоединяйтесь к конкурсу. Пусть все блоги на многофункциональном шаблоне — конструкторе AB-Inspiration будут стильными, красивыми, аккуратными! Вы со мной? Напишите в комментариях, кто будет принимать участие. Обязательно укажите в поле Вебсайт адрес вашего блога. Мы сделаем скриншоты До и После.

Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

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

Анфиса Бреус

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

Пошаговый план по созданию бизнес-блога на WordPress
Оставьте свой комментарий:
51 комментарий
  1. Классно) Но самые красивые, конечно, с дополнительными плагинами. Не меняю изображение в шапке, так как не обладают навыками фотошопа и до фрилансера руки как-то не доходят, чтобы подходящее мне изображение вставить)

  2. Второй вариант, как мне кажется , самый интересный. А вообще, ваш шаблон — это настоящий конструктор- просто супер!!! С ним легко экспериментировать и создавать конфетку на блоге! Каждый раз захожу на блог и говорю СПАСИБО Анфисочке и Василию

  3. Как раз задумалась о смене внешнего вида, так что уроки будут кстати. На шаблоне столько возможностей, что действительно, не все фишки мы знаем и применяем. А из предложенных вариантов мне больше всего второй понравился.

  4. Владимир

    Классные варианты. Мне особенно понравился третий.
    Вообще, Анфиса, Ваша задумка и предложение использовать шаблон AB-Inspiration — это шикарная тема. Столько проблем решается сразу же. Я долго искал различные шаблоны для блога и выбрал Ваш. Ни капли не жалею. Супер. Внимательно изучаю Ваши уроки и использую на практике. Реально экономится кучу времени и получается очень приятно и аккуратно

  5. Владимир

    Приму участие в конкурсе))) *THUMBS UP*

  6. Очень интересно! Хотелось бы более подробно познакомиться с возможностями шаблона.

  7. С удовольствием приму участие!

  8. Отличная ИДЕЯ провести такой нужный и очень увлекательный Конкурс! Думаю, многие будут в нем участвовать. И в тоже с удовольствием приму участие, хотя пока еще не купила себе плагин Живая форма и Входная страница. Но цель поставлена и я их обязательно при первой же возможности приобрету.
    Я с Вами, Анфиса и Василий! =)

  9. Анфиса! Классная идея! Хочу принять участие в конкурсе. Мой блог сейчас вот такой http://svetlanagunstvina.ru/ и меня в общем устраивает все. Но обязательно посмотрю Ваши уроки и возможно что-то еще поменяю. Спасибо за заботу. С наступившим Новым Годом Вас и всех благ!

  10. Анфиса! С удовольствием приму участие. А то у меня плагие главная страница не настроен. Спасибо большое!

  11. Здравствуйте, Анфиса! Пора уже усовершенствовать свой блог и сделать своими руками профессиональный дизайн! Конечно же, только с Вашей профессиональной поддержкой! Я с Вами!

  12. Елена

    Здравствуйте, Анфиса!
    С удовольствием принимаю Ваше предложение участвовать в конкурсе!
    Давно хочу сменить дизайн своего блога, но никак не возьмусь.
    Сейчас он выглядит так:
    Буду меняться вместе с Вами!
    =) =) =)

  13. Обожаю конкурсы, участвовала в обоих! *THUMBS UP*
    Пока не знаю, но какой-то из 3-х буду дизайн менять :
    http://wellcoach.ru

    http://garmoniya-Mir.com
    Хотелось бы сделать сложное индивидуальное фоновое изображение блога

  14. Елена

    Здравствуйте! Как раз в тему такое предложение! Сейчас занимаюсь установкой и настройкой блога и не терпится сделать его красивым. Тоже видела несколько полуфабрикатных сайтов на этом чудесном шаблоне. А жаль. Анфиса права: этот шаблон, а главное замечательные сопровождающие уроки, заслуживают того, чтоб все сайты на нем были красивыми и качественными. Жаль, только что конкурс объявлен очень рано. Я вряд ли все успею и настойку и дизайн и минимальное наполнение. Тем, кто на рождественских каникулах тоже не поучаствовать.

  15. Спасибо, Анфиса! С удовольствием присоединяюсь =)

  16. Я тоже хочу принять участие в конкурсе. Я еще не опоздала?
    Мой блог в зачатии http://nsviridenko.ru/
    С чего начать? ;)

  17. Здравствуйте Анфиса. Только взялась настраивать свой блог, все руки не доходили, и тут Вы объявляете о конкурсе. С удовольствием приму участие в конкурсе. Мой блог
    http://lebedevanatali.ru/, правда там еще мало материала
    Анфиса, спасибо за шаблон, за плагины, которые Вы создаете. Это такой замечательный конструктор. Столько в нем возможностей, дизайн можно менять хоть каждый день. Это так здорово.
    У меня вопрос, в слайдере на втором и третьем слайдах ссылки почему то не активны.

  18. Ольга

    Анфиса и Василий, добрый день!
    Наилучшие пожелания в 2016!
    Жду статьи!

  19. Владимир

    Блог в стадии рождения) творческие муки с наполнение и продвижением. Идея Анфисы нравится и зажигает! Конструктор классный, но требуется время и усидчивость на изучение… Я с вами!
    Мое творчество : vladimirterekhov.ru

  20. Ульяна

    Я администрирую сайт http://larisamarkova.ru/ , работающий на шаблоне AB-Inspiration, но старой версии — 3.3.2. Если можно, то тоже хочу принять участие в конкурсе.

  21. Отличная идея! Хотела бы принять участие в конкурсе))

  22. Александр

    Если езе не поздно то попробую

  23. Анфиса приму участие обязательно.
    Этот конкурс то что надо для меня.
    Честно сказать, чтобы наконец взяться за свой блога.
    Мой блог http://veramihailova.ru/

  24. Анфиса, идея улетная!
    Приму участие в конкурсе, так как есть идея немного видоизменить блог http://www.dambrovsky.com

  25. Анфиса! Я сама не верю, что внесла изменения в блог. Входную страницу и живую форму настроила.
    Не сомневаюсь, что Вы найдете недостатки, но я буду рада, если Вы их мне укажите, буду исправлять.
    Сегодня отправила рассылку подписчикам блога, чтобы они мне тоже высказали свое мнение.
    Работать над блогом было интересно по Вашим урокам. Не все я сразу понимала, но потихоньку разбиралась.
    А самое сложное было для меня найти ID страницы. Но нашла! Мой блог http://pishhaizdorove.com

    • Галина, отличная идея :). Хорошо получилось. Я бы только на свой вкус немного поправила шрифты (заголовки везде один шрифт и стиль — не жирный), убрала бы границу и фон в живой форме. А на других страницах блога поставила бы фон вашей замечательной голубички в виде фона блога. Блог на всю ширину без рамочки и тени. Но это на мой вкус :)

      Главная

      Остальные страницы

  26. Анфиса! Спасибо большое за Ваши ценные советы! Как вы быстро своим натренированным взглядом быстро нашли недочеты и возможность по улучшению моего блога. Шрифты поправила, а вот фон под блогом вставила, но его не видно. Может ли это быть связано с тем, что я сделала страницу не блог, а статьи? Буду стараться все исправить. Большое-большое спасибо за то, что Вы есть, за шаблон, за плагины, за замечательные уроки!

    • Спасибо, Галина за добрый слова. Стараюсь помочь, тем, кто старается менять внешний вид :).

      Фон не видно возможно из-за того, что его перекрывает другой фон. То как называется страница не имеет значения.

      Нужно сделать следующее:

      1. Во вкладке «Стиль блога» — «Фон вокруг блога» — загрузить фоновое изображение и указать цвет фона. Настройки фона: Не повторять, Сверху по центру, Прокручивается. Размер «Фон заполняется все поле сохраняя пропорции»

      2. Ниже в «Фон внутри блога» удалить цвет (поле с цветом должно быть пустым)

  27. Анфиса! Сделала фон на блоге! Я последнее «Размер фона внутри блога» Исходный размер не ставила. Спасибо большое! Для такой работы надо очень большое внимание, пробовать разные варианты. Ну а идеи Вы нам дарите, за что большое спасибо. Я долго искала картинку. Хотелось, чтобы по теме здорового питания. И нашла свою фотографию. Это я сфотографировала на ферме в Америке, когда ездили за блюбери. Эти ягоды поразили меня своим цветом. Они не такие, как наша черника. У них какой-то беловатый налет в цвете.

    • Замечательно! Еще стоит пожалуй убрать границу и цвет фона (в полях цвет фона убрать код, чтобы там было пусто) в Живой форме.
      Фотография классная. Хорошо, что используете свое фото. Я такую голубику видела в Якутии. Тоже с беловатым налетом. И называют ее там голубика :)

    • Да и еще. Обновите шаблон до новой версии (6.0.16). Там исправлено отображение прозрачности фона в меню в шапке

      • Анфиса! А у меня стоит ключ обновления. Разве шаблон сам не обновляется?

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

          Если у вас установлен ключ, вам нужно зайти в админку в раздел «Консоль» — «Обновления». Нажать на ссылку «Обновить» под скриншотом шаблона «AB-Inspiration»

  28. Марина

    Хочу поучаствовать в конкурсе и думаю не поздно ли? Я только не давно внесла изменения на главную страницу и изменила внешний вид…http://veretennikov.argonadonu.ru/

  29. Анфиса, я тоже хочу участвовать в конкурсе. Посмотрите, пожалуйста, мой блог, если возможно. http://stranica-o.ru

  30. Еще один блог, правда, он только в самом начале. Пока только дизайн.
    http://uspeshnayababushka.ru

  31. Анфиса, добрый день!
    Не устаю восхищаться возможностями вашего потрясающего шаблона.
    Меняя дизайн своего сайта, столкнулась с вопросом: как убрать большое белое поле между фото «живой формы» и началом «входной страницы»? http://joxi.ru/YmEaOe0tZMwXOm
    Спасибо вам!

    http://www.irinaberezovskaya.com/

    • Ирина, вот это круто. Мне очень нравится.:)
      Сократите высоту формы подписки и бело поле исчезнет:)

    • Еще я вижу, что у вас активированы слайды, но слайдов нет. Это белое поле образует блок под слайды. Просто его деактивируйте: в админке — Форма — Слайды — вверху справа нажмите на кнопку «Деактивировать» и сохраните изменения.

      • Анфиса, благодарю! Все получилось =)
        И почему-то в настройке «входной странице», в блоке произвольно круглые фото получились обрезанными прямоугольниками. Задавала размер картинок 800-600.

        • Получилось просто здорово! Мне очень нравится!
          Да, это именно из-за размера. Они у вас прямоугольные, круглые получаются из квадратных. Например у вас идеальные круглые картинки выше. Оригинал картинок квадрат. Если картинка прямоугольная,чтобы не искажалось изображение, добавляется белая полоса (чтобы создать круг)

        • В виджетах у вас стоят рубрики. В версии 6.0 есть свой виджет «AB-Рубрики». Он более симпатичный и шрифт там побольше. :) Попробуйте его.

  32. Татьяна Сяглова

    А я не опоздала для участия в конкурсе?
    Но в любом случае буду следить за результатами.

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

  34. В конкурсе не планировала участвовать, поскольку не успевала сделать новое оформление в соответствии с великолепными рекомендациями и уроками Анфисы. Но внешний вид постоянно дорабатывала, поэтому если можно еще, то вот мой блог. http://irynaroma.ru. Недавно добавила плагин Каталог, он тоже видоизменил входную страницу блога. Супер!

  35. Мне очень нравится постоянно что то менять в своем блоге. Приглашаю оценить: http://sandulskaya.com/ Я так же добавила каталог и наполняю радуясь, как все просто. Благодарю!

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