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

06.11.2017

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

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

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

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


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


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

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

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



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


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

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

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



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


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


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


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

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



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


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


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


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


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


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


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


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


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


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


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


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


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

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

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


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

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


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

Комментариев нет:

Отправить комментарий

Загляните и на другие страницы ^