5 простых способов украсить блог к Новому Году

  Автор:
  2846

Вчера меня  спросили, как мы собираемся отмечать Новый Год в Таиланде и чувствуется ли новогоднее настроение. Ведь все-таки ни снега ни традиции отмечать Новый Год в Таиланде нет.

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

К чему это я все. Пора подготовить и блоги для Нового Года :). Благо на шаблоне AB-Inspiraition сделать это просто. Не нужно лезть в коды и редактировать шаблон.

Вот несколько идей как украсить блог к Новому Году.

1. Фон блога

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

Есть 2 вариатна сделать фон блога.

Вариант 1 — маленькое повторяющееся изображение — pattern (узор).

Как найти тематическую картинку-узор в интернет

1. наберите в Google «Christmas pattern» или «New Year pattern» и в поиске по картинкам у вас появится большой выбор различных рождественских фонов. Pattern — это маленькая картинка с повторяющимся узором.
2. Выберите понравившийся узор,
3. скачайте на компьютер (убедитесь, что он без водных знаков и бесплатный)

blog-decoration

Далее сделаем 4 простых шага и поменяем фон блога.

1. Зайдите в админку блога — Внешний вид — Настройки шаблона — Стиль блога
2. В разделе «Фон вокруг блога» загрузите узор
3. Укажите настройки отображения узора: Повторять все, Исходный размер
4. Также убедитесь, что ширина блога 1100px или 1140px (иначе фон будет закрыт внутренним фоном)

blog-decoration3

И у вас получится вот такой результат.

blog-decoration2

Поэксперементируйте с узорами, и подберите тот, что подходит под ваш дизайн.

Вариант №2 — Одна большая фиксированная картинка

Фоном можно также сделать одну картинку. Для этого нужно выбрать большое изображение от 1600px в ширину.

Как найти больше изображение в Гугл

  1. Наберите запрос,  например,  Christmas wallpaper (wallpaper — переводится как «обои»)
  2. В инструментах поиска выберите размер Большой (выбирайте изображение не меньше 1600px)
  3. Выберите изображение и сохраните на компьютере (убедитесь, что изображение бесплатное)

background-main1212

Установка изображения в виде фона блога.

  1. Зайдите в админку блога  — Внешний вди — Настройки шаблона — Стиль блога
  2. В разделе  «Фон вокруг блога» загрузите изображение
  3. В настройках укажите — «Не повторять», «Фиксирован», «Исходный размер» или «Фон покрывает поле сохраняя пропорции изображения» (посмотрите, что будет лучше смотреться)

blog-decoration12

Интересный эффект при фиксированном изображении. При прокрутке фон будет оставаться на месте.

Вот такие примеры могут получиться.

 

2. Фон шапки

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

В зависимости от того какой у вас стиль блога — на всю ширину (100%) или с границей (на 1100px или 1140px), настройки будут немного отличаться.

Примерные запросы для поиска гирлянды в гугл или яндекс картинки: «border garland christmas tree» или «border garland christmas decoration» или что-то похожее на русском языке «граница гирлянда новогодняя» итд.

Итак, давайте предположим, что у вас блог не на всю ширину с границей.

1. Зайдите в админку — Внешний вид — Настройки шаблона — Стиль блога
2. Убедитесь, что ширина блога у вас 1140px или 1100px. Кстати, с границей будет смотреться красивее

christmas-gareland4

 

christmas-gareland0

3. Перейдите в раздел «Стиль шапки»
4. Задайте отступ равный высоте фона. Т.е. если картинка, для гирлянды 70px, то в поле «От границы до фона блога шапки» укажите 70. Этим отступом мы открываем фон и внутренняя шапка на которой находится название нашего блога спускается ниже. После вы сможете отрегулировать этот отступ.
5. Далее загрузите изображение. Настройки для изображения: Повторять по горизонтали, Сверху по центру, Прокручивается. Размер изображения — Исходный.

christmas-gareland9

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

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

Если у вас стиль блога на всю ширину (100%) и вы бы хотели чтобы гирлянда тоже была на всю ширину блога, здесь будут следующие настройки:

1. В «Настройки шаблона» — «Стиль блога» — ширина 100%
2. Отступ «0» — будет смотреться красивее если фон будет начинаться с самого верха без отступа

christmas-gareland17

3. В «Стиль шапки» установите ширину 100%

christmas-gareland16

Вот несколько примеров как это будет выглядеть:

3. Форма подписки в боковой колонке

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

1. Зайдите в админку — Внешний вид — Настройки шаблона — Форма в виджете

blog-decoration13

2. В разделе «Фон формы» загрузите изображение (по ширине изображение не должно превышать 350px) и укажите отступ сверху, чтобы отрегулировать расположение заголовка

blog-decoration14

Не забудьте сохранить настройки.

Вот такие формы можно сделать.

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

Для этого в «Настройках шаблона» — «Форма в виджете» в разделе «Изображение для формы», загрузите изображение не больше 300px в ширину.

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

4. Фон в статье

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

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

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

statii

Если нужно уменьшить, обрезать или повернуть изображение, вы можете воспользоваться встроенным редактором WordPress. (Подробные уроки по редактору изображений WordPress и многое другое есть в курсе «Базовое руководство по управлению и ведению блога на WordPress«)

Вот такие варианты могут получиться.

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

А еще можно разместить уголок в левом нижнем углу статьи. Попробуйте :). Там тоже будет смотреться неплохо.

5. Фон на входной странице

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

Вот небольшой пример, как вы можете это использовать.

  1. зайдите в админку в раздел «Входная страница»
  2. Откройте уровень, который хотите украсить
  3. В поле «Фон уровня» загрузите изображение. Я использую изображение, которое можно повторить по горизонтали.
  4. В настройках фона укажите «Повторять по горизонтали», «Сверху слева»

vhodnaya-new-year

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

Чтобы контент сдвинуть немного ниже, сделайте следующее:

  1. В настройках этого же уровня спуститесь ниже в поставьте галочку «Отображать произвольный текст уровня»
  2. Переключитесь в режим «Текст»
  3. Вставьте в самом начале несколько тегов <br>. В моем случае понадобилось 4 br чтобы контент отобразился ниже фона.

vhodnaya-new-year1

Вот так будет выглядеть наш вариант. Согласитесь неплохо для 15 минут работы :).

vhodnaya-new-year3

 

На каждом уровне, а их 6, вы можете задать свой фон.

Подробнее о том, как использовать плагин «Входная страница», вы можете посмотреть видеообзор здесь: Как создать презентационную главную страницу на блоге с помощью плагина «Входная страница»

Конечно это не все возможности шаблона поменять внешний вид. Вы можете поэксперементировать с фоном статьи  и виджетов. Также вы можете украсить кнопки «Поделиться» в конце статьи и блок с формой подписки в конце статьи. Главное не переусердствуйте :). Выберите что-то одно, максимум 2. Главное, чтобы это сочеталось с вашим дизайном, и украшало ваш блог.

А также вы можете поработать с фотошоп и украсить логотип вашего блога. Например вот так.

logo-anfisa

Или поработать с формой подписки под шапкой

Если вы используете плагин WPForm (с помощью этого плагина можно легко создать блок с формой подписки под шапкой или слайдер), то в зависимости от дизайна вы можете сделать следующее

1. Установить фоновое изображение с новогодней символикой
2. Загрузить изображение подарков
3. Установить новогодний видеофон (сейчас на моем блоге, как раз установлен видеофон в форме под шапкой. Перейдите на главную страницу и вы его увидите)
4. Если вы используете слайды, то можете создать слайды с новогодней символикой и изображением подарков

wpform-christmas

Подробнее о том как работать с формой под шапкой вы можете посмотреть здесь: Как самостоятельно создать яркую форму подписки под шапкой БЕЗ редактирования кода

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

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

P.S. Если у вас еще нет блога, то самое время приобрести шаблон AB-Inspiration сейчас, поскольку осталось всего 3 дня и скидки закончатся. Сейчас шаблон можно приобрести с 60% скидкой, а плагины к нему в 40% скидкой. Ссылка на каталог  http://wpplaza.ru

5 простых способов украсить блог к Новому Году

   6 голосов
Средняя оценка: 4.3 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
26 комментариев
  1. Ура! У меня получилось! Очень даже миленько! Спасибо, Анфиса! Счастья Вам в Новом году! Удачи во всех начинаниях и в бизнесе!!! *IN LOVE*

  2. Анфиса! Спасибо Вам огромное за такие фишечки! У меня получилось!!! Возможно я многовать применила, но уж очень понравилось быть творцом. С Новым годом вас, Анфиса и Василий!

  3. Спасибо! А ведь действительно просто и понятно, когда так наглядно все объяснили. Мне казалось это сложным и не хотелось ничего менять в своем блоге: типа работает и хорошо. А теперь пойду сама украшать свое детище!

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