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

  Автор:
  27 комментариев
  9941

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

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

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

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

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), настройки будут немного отличаться.

Примерные запросы для поиска гирлянды в Google или Yandex картинки: «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. Форма подписки в боковой колонке

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

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

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

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

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

 

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
5 простых способов украсить блог к Новому Году

   7 голосов
Средняя оценка: 4.4 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

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

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
27 комментариев
  1. Благодарю! Анфиса как приятно с вами сотрудничать, каждая ваша рекомендация радует! С наступающим новым годом!

  2. Классно) применил у себя на блоге третью рекомендацию, только в некоторых статьях длинный заголовок и наезжает на веточку, как-нибудь можно исправить? Или лучше смириться?)

    • Придется смириться :). Но можно попробовать уменьшить картинку. Или выбрать такую, чтобы средняя часть была меньше (как бы вогнутый уголок). Или попробуйте увеличить шрифт заголовка. Тогда будет вмещаться меньше слов в строчку и возможно освободиться место слева.

  3. Во чудеса! Только подумаешь, а Анфиса уже придумала!
    Спасибо огромное! ;) Будьте счастливы и успешны! *IN LOVE*

  4. Анфиса и Василий! С наступающим Новым ВАС Годом! Вы для меня, как Снегурочка и Дед Мороз! Волшебники, труженики, все делаете с Любовью к людям. Пусть новый 2016 год щедро одарит и вас хорошими людьми, приятными знакомствами, общением, радостью взаимного обмена полезностями. Здоровья Вам, молодости и такового же активного долголетия на долгие, долгие годы!

  5. Виктор Мищенко

    Анфиса, Василий, спасибо за идею, супер!!! Все понятно и пошагово!

  6. То, что можно поменять фон и поставить картинки в боковой колонке в форме подписки — я додумалась сама. Но что можно украсить статью и входную страницу, да еще так легко — не догадалась. Прямо сразу блог преобразился, так красиво заблестел! Обожаю всякие новшества. С Новым годом всех! Пусть наши блоги будут самые красивые! Спасибо, Анфиса, за такую возможность!

    • Спасибо, Ирина за пожелания :). Здорово у вас получилось, особенно гирлянда на главной с блестками :)

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

  7. Светлана Овчеренко

    Спасибо большое, Анфиса, за идеи! Мне особенно понравилось украсить фон статьи. *DANCE*
    С наступающим Новым годом! *ROSE* Счастья, радости, благополучия, исполнения заветных желаний!

    • Светлана, спасибо большое за пожелания :). Как классно у вас получилось. С юмором. Особенно обезьянка понравилась. Как здорово вписалась :)

  8. Нина Павлиан

    Обязательно на Гугле искать? А в Яндексе можно? И еще вопрос — я сделала рекламный баннер для себя, но размер его больше, чем боковая колонка. Как поставить его под шапку? Размер меньше сделать не могу, он стандартный

    • Нина, картинки можно искать и в Яндекс. Просто мне больше нравится Гугл, поэтому про него и пишу :).
      В шапку вы можете поставить баннер 468/60 или 720/90. Просто перетащите виджет «0-AB-Виджет в шапке» в колонку «Виджет в шапке», выберите из списка «Баннер» и настройте. Инструкция есть в клубе.

  9. Спасибо, Анфиса! Воспользовался советом. Очень мило на мой взгляд получилось.

  10. Елена Передрий

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

    • Елена, там 2 видео. Одно ускоренное, где я добавляю видеофон. Это просто демонстрация. Там невозможно повторить. Просто как пример в ускоренном виде. А второе видео, это видеоинструкция, где я рассказываю о возможностях плагина. Да, конечно, необходимо останавливать и повторять то, что видите. Так проще. Иначе не запомнить что за чем и как. :)

  11. Ура! У меня получилось! Очень даже миленько! Спасибо, Анфиса! Счастья Вам в Новом году! Удачи во всех начинаниях и в бизнесе!!! *IN LOVE*

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

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

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

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

Добавить комментарий для Александр Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *