Сравнительно недавно, а именно 15 января 2009 года, произошло обновление блогового движка от Вадима Ласто. (Сказал сравнительно недавно, а сам подумал: Ё-маё - совсем и не недавно.)

Теперь он стал называться: SerpSitting. Что в переводе с помощью Прагмы приблизительно означает Сидящий в Серпе.

Я его использую на этом сайте.

В новой версии почти весь html вынесен в отдельные файлы, где его можно править, придавая блогу вид по своему усмотрению. Файл стилей стал более структурированным. Стилевые правила сгруппированы и в коментах указано за что отвечают те или иные группы. Теперь без труда можно найти какие стили отвечают за трехколоночную верстку, а какие за вывод меню, что можно изменять, а что не рекомендуется.

Кроме того появились плагинчики: html-редактор для правки постов, рейтинг популярности постов - табличная и флешевая версия и флешевый уголочек-замануха для рекламы.

Напомню что этот движок позиционируется как блог, любимый поисковиками. В магазине он так и обозначен.
Движок быстрый, не требует базы данных MySQL, занимает совсем немного места на диске, всего каких-то 307 КБ вместе с графикой. Что может оказаться весьма немаловажным фактором при выборе тарифного плана на хостинге. Тем не менее он достаточно функционален.

Любимость его искалками, по моему разумению, достигается тем, что все его страницы выглядят статичными для поисковиков, т.е. адреса страниц в браузере оканчиваются на html.

А также обозначенное выше свойство достигается специальной CSS-версткой. С точки зрения html-кода, контент страницы располагается в самом верху. Т.е. когда поисковый бот шерстит страницу он сразу натыкается на контент. Вы сейчас видите верхнее горизонтальное меню, и вам может показаться, что оно и в коде должно находиться где-то в начале страницы. Но на самом деле оно находится где-то в конце поста. Даже ниже чем левая и правая колонки.

Если бы верстка была табличной, то тогда поисковику пришлось бы сначала сканировать бесконечные ячейки со ссылками на разделы сайта, а до контента он мог бы и не дойти.

Буквально на днях я закончил работу над дизайном сайта http://playminigame.ru (в данный момент сайт недоступен) . Сейчас он стоит как раз на этом движке. До этого он стоял на nano-CMS. В процессе изменения дизайна Ласто-блога, который идет по умолчанию, я столкнулся с некоторыми нюансами, которые и назвал в теме этого поста фишками. Этим фишкам и посвящен этот пост.

1. Тема постов и дата.
После добавления поста по умолчанию отображается дата поста, а потом тема поста. Это можно поменять в файле post.php, который находится в /data/tpl/default/. Также нужно внести правки в index.php, который находится в папке php_pages.

2. Анонс статьи.
После добавления статьи в блог на главной появляется анонс этой статьи. Т.е. часть самой статьи. Длина этой части регулируется выставлением соответствующего параметра в index.php, который находится в папке php_pages.

Иногда бывают случаи, когда в начале статьи присутствует текст, который не хочется выносить в анонс. Это может быть эпиграф. В случае с блогом Вадима Ласто - это хайки, которыми он предваряет все свои посты.

Для того, чтобы этот эпиграф (или другой текст) не попал в анонс, нужно обернуть его в пару тегов div.

Теперь наоборот. Если мы хотим чтобы в анонсе был предваряющий текст статьи, т.е. например краткое описание статьи, а в самой статье этого текста не было, этот анонс нужно включить в саму статью. Чтобы этот анонс не отображался в самой статье, абзацу назначаем стилевое правило со свойством: display:none; (Надеюсь понятно написал. Читайте внимательно и попробуйте сделать.)

3. Картинка в анонсе поста.

В анонс поста можно вставить картинку. Для этого нужно вставить тег картинки в начало самого поста:
<img src="http://site.ru/i/p/xxx.jpg" alt="..." width="..." height="..." border="..." hspace="..." vspace="...">
Ссылка на рисунок должна быть абсолютной. Если в анонсе не появилась картинка, попробуйте убрать кавычки у значения атрибута src.

Используя предыдущий совет можем в анонсе использовать одну картинку, а в сам пост вставить другую. При этом первая картинка в посте тоже присутствует, но не отображается.

4. Рейтинг популярных постов.
К блогу идет плагин - рейтинг популярных постов, табличная и флешевая версия. Для того, чтобы подключить плагин, нужно вставить файл плагина (который представляет собой простой php-файл) в папку php_pages. После этого в файл дизайна вставляем в конец такую строчку:
include_once ("./data/php_pages/plugin_popular_table.php");
Ее нужно вставлять перед знаками ?>

После этого в html-код дизайна в том же файле design.php вставляем комментарий <!-- popular -->.

Таким образом можно на сайт вставить только либо табличную версию рейтинга, либо флешевую. Для того, чтобы вставить сразу обе версии в файле табличной версии плагина находим <!-- popular --> и изменяем к примеру на <!-- popular1 -->. После этого в шаблон дизайна вставляем и <!-- popular -->, и <!-- popular1 -->. Пример отображения обоих рейтингов смотрите на http://playminigame.ru/.

Меняем цвет флешевого рейтинга.
Для того, чтобы поменять цвет списка популярных постов нужно найти закомментированную строчку - # Цвет тегов. Там в кавычках вы увидите такое - "0x3333aa". То что отмечено курсивом можно менять на свой цвет.

Убираем количество переходов у табличной версии.
В процессе работы над сайтом http://playminigame.ru/ я захотел, чтобы у меня на сайте выводился рейтинг популярности постов в виде списка, но без цифры, указывающей количество переходов.

Я обратился с вопросом к автору блога, Вадиму Ласто, в ответ он выслал мне новый код табличной версии рейтинга.

<?php /* Выше этой строки в файле ничего не должно быть */

# Плагинчик табличного облака популярных постов.

$list_here="./tmp/popular.txt";
$popular=(
file_exists($list_here)
and in_array($action,array("index","contents","post","comment","search","obomne")) # Вывод листинга популярных постов только на определенном типе страниц.
and $_s['max_popular'] > 0)
? "<ul class=\"nav\"><li class=\"nolinkred\">Самое популярное</li></ul>".file_get_contents($list_here):"";

# Этот оператор ничего не делает, но благодаря ему Вы можете
# заключать элементы \\1 \\3 в какие-нибудь теги, убирать \\1
# или переставлять \\1 в другое место, например, после ссылки.
# Экспериментируйте.
$popular=preg_replace('/<li>(\d{1,}) <a href=([^>]+)>(.+)<\/a><\/li>/i','<li>\\1 <a href=\\2>\\3</a></li>',$popular);

if ($popular!="") $content=str_replace(
array(
"<!-- popular1 -->",
),
array(
$popular,
),
$content);

/* Ниже этой строки в файле ничего не должно быть. */ ?>

Как видите табличная версия на самом деле никакая не табличная, а оформлена в виде списка. Параметр \\1 отвечает за вывод количества переходов. Таким образом, можно поместить его в конец пункта списка, например в скобки, или вообще убрать.

На этом пока все. Если что вспомню - добавлю. Поэтому заглядывайте еще.