Создание расширяемых кратких сообщений в блоге Blogger
Tuesday, 18 Sep 07 в 17:22
Поскольку я любитель постить далеко не миниатюрные сообщения в блог, то за последние пару дней на одной странице собралось достаточно большое количество информации с фотографиями и видео. Страница грузится достаточно долго, а это еще не все сообщения. Вроде бы, Blogger позволяет установить количество выводимых на страницу постов, но я решил прибегнуть к другому решению. А именно – создается краткое описание нужного вам длинного сообщения, в конце которого ставится ссылка что-то на подобии «Читать далее». Кликая на нее, пользователю будет доступна полная версия той или иной записи в блоге.
Информацию о данном «преобразовании» я нашел в информационном центре Blogger`а.
Как я понял, существует 2 метода решения данной проблемы, имеющие свои преимущества и недостатки. Первый метод позволяет отображать краткое описание со ссылкой «Читать далее», о чем уже говорилось выше. Во втором же отображаются только заголовки, кликая по которым пользователь может открывать то или иное сообщение (а также скрывать его еще одним кликом). К недостаткам первого метода можно отнести то, что изменения приходится делать отдельно в каждом сообщении, а также то, что ссылка «Читать далее» зашита в шаблоне и отображается в любом случае, даже если вы не хотите ее добавлять в сообщение. Ребята из Blogger`а предлагают на решением второго недостатка самостоятельно:) Ну что же, будет время – обязательно! Недостатком способа отображения №2 является отсутствие краткого описания и возможности выбирать в какое сообщение добавлять «расширения поста».
Учтя все эти нюансы, я выбрал первый метод. Теперь разберемся с установкой. Предварительно рекомендуется сохранить текст шаблона в какой-то текстовый файл на локальном компьютере, чтобы была возможность его восстановить.
Кроме того, требуется в пункте настроек «Архивирование» поставить значение «Да» в поле «Включить страницы сообщений». Далее выполняем три шага:
Шаг1. Условные CSS
Я рассматриваю вариант решения только «для макетов», по поводу классических шаблонов можно посмотреть в том же руководстве от Blogger`а. Требуется добавить в таблицу стилей немного кода.
Для этого находим в шаблоне место, где заканчивается блок заголовка – и добавляем перед этим тэгом следующие строки:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>В данном куске кода мы определили класс “fullpost” для корректной работы.
Шаг2. Ссылки «Читать далее»
Сначала поставил галочку «Расширить шаблоны виджета» над блоком с кодом шаблона слева. После этого находим строку и после нее добавляем следующий код:
<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'>Читать далее</a> </b:if>
(опять же решение для классических шаблонов ищите в руководстве).
Данная настройка сделает так, что ссылка «Читать далее» будет отображаться только на главной странице и на страницах архива и будет переадресовывать читателя на страницу сообщения, содержащую его полный текст.
Шаг3. Изменение сообщений
Теперь в каждое сообщение, которое вы хотите изменить, нужно добавить небольшой фрагмент кода:
<span class="fullpost"></span>
Чтобы не добавлять это каждый раз можно добавить этот код в шаблон сообщения (меню «Настройки» – «Форматирование» в самом низу страницы). Итак, чтобы данная функция работала мы должны создавать сообщения по типу:
Это начало сообщения. <span class="fullpost">А это - все остальное.</span>
Краткое описание должно быть за пределами тегов span, а остальной текст – между этими тегами.
Кстати, реализацию второго метода расширяемых сообщений для Blogger`а можно посмотреть здесь.
Подписаться на RSS блога можно здесь.



