Настройка дизайна каталога

В заметке речь пойдет о дизайне каталогов и средствах, которые дает для настройки дизайна скрипт Бегемот.

Содержание

• Типы страниц каталогов
• Общие элементы
• Список рубрик
• Главная страница каталога
• Внутренние страницы рубрик
• Страница добавления ссылок

Типы страниц каталогов

Каталоги состоят из четырех-пяти типов страниц:

1. Главная страница каталога (main)
2. Внутренняя страница каталога (page)
3. Страница результатов поиска в каталоге (search_page)
4. Страница добавления ссылок (add_page)

а также, если подключены модули статей и описания ссылки на отдельной странице, еще двух типов:

1. Отдельная страница для описания одной ссылки (link_page)
2. Страница для статьи (news_page)

Шаблоны страниц в списке темплейтов выделены жирным.

Общие элементы всех страниц

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

• Секция заголовков страницы {preheader}
• То, что располагается на странице до содержательной части каталога (header)
• То, что размещено на страницах после содержательной части каталога (footer)

И элементы навигации по каталогу:

• Ссылка на форму добавления {link_add}
• Форма поиска {search_form}
• Список рубрик (рассмотрен в отдельной главе) {table_category}
• Новости {table_google_news}

Примеры:
Раположение общих элементов (header, footer, формы поиска) в каталогах img1, img2

***
Почему метатеги вынесены в отдельный темплейт preheader, а не объединены с header? Потому, что отдельные рубрики могут иметь уникальные метатеги. Согласитесь, логично, когда у рубрики "Авто" другие ключевые слова, чем у "Медицина". Уникальные метатеги создаются при редактировании рубрик. А так как порой нужно, чтобы метатеги содержали еще и название сайта, где расположен каталог, то в каталоге, начиная с версии 10.14, они могут содержать переменную {project_name}.
Примеры:
Фрагмент из поля "Мета" рубрики "Автомобили
<title>{project_name} - статьи про Автомобили</title>

***
Форма поиска {search_form} проста. Поле для ввода слова и кнопка. Но, если вы не сторонник стиля "без стиля" каталога DMOZ, можно посоветовать в таблице стилей прописать свойства input, select, textarea, которые определят внешний вид элементов форм. И формы поиска, и формы добавления. .
Примеры:
Обычная кнопка
Кнопка с заданным стилем. Ниже - фрагмент css, определяющий внешний вид этой кнопки:
input {display: block; float: none; text-align: center; font-size: 13px; font-weight: bold; width: auto; background: url(images/button_bg.png) repeat-x; padding: 0px 5px; line-height: 17px; margin: 2px; color: #626262; }

***
Каталогом генерируется ссылка на форму добавления {add_link}. Маленький секрет - в версии каталога, начиная с 10.14 (выход - июнь 2007 года) если на странице каталога использовать не ее, а конструкцию типа
<a href="add.php?category={page_title}">Добавить ссылку в эту рубрику</a>,
то при переходе к форме добавления в списке рубрик уже будет выбрана нужная рубрика.

***
Google дает возможность экспортировать ленту новостей по любой теме. Модуль экспорта новостей Google позволяет задать тему для каждой рубрики каталога и разместить их на странице этой рубрики. Кроме того, возможно задать главную тему каталога. Новости по этой теме будут размещаться на главной странице и на странице с формой добавления.

Список рубрик {table_category}

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

***
Число колонок в списке рубрик может быть различно. Обычно используют список в одну, две или три колонки. Количество колонок-столбцов определяется в темплейте {n_td_category}
Примеры:
Оглавление в одну колонку
В две колонки
В три колонки

***
Список рубрик отражает дочерние для данной рубрики подрубрики и, следовательно, отличается в каждой рубрике. Если Вы хотите, чтобы везде отражался один и тот же список, самый главный, общий, то используйте везде table_category_main, а не table_category
Примеры:
Оглавление на главной странице каталога
Внутреннее оглавление одной из рубрик каталога

***
Список рубрик отражает не только подрубрики текущей рубрики, но и подрубрики подрубрик. Используйте для этого темплейт {table_category_listchild}. Количество отображаемых подрубрик задается в настройках, переменная maxchild. Задайте maxchild очень большим, если Вы хотите чтобы отражались все подрубрики. Если вы не хотите, чтобы отражались подрубрики подрубрик, не включайте темплейт {table_category_listchild} в {table_category_td}.
Примеры:
Отображается по две подрубрики у каждой рубрики
В главном оглавлении показываем все подрубрики рубрики

***
Иногда есть необходимость сделать более красивую рубрикацию. Разместив около каждой рубрики иллюстрацию или текст-комментарий. Для этой цели существует специальный модуль админской вставки. После его инсталляции у каждой рубрики появляется дополнительные поля, ins1 и ins2, которые можно использовать для написания комментария к рубрикам в оглавлении или для вставки дополнительных текстов на страницах.
Примеры:
Список рубрик "с картинками"
Cписок рубрик "с комментариями"

Главная страница каталога

Кроме общих элементов, есть несколько элементов, которые помогут "обустроить" главную страницу каталога.
Это карта сайта {map } и таблица последних добавленных в каталог ссылок {table_new_link}.
Таблица {table_new_link} включает несколько "свежедобавленных" ссылок. Число их задается в настройках каталога, по умолчанию - три. Переменные для описания ссылок возможно использовать те же, что и в основной таблице ссылок - см Основная рабочая страница каталога.
Примеры:
В правой колонке на иллюстрации расположена карта сайта
Под списком рубрик - новинки каталога.

Основная рабочая страница каталога

В начале основной рабочей страницы каталога удобно расположить строку навигации {list_navi}. В ней перечисляются все родительские рубрики данной подрубрики.

Основная страница содержит главное в каталоге - таблицу ссылок {table_page_link}. Для каждой ссылки доступны следующие элементы:

• {link_title} - заголовок ссылки
• {link_url} - адрес ссылки
• {link_backurl} - адрес страницы с обратной ссылкой
• {link_description} - описание
• {link_button} - баннер
• {link_mail} - e-mail партнера
• {link_adddate} - дата добавления ссылки
• {link_person} - имя того, кто доавил ссылку

Если в каталоге есть модуль генерации отдельной страницы для каждой ссылки, то тогда доступна переменная {link_detail_page} - линк на отдельную страницу для данной ссылки.

Первые страницы рубрик могут включать сайты подрубрик. Сделано это как в Яндекс-каталоге - перечисляются все подрубрики и показывается по три последних добавленных сайта. Темплейт с помощью которого можно включить анонсы рубрик - {table_child}

Если вы приобрели модуль статей, то на страницы каталога возможно включать анонсы статей {table_news_page}. Анонсы включаются случайные, но выбор их идет только среди тематических для данной рубрики статей.

Примеры:
На скриншоте, в верхней части, расположена строка навигации {list_navi} (Каталог-искусство и культура-Музыка). Код описания одной ссылки каталога на скриншоте выглядит следующим образом:
<tr><td colspan=3 > <a href={link_url}>{link_title}</a></td></tr> (строка с заголовком ссылки)
<tr><td valign="top">{link_button}</td><td width=10> </td> (баннер, если есть - в отдельной колонке)
<td valign="top"> {link_description}<br> (описание ссылки)
<font size=-1 color=#aaaaaa>{link_adddate}</font><br><br><br></td> (дата добавления, с новой строки)
</tr>
Каталог статей. Таблица сслылок содержит только название ресурса, которое является ссылкой на страницу с полным описанием сайта. Все подробности о сайте расположены на этой, отдельной странице. Код описания одной ссылки выглядит так:
<li><a href="{link_detail_page}">{link_title}</a> <font size=-1 color=#aaaaaa>{link_adddate}</font>
<br><br>
</li>
Отражение ссылок из подрубрики в родительской рубрике. В рубрике, перед ее основными файлами, идет по три файла из каждой дочерней подрубрики. Темплейты настроены так:

• {page} включает {table_child}
• {table_child} : <b>Сайты подрубрик</b> <br><br>{table_child_tr}<br><br>
• {table_child_tr} : <b><a href="{table_child_tr_url}">{table_child_tr_title}</a></b> {table_child_tr_nlink}
  <table>{table_child_td}</table><br>
• {table_child_td} : <tr><td><a href="{link_url}">{link_title}</a>. {link_description}<br></td></tr>

Страница добавления ссылки в каталог

Страница добавления ссылок определяется шаблоном {add_page}. Собственно форма добавления называется {form_add}.
По умолчанию этот шаблон содержит достаточно большой текст. Обратите внимание: существующие элементы формы нельзя удалять и нельзя переименовывать. Иначе произойдет сбой программы - она не поймет какую ссылку в нее пытаются добавить и с какими полями. Если вам не нужен какой-либо элемент формы – сделайте его невидимым, используя атрибут hidden, и присвойте какое-либо значение ему по умолчанию, но не удаляйте совсем. Менять размеры элементов, задавать значения по умолчанию, менять текст комментариев - можно!
Бегемот позволяет включить в форму добавления капчу (форма с буквенно-цифровым кодом), она применяется для отсечения автодобавления в ваш каталог. Капча включается в разделе "Настройки" скрипта.

"Наша ссылка" включается с помощью шаблона {table_button}. Ссылка генерируется случайным образом по предварительно заданному закону. Для информации о том, как будет выглядеть ссылка и что нужно размещать есть два параметра: {button_kode} и {button_view}.

Примеры:
Форма для ввода ссылки партнерами. Особенности данной формы: {table_button} содержит только {button_code}. Поля формы расположены не на стандартных местах. Добавлена капча.