
На каждой странице поста блога Blogger с темой Emporio есть размытый фон. Эта подложка разная на каждой странице и образуется из первого изображения публикации.
Он является своеобразной визитной карточкой этой темы, но не всегда такой фон устраивает блогера.
Вот как это выглядит:
Из этой статьи вы узнаете, как убрать такой фон. Дополнительным положительным эффектом будет то, что одновременно подтянется вверх сайдбар и встанет вровень с основным контентом сообщения. Результат:
Удалить размытое изображение из темы Emporio можно двумя свособами. Первый способ предполагает удаление участка кода, отвественного за вывод фона, а второй способ – это скрытие размытого изображения посредством добавления кода CSS.
1 способ.
В резделе “Тема” админ панели Blogger выполните поиск по коду шаблона (Ctrl + F), ищите отрезок кода data:widgets.Blog.first.posts.first.featuredImage
Именно по этой части кода мы найдем целый блок кода, который нам нужно удалить:
<b:if cond='data:view.isSingleItem'>
<b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
<b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: ".bg-photo" }' name='responsiveImageStyle'/>
<div class='bg-photo-container'>
<div class='bg-photo'/>
</div></b:if></b:if>
Сохраните изменения.
2 способ.
В редакторе кода темы блога найдите отрезок кода ]]> </b:skin>
Вставьте перед ним следующий CSS-код:
<style type='text/css'>
.bg-photo {display:none !important;}
</style>
Сохраните изменения.
Из двух этих способов мне больше нравится первый, так как мы удаляем ненужный нам код, а чем меньше лишенего кода, тем выше скорость загрузки веб-страницы.
Спасибо за ценно-полезную инфу! Наверное и страницы теперь грузиться будут скорее.