388x60 Ads

Эксперименты над стандартным шаблоном


Создавая блог на платформе Blogger новички обычно выбирают один из встроенных шаблонов (тем). Первое впечатление как всегда обманчиво. Вскоре счастливые обладатели стандартных шаблонов начинают замечать, что что то не вписывается в их понимание дизайна блога, шаблон такой же как у многих и т.п.

Первое, что обычно стараются убрать из шаблона владельцы таких блогов так это "Подписаться на: Сообщения (Atom)" и "Технологии Blogger".

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

Что можно посоветовать новичку, который не особо разбирается с XML, HTML, CSS?

Все конечно зависит от фантазии и вкуса, но попробуем вам предложить пару идей.

В большинстве блогов на главной странице отображается обычно более, чем одно сообщение блога. Почему бы вам не минимизировать количество сообщений блога на главной? Переходим во вкладку Дизайн - Настройки - Форматирование - Показать не более. Устанавливаем в поле "Показать не более" значение единица. Сверху над сообщениями блога можно установить какой -нибудь слайдер с меню (навигацией). А ведь можно и вовсе не показывать сообщения блога на главной. Проделываем тоже самое, только устанавливаем в поле "Показать не более" значение ноль.

При этом, на место сообщений блога можно установить любой понравившийся вам гаджет (виджет), например "Популярные сообщения".

Что у нас получилось, можно увидеть на картинке внизу.

Меняем дизайн стандартного шаблона
 Сразу бросаются в глаза блоки "Подписаться на: Сообщения (Atom)", "Главная страница", "Сообщения отсутствуют"и "Технологии Blogger". Попробуем "вылечить" наш шаблон и скроем эти сообщения.

Выбираем Дизайн -Изменить HTML (расширить шаблона виджета) и при помощи комбинации горячих клавиш CTRL-F находим код:
]]></b:skin>
и перед ним будем вставлять нужные коды CSS:
.status-msg-wrap{
display:none;
} /* Скрываем надпись Сообщения отсутствуют */

.blog-pager{
display:none;
} /* Скрываем надпись Главная страница */

.blog-feeds{
display:none;
}/* Скрываем надпись Подписаться на сообщения Atom */

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

Нужно так же еще подумать какие гаджеты (виджеты) вам нужны на главной и нужны ли они вам вообще.

Например, если вы используете меню с субменю, то использование гаджетов "Ярлыки" и "Архив" не обязательно.

Подумайте так же вот над чем. Возможно есть смысл запретить показ виджетов на главной.

В большинстве своем виджеты в вашем шаблоне имеют такую структуру:
<b:widget [id, название и тип виджета] /> <b:includable id='main'> [Тут собственно содержимое виджета] </b:includable> </b:widget>

Структура виджета понятна. Теперь перед содержанием виджета вставляем строку:
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Выглядит это так:
<b:widget [id, название и тип виджета] /> <b:includable id='main'> <b:if cond='data:blog.url != data:blog.homepageUrl'> [Тут собственно содержимое виджета] </b:includable> </b:widget>
При этом, учитывайте то, что если вы оставите гаджет "Популярные сообщения" на главной, а гаджет "Архив" запретите к показу на главной, то информация в гаджете "Популярные сообщения" может не обновляться.



Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


17 коммент.:

Ольга Корчёмкина комментирует... [Ответить]

Спасибо большое! Идея мне понравилась. Сразу применила частично на своем блоге! Давно хотела что-то изменить, а что не могла придумать:)

БЛОGГЕР комментирует... [Ответить]

@Ольга Корчёмкина

Недавно видел шаблон для блога. В нем главная страница представляет собой слайдер с меню и больше никаких виджетов и гаджетов.

Kafka-chan комментирует... [Ответить]

Спасибо, давно хотела убрать надпись Подписаться на сообщения Atom

Mishechka комментирует... [Ответить]

Здравствуйте!
Я бы хотел чтобы на странице "Главная" сообщения не показывались, а вместо них хотел бы вставить какую-нибудь красивую картинку с текстом приветствия, описанием блога, или что-то в этом роде. В настройках я указал зачение "0" и сообщения не показываются, но как вставить картинку и текст не знаю.
Подскажите пожалуйста, если не трудно.
Спасибо.

БЛОGГЕР комментирует... [Ответить]

@Mishechka
Если вам самостоятельно сложно создать код контейнера с картинкой, тогда, создайте сообщение (но не публикуйте его).
Вставьте в сообщение нужную картинку.
При помощи редактора установите ее размеры и размещение.
Перейдите в закладку HTML и скопируйте код контейнера с картинкой.

Перейдите в Дизайн - Добавить гаджет - HTML/JavaScript и вставьте скопированный код.

Сам гаджет с помощь мышки перетащите на верх блока Сообщения блога.

БЛОGГЕР комментирует... [Ответить]

@Mishechka

Ваш комментарий: "Сделал всё как Вы сказали, всё получилось, но есть проблемы:
1. Картинка почему-то на другом фоне, а не на таком же, как все сообщения.
2. Эта картинка теперь стоит на всех страницах, а не только на Главной."

Для того, что бы картинка не отражалась на других страницах, управляйте показом гаджетов.
Почитать можно тут blogger. com. md/tutorials/156-widget-display.html (при вставке уберите пробелы в домене ссылки)

Mishechka комментирует... [Ответить]

Прочитал и сделал, картинка отображается только на Главной странице, а на всех остальных отображается какая-то полоса из того же фона, который был под картинкой. И почему этот фон другого цвета?

БЛОGГЕР комментирует... [Ответить]

@Mishechka

За эту полоску отвечает div box-body.sheet-body

Попробуйте в css добавить правило #box-body.sheet-body{display:none}

Mishechka комментирует... [Ответить]

Как это сделать?

БЛОGГЕР комментирует... [Ответить]

Шаблон - Изменить HTML (расширить виджет).

При помощи горячих клавиш CTRL-F найдите слово Skin. Повторите поиск и найдете закрывающийся тег. Вот перед ним и вставляйте.

Mishechka комментирует... [Ответить]

Не помогло, полоса осталась...

Mishechka комментирует... [Ответить]

Я сделал несколько проще:

1. Создал обычное сообщение с картинкой и опубликовал.
2. Изменил дату публикации на 2015 год.
3. В настройках указал показывать на главной не более 1 сообщения.

Всё работает. Спасибо Вам за помощь.

У меня есть ещё такой вопрос:

При нажатии на кнопку "Подробнее" под анонсом сообщения, я перехожу к полному тексту сообщения, но к той его части, где был указан разрыв страницы. Это выглядит не очень красиво. Можно как-то изменить код, чтобы после нажатия на кнопку "Подробнее" повлялось сообщение полностью, а не продолжение?

Спасибо.

Дима Кудряшов комментирует... [Ответить]

Спасибо :-) Хотел убрать Сообщения отсутствуют, получилось :-)

dosug комментирует... [Ответить]

Спасибо, все убрал.
Также убрал технологии Blogger - удалил
Нужно найти

и после него удалить в се, что заключено
или заключить в

Саша Дикий комментирует... [Ответить]

Спасибо большое! Убрал сообщения на главной странице, так было написано "Сообщения отсутствуют", благодаря вам теперь решил эту проблему =)

Инь Янь комментирует... [Ответить]

Спасиб!!!

Павел Федоренко комментирует... [Ответить]

Весь нэт перерыл и тут нашёл решение ! Спасибо и респект автору !!!

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