Если вы ведёте блог на WordPress, то должны хорошо знать тег <!--more-->, разделяющий запись на две части. Первая часть (до тега) выводится на первой странице, и заканчивается ссылкой "читать далее". Запись целиком можно прочитать перейдя по ссылке. Оказывается эту возможность можно реализовать и на платформе blogger.
Заходим в панель управления блогом Макет - Изменить HTML:
В окне "Изменить шаблон" находим тег </head>. Удобно это сделать через меню браузера: Правка - Найти на странице:
Посмотрите, перед тегом </head> должен быть тег ]]></b:skin>
Между ними нужно вставить код:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Вот так:
Сохраняем шаблон.
Ставим галочку - "Расширить шаблоны виджета".
Находим код тег (код) <data:post.body/>. Удобно опять воспользоваться поиском по странице. После этого тега добавляем
<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><span style="font-size:120%;">
<a expr:href='data:post.url' target='_blank'>Читать далее >></a></span></span>
</b:if>
Сохраняем шаблон.
Последний код определяет внешний вид выводимой на главной странице записи вместо тега <!--more-->. Сейчас будет показана запись "Читать далее >>" жирным шрифтом (font-weight:bold) немного больше основного текста (font-size:120%). Изменяя код - изменяем внешний вид.
Всё. Проверим как работает.
Создадим новую запись.
1. Набираем часть статьи, которая должна быть на главной странице.
2. Текст который должен выводиться на отдельной странице пишем внутри тега <span class="fullpost"></span>
3. Сохраняем и проверяем.
Процесс вставки кода <span class="fullpost"></span> можно немного автоматизировать. Для этого нужно изменить шаблон сообщения. Переходим в раздел Настройки - Форматирование.
В поле Шаблон сообщения вводим нужный нам код.
Сохраняем. Теперь этот код автоматически вставляется в каждое новое сообщение. Остаётся только правильно расположить текст.
25 марта 2010 г.
