Дизайн для Nano CMS:
Чтобы Вы имели полную власть над дизайном, сделано следующее:
- Весь контент, генерируемый движком, не выводится на экран тотчас, а накапливается в значениях переменных, имена которых жёстко оговорены.
- В самый последний момент скрипт обращается к шаблону дизайна, в котором употреблены имена php-переменных.
На их место и подставляются куски контента, сгенерированные движком.
Только после этого готовый результат отдаётся в браузер. - В процессе генерации HTML кода широко используются каскадные стилевые таблицы, или, проще говоря, стили, которые можно переназначить в .css файлe. Просто переписав стили, Вы тем самым способны целиком сменить дизайн.
Ясное дело, про стили нужно знать, и править их уметь. - В качестве базового дизайна использован очень простой шаблон, прекрасно зарекомендовавший себя при работе с трафиком поисковой природы, и пользующийся благосклонностью у поисковых ботов. Документы в этом шаблоне индексируются так, как надо.
Обратите внимание на тщательную продуманность шаблона дизайна- в коде страниц Наны сначала идёт контент, и только потом всяческие блоки с панельками навигации.
Где находится шаблон дизайна?
Это ./data/content/_design.php - в нём прекрасно видны и немногие HTML элементы форматирования, и все PHP переменные с кусками контента, о которых упоминалось ранее.
Для конкретности это:
| $turl | URL морды сайта, задан в файле настроек.
Переменная необходима для формирования путей до файлов стилей. А также любых других абсолютных путей (до скриптов, иконки)... Переменная может использоваться глобально. |
| $title | Титл документа, задаётся в самом документе. |
| $content | Контент документа в виде HTML кода, прописанный явно, либо синтезированный PHP скриптом там же. |
| $leftmenu | Меню левого сайдбара. Задаётся в ./data/content/_menu.php |
| $rightmenu | Меню правого сайдбара. Задаётся в ./data/content/_menu.php |
| $topmenu | Верхнее меню сайта. Задаётся в ./data/content/_menu.php |
| $add | Реклама. Прописывается в ./data/content/_add.php |
| $... | Любые иные переменные произвольного назначения.
Определяются ранее в любом месте движка, и используются тут. |
Предупреждение:
Поскольку шаблон дизайна дивовый, а не на таблицах, Вам надо опасаться непарных тегов <div> в контенте. Пожалуйста, всегда контролируйте этот момент.
Об "обвале" колонок:
Начинающий вебмастер всегда и обязательно стремится увешать свой сайт всяческой хренью, которой на сайте и делать-то нечего. Но желание непреодолимое, и всевозможные картинки и кнопки всё едино будут понапиханы во все места шаблона дизайна, даже если смотрятся там столь же эстетично, как на корове седло или на суслике папаха.
Поэтому сразу оговорим, почему в процессе увлекательного занятия постановки коровы под седло колонки сайта (левая, правая, центральная) будут падать вниз при просмотре в некоторых браузерах.
Обратите внимание, что дефолтовый дизайн Наны дивовый. Это означает, что каждый блок дизайна (боковые менюшки, центр) имеют предписанную ширину, выходить за пределы которой нельзя. Всё, что шире дозволенных значений, уронит содержимое своей колонки вниз под некоторыми браузерами, чувствительными к таким вещам.
Учтите также, что если в колонку ставите рисунок с альтернативным текстовым значением, а у юзера браузеру велено "расширять рамки рисунков" для того, чтобы суметь прочитать, чего же там написано в альте при отключенной графике, то это равносильно втыканию очень широкого рисунка (при длинном альте) со всеми вытекающими. При отключенной графике получите пьяную корову на льду и под седлом, а не аккуратный сайт.
Поэтому, увешивая сайт всяческой хренью с головы до пят, с альтами в километр, чётко представляйте, что получите в итоге. И не спрашивайте, отчего так.
Либо делайте дизайн на таблицах - они многое прощают, хотя и тоже не без странностей.