Создание и редактирование дизайна в КМС (CMS)

2007
А ну-ка, сделайте мне фото, месье Жан,
Меня заделайте, чтоб было как в Париже.
А ну-ка, сделайте мне фото, месье Жан,
Сейчас я Ваш, мон шер, и я иду поближе.
А.Розенбаум

Любой скрипт КМС должен поддерживать настройку дизайна, по традиции, это реализуется посредством шаблонов. Это требование игнорируется только служебными программами, теми, что служат для администрации и настройки ресурса. Они более утилитарны, менее эффектны. Это задний двор программы, скрытый от посторонних глаз.

Однако для комфортного посещения посетителем страничек настройка дизайна сверхобязательна. Согласимся с мнением тысячи специалистов, и попробуем стать 1001-м, как и в сказке Шахерезады. Ибо, как и всегда, в общих чертах всё понятно, и не вызывает никаких сомнений, но... дьявол прячется в мелочах.

Мнение команды разработчиков КМС Rumba (некоторые называют его блоговым движком), как всегда, стоит особняком. Ведь мы помним, что Rumba предназначена не для всех. Она для тех, кто солидарен с пропагандируемыми ей ценностями - быстротой, компактностью, гибкостью.

При чём тут дизайн? Он прямо влияет на размер загружаемых страничек и как следствие - на скорость загрузки. А как итог, получаем большой или маленький трафик, пиковую нагрузку и вопрошающее недовольство техподдержки хостера. О самом худшем даже поминать не будем.

Проведя анабазис к теме сегодняшнего разговора, подытожу: дизайн должен быть красивым, но компактным. Об его эстетической ценности я не буду распространяться: вкусов, стилей и мнений в этом мире ровно столько же, сколько и людей (за минусом не имеющих зрение). Посему перейдём к эргономике дизайна.

На страницах должно быть всего две вещи: легко читаемый контент и удобная навигация. ВСЁ! Имея эти две составляющие, вы определили будущее сайта как перспективное. Будем портить результат? Поневоле хочется сказать, что нет, но и красоты добавить тоже охота. Такова человеческая природа. Смиримся с ней, и постараемся не навредить, и даже принести некоторую пользу. Как это возможно? Заставим дизайн работать на SEO-оптимизацию.

Инструкция по эксплуатации кмс Rumba гласит (инструкции нет, но в каждой шутке...) - есть три уровня регулирования (настройки) дизайна.

1 уровень (для начинающих)

В файле config.php меняем цвет через переменную COLORSITE. Она может принимать значение red, green или blue, что соответственно устанавливает красную, зелёную или синюю цветовую гамму сайта. В зависимости от этой опции к странице динамически подключается соответствующий файл каскадных таблиц стилей. Другая интересная опция - TRSTYLE. Она определяет, двух, или трёхколоночным будет дизайн сайта. Поэкспериментируйте с этими переменными. Думаю, сравнив результаты, вы уже выбрали для себя подходящий вариант.

Чтобы лучше настроить сайт под свои нужды, вам придётся ознакомиться ещё с 4 переменными:
qq - число анонсов в списке статей
q99q - число анонсов в ленте новостей на главной странице
dlinaanonsa - длина анонса в списке статей (количество слов)
dlinaanonst - длина анонса в в ленте новостей на главной странице
По умолчанию они имеют оптимальное значение, но в зависимости от надобности позволяют значительно видоизменить дизайн сайта. Т.е. регулируя эти переменные, вы можете сделать сайт новостным ресурсом или блогом. Допустим, для информационного портала, ежедневно публикующего большое количество новостей, желательно количество выводимых анонсов увеличить, оставив величину в словах небольшой. В то время как блогу лучше сделать большие анонсы при малом их количестве на одну страницу.

Теперь глянем переменную widthdesign. Меняя значение с table на full, мы меняем дизайн с табличного на резиновый. Если табличный вам скорее всего понятен, то что такое резиновый, может быть и нет. Резиновым на жаргоне специалистов называется такой дизайн, при котором сайт заполняет всё пространство браузера, независимо от его положения и размера. Каждый вариант имеет право на жизнь и каждый востребован. Для больших статей более удобен резиновый дизайн, для новостного ресурса может быть лучше установить табличный.

Подытоживая указанные возможности считаю, что для нормальной полноценной работы сетевого ресурса их достаточно. Отредактировав файл config.php в соответствии с инструкцией по установке и вышеперечисленными рекомендациями вы можете забыть про дизайн и посвятить время его продвижению и наполнению.

2 уровень (для опытных)

Конечно, без знания и понимания HTML здесь не обойтись. Ну скажем так - почти не обойтись. Поскольку помимо настройки теперь придётся и активно поработать с кодом разных файлов. Начнём с каскадных таблиц стилей. Допустим, имеющиеся цветовые гаммы вас никоим образом не устраивают. Ваш новый сайт будет посвящён шоколаду, и посему вам нужны кофейные цвета. В каталоге CSS берёте файл red.css, и копируете сюда же, переименовывая в cofee.css в config.php заменяем значение COLORSITE на cofee. Теперь при редактировании файла cofee.css все изменения будут отражаться в дизайне.

Здесь пара пояснений: переменная navr относится к правой колонке, а navl к левой колонке (её может и не быть при двухколоночном дизайне). При необходимости ознакомьтесь с теорией создания CSS файлов на любом из сайтов, им посвящённом. Меняя шестнадцатиричные коды цветов в редактируемом файле, вы измените цветовую составляющую страничек. Переменная ramabot отвечает за цвет верхней и нижних рамок. Если у вас получилась хорошая палитра, вы можете прислать css-файл мне, и я добавлю его в дистрибутив.

Следующая важная составляющая второго уровня - редактирование шаблона, т.е. файла design2.php или design3.php (в зависимости от того, двух- или трёхколоночный дизайн вы взяли за основу. По сути дела, это обыкновенный HTML-файл, только кавычки заменены на обратный слэш с кавычками. Вы можете (и я рекомендую), для начала не создавать свой файл, а вносить изменения в уже существующий. Так вы сможете избежать многих ошибок.

Теперь перечислю все переменные, которые необходимо размещать в шаблоне. Согласно
правилам языка РНР все переменные начинаются со знака доллара. При этом все они
пишутся маленькими буквами. Расположение переменных в шаблоне указано на
рисунке. Будьте очень внимательны!

Итак - список переменных: topfiksdiz, searchmenu, zaprosmenu, telo,komm, paga, categorymenu, glossarymenu, titel, godik, botfiksdiz. Обращаю ваше внимание на то, что служебное основное меню даёт ссылки в стандартном для HTML виде на страницы Главная, Все статьи, Гостевая книга, Карта сайта, Контакт, Форум, Ссылки. Это сделано для большей гибкости - навигация основного меню в зависимости от дизайна располагается на странице весьма замысловато. Располагайте каждую из строк, отвечающую за соответствующее меню по своему разумению.

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

3 уровень (для специалистов)

Можно не знать программирование, в том числе и на языке РНР, но иметь о нём понятие, а уж тем более знать вёрстку на HTML - строго обязательно. Не имея нужных знаний, остановитесь на другом, более простом уровне работы над сайтом, благо, этого будет более, чем достаточно.

topfiksdiz - отвечает за переключение дизайна из табличного в резиновый. Обязательно должна располагаться сразу за тегом BODY. Работает в паре с botfiksdiz, место которой прямо перед закрывающим тегом BODY. Обязательно наличие обоих, т.е. отсутствие одного из них будет вести к ошибке на странице.

searchmenu - меню поискового движка сайтового двигателя, минимальная и максимальная длина поискового запроса регулируется в файле config.php переменными searchlena и searchlenb соответственно.

zaprosmenu - список последних десяти поисковых запросов к базе данных сайта отражается с двумя целями: показать горячие темы и оптимизировать под эти запросы тематику сайта в видении поисковых систем. Т.е. та тема, которая больше всего будет интересовать посетителей, будет важна и для робота Гугла и Яндекса.

telo - здесь будет отражаться собственно сам контент сайта - статьи, иллюстрации и результаты поиска.

komm - к каждой из статей можно разрешить-запретить комментарии через переменную comment в административном интерфейсе при создании или редактировании статьи, расположение этой переменной определяет их расположение на странице.

paga - эта переменная показывает номер страницы в полном списке статей, или по категориям. Обязателен под переменной telo, чтобы не нарушить навигацию по категориям.
- статьи в категориях, которые вы помимо наличия в категории, хотите вывести на основное меню. Простой и наглядный пример - статьи Описание, Скачать, Установка, F.A.Q., Особенности, Администрирование, которые входят в категорию Rumba. Категорию необходимо указывать при создании статьи.

glossarymenu - меню с перечислением разделов сайта и входом на страницы Добавить статью, Статистика, Вход, RSS.

titel - развание сайта. Не рекомендуем делать его длинным (с точки зрения SEO).

godik - год (текущий) календарный

botfiksdiz - см.topfiksdiz


Подводя итог перечисленным выше приемам редактирования дизайна страниц, лишний раз напомню, что всё хорошо в меру. Скачивая какой-либо шаблон с Сети, обращайте внимание на его размер. Если он измеряется мегабайтами, команда Rumba не рекомендует его использовать. На сегодняшний день размер дистрибутива CMS Rumba составляет порядка 70 кб. В эту маленькую, и тем гордую цифру уже входит весь код, дизайн и некоторые служебные файлы. Наше золотое правило - дизайн не может превышать код.

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

Eduard Sesigin

Comments:

Fri, 30 May 2008 08:31:19

---

Маэстро

Для этого пользователям Румбы надо кинуть мне на мыло свои шаблоны, и я их выложу. Однако большинство предпочитает стандартные, даже я.


Wed, 28 May 2008 05:40:52

---

1000-1000

А нет такого, чтобы можно было скачать готовые шаблоны?

Ваш Ф.И.О.:
Ваша почта:

Введите код:

580748