Адаптивный шаблон Emporio для Blogger

 Об адаптивном шаблоне Soho я уже писала. Сегодня поговорим о другом, тоже представленном весной 2017 года авторами Blogger, 
адаптивном шаблоне Emporio. В этом шаблоне сайдбар расположен справа. Сообщения на главной странице расположены компактно, в "журнальном" стиле.
Напомню, что новые адаптивные шаблоны появились в админ-панели блогов на Blogger весной 2017 года. Сменить шаблон можно в пункте "Тема".

Для тестирования шаблона я выбрала тему со светло-серым фоном. И опубликовала три сообщения. Демо. (А это пример моего блога на основе этого же шаблона, который я решила развивать, поскольку тема мне очень понравилась, - Подарки из интернета).

Так выглядит главная страница шаблона Emporio.

Изображение из последнего (верхнего) сообщения показывается всегда более крупно, а остальные "сеткой".

При просмотре опубликованного сообщения встроен интересный эффект - самая первая картинка в сообщении дублируется в верхней части блога в размытом виде.

В сайдбаре справа по умолчанию встроен гаджет "популярные сообщения".

Итак, посмотрим, какие настройки доступны нам в "Конструкторе тем" (Дизайнере шаблонов) Blogger.

Попасть в конструктор можно через пункт Тема->Настроить или Дизайн->Конструктор тем.

В пункте Фон можно выбрать фон стандартным способом, нажав на треугольничек. Или удалить картинку и вручную настроить основные цвета темы.

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

Для основной части:

• цвет фона основной страницы,
• шрифт,
• цвет,
• цвет ссылок,
• цвет посещенных ссылок (Visited Link color)

А также шрифт и цвет кнопок.

В пункте Название блога настраиваем цвет заголовка, шрифт и цвет описания.

В этом же пункте есть настройки внешнего вида заголовка блога в "свернутом" состоянии. Эти настройки можно увидеть, немного уменьшив окно браузера по горизонтали. Появляется горизонтальная панель вверху блога, а на ней название.  Цвет панели также можно изменить.

В пункте Вкладки настраиваются страницы. Вернее, их отображение в гаджете "Страницы". 

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

 Итак, выбираем в Конструкторе шрифт и цвет текста вкладки, цвет выбранной вкладки и фона.

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

В пункте Сообщения настравиваем цвет фона сообщения, заголовков, подзаголовков сообщений.

С высотой строки текста в сообщениях и их фрагментах поэкспериментируйте. Не совсем поняла, как это функционирует.

Интересно, что можно закруглить границы сообщений, меняя радиус рамки сообщения (в пикселях).

В пункте Изображения меняем, если необходимо, цвет и шрифт подписи картинки.

Вид сайдбара настраивается в пункте Боковая панель. 

Не совсем поняла - почему окошко с шрифтами названо Цвет текста заполнителя. Видимо, баг такой.

Ширину боковой панели и основной части блога также можно изменить в пункте Ширина. Если ширину сообщений сделать большой, боковая панель "прячется".

Вот как может выглядеть блог на основе шаблона Emporio без фонового изображения.

И вот так, если выбрать в качестве фона одну из стандартных картинок Blogger.

Посмотрим - как вставить шапку в адаптивный шаблон Blogger. У многих это вызывает затруднения. 

Нам поможет гаджет "Заголовок". 
(Дизайн->Заголовок->Нажать на карандашик).

Выбираем и загружаем подготовленную картинку и выбираем вариант отображения:

• после названия и описания
• вместо заголовка и описания
• помещать описания под изображением

Поэкспериментируйте, потому что шапка будет отображаться по-разному в зависимости от места размещения картинки.

Кстати, в адаптивном шаблоне Emporio встроено по умолчанию 2 гаджета Adsense. Они размещены на схеме блога в пункте Дизайн ниже гаджета Сообщение. Но когда Adsense подключаешь - объявления показываются между основной частью блога и сайдбаром. 
Ниже скриншот моего блога Подарки из интернета.

P.S. Пишите в комментариях адреса своих блогов на основе этого адаптивного шаблона. Любопытно посмотреть 😉