Адаптивный шаблон 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. Пишите в комментариях адреса своих блогов на основе этого адаптивного шаблона. Любопытно посмотреть 😉

14 комментариев:

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
  2. День добрый! У меня блог Emporio и возник вопрос, как в сообщениях вставить панель кнопок? "на главную,"контакты" и другие, верхняя часть в сообщениях пустая,а хотелось бы чтобы там отображалась панель кнопок как на главной странице. Вот мой бложок,помогите пожалуйста с проблеммой. https://novoenaplanete.blogspot.com

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. К сожалению, в этом шаблоне это не предусмотрено. Можно добавить еще один гаджет "Страницы", но список страниц отображается как вертикальный список ссылок. И запретить показ этого гаджета на Главной странице http://samasajt.blogspot.com/2013/04/gadzhety-na-opredelennyh-stranicah.html
      Правда, над сообщениями Списка страниц нет. Для этого нужно глобально изучать шаблон.

      Удалить
  3. а сбоку он будет в сообщениях? ну гаджет со страницами

    ОтветитьУдалить
    Ответы
    1. На боковой колонке справа Вы можете добавить гаджет "Страницы", также, как и все другие гаджеты.

      Удалить
  4. Здравствуйте,сегодня случайно нашла Ваш блог и зависла на целый вечер,все так подробно и интересно описано,спасибо за науку.С удовольствием подписалась. Вчера меняла себе дизайн,вначале все шло хорошо взяла тему Корпорация "Чудеса" подстроила под себя,а потом она сломалась сайдбар весь оказался в низу,а нижний колонтитул между сообщением и списком страниц,это только на главной странице,когда переходишь на пост сайтбар на месте с правой стороны. Я уже и простые темы брала и Венецианское окно вся та же история.Попробовала шаблон Emporio,вот что у меня получилось https://kzp1962.blogspot.com/ ,мне будет интересно Ваше мнение.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте,Зоя. У Вас получился очень стильный блог, как и Ваши замечательные работы :) Завидую белой завистью людям, которые умеют работать с графикой :)

      Удалить
    2. Спасибо,Мария,что зашли в гости,спасибо за подписку.Мне очень приятна Ваша оценка.

      Удалить
  5. Шаблон классный а как в нем помекнять стандартные косые блоггеровские заголовки и мета H1 h2 h3 в стаьях. И сделать этот хлам seo-правильным? :) Вы не в курсе? Пошагово?

    ОтветитьУдалить
  6. Этот комментарий был удален автором.

    ОтветитьУдалить
  7. Добрый день. Я так и не смогла понять, какие размеры шапки будут оптимальны. Любые размеры размываются, картинки и текст нечеткие. Есть ли у вас размеры для шапки этого шаблона?

    ОтветитьУдалить
  8. Анонимный23.04.2019, 21:27

    В этом шаблоне шапки любых размеров и качества размываются, картинки и текст нечеткие. По-видимому, шаблон недоработан )

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

    ОтветитьУдалить
  10. Emporio ужасно отображает картинки. Постоянно по разному из показывает. В зависимости от того какое расширение в браузере по разному их показывает, режет безбожно. Только это раздражает.

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

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