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