Читать дальше

Рубрика: Практика и кейсы | Время на чтение: 3 мин.

В стандартных шаблонах blogspot-а предусмотрена функция убирания части текста «под кат». И реализовать её не совсем просто. Есть несколько решений данной проблемы, например, специальная функция в «новом» редакторе Блоггера, которая отображается в панели инструментов. Но расскажу вам сегодня о самом, на мой взгляд, оптимальном способе добавить в пост кнопку «читать дальше«.

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

<!— more —>

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

Преимущества такого метода работы:
1. Вы можете прятать под кат любую часть текста и делать это, начиная с любой строчки. Это неоспоримый плюс, если сравнивать с вставкой в шаблон кода, который делает одинаковые превью для всех статей блога.
2. Вставка автоматического инструмента от Blogger-а зачастую приводит к тому, что из-за нестандартных размеров, колонки вашего блога съезжают вниз. Это конечно поправимо, но зачем из-за такой ерунды лезть в html-редактор?

Как заменить саму надпись «Читать дальше» на что-нибудь другое?
В стандартных настройках Блоггера стоит просто слово «Далее«. Вы можете вместо него поставить всё, что захотите. Для этого заходим в панель управления блога и переходим на вкладку «Дизайн«. В самом центре находим прямоугольную часть с заголовком «Сообщения блога«. В самом низу этого прямоугольника есть ссылка «Изменить» — нажимаем на неё. В появившемся окошке под заголовком «Параметры основной страницы» находим строчку «Текст ссылки на Страницу сообщения«. И видим справа от неё искомую надпись «Далее«, которую собственно и меняем на «Читать дальше» или «more«, или… в общем, на всё, что хотите. Не забудьте сохранить!

Что делать, если надпись «читать дальше» всё-равно не появилась?
Скорее всего, это значит, что у вас далеко не стандартный шаблон. Но не стоит печалиться, всё поправимо. Как обычно в подобных случаях идём в панель управления на вкладку «Дизайн» и далее — «Изменить HTML«. Ставим галочку напротив надписи «Расширить шаблоны виджета» и приступаем к поиску строчки:

<div class=’post-body entry-content’>

Нашли? Теперь медленно прокручиваем страницу вниз в поисках закрывающегося тега </div>. За ним вставляем следующую часть кода:

<b:if cond=’data:post.hasJumpLink’> <div class=’jump-link’> <a expr:href=’data:post.url + "#more"’><data:post.jumpText/></a> </div> </b:if>

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