Создание сайта на HostCMS. Шаг первый

18 июля 2011 года

Пошаговая инструкция по созданию сайта на HostCMS.

В основу этого текста положен мой пост на форуме HostCMS, написанный в январе 2010 года, который, судя по отзывам и встречающимся ссылкам, многим помог освоится с этой системой.

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

Все написанное ниже — исключительно мое ИМХО, о том как удобнее создавать новые сайты на HostCMS. Основанное на личном опыте, но все же сугубо частное мнение, которое может быть для кого-то спорным. Спорить по сути нижеизложенного ни с кем не буду, если кому-то этот алгоритм поможет — буду рад)

Во-1х, все сразу как установят систему сразу же кидаются переделывать демо-сайт :)

Я считаю, что такой подход _в_приницпе_не_верен! Демку лучше всего оставить нетронутой, для того чтобы смотреть в ней что и как. Она для того и предназначена! Можно еще вынести ее на поддомен, если вы чувствуете что однго созерцания демки из админки вам мало (правда на Денвере такой вынос сделать сложно, так что на демосайт мы вообще забьем)

Поэтому, ПЕРВЫЙ ШАГ — создаем новый сайт.

Для этого заходим в ЦА, и идем в раздел Сайты (в меню которое справа в колонку, в нижней части)

В меню раздела (это которое слева, под словами «Список сайтов») есть два пункта — Сайти и Настройки.

Если в настройки еще не ходили, то самое время туда сходить, и вписать свои Регистрационные данные — Логин на форуме HostCMS, номер договора и пин-код. Коль скоро у вас коммерческая лицензия, то все это у вас должно быть. Вписанные данные сохраняете.

Теперь идете в Сайты — Добавить, и вписываете название нового сайта. Название может быть любым, оно чисто для вас и никуда не отображается. Кроме названия можно еще вписать email, но поскольку вы под Денвером то для вас это действие особого смысла иметь не будет.

Поскольку сайт будет работать в домене localhost то можно сразу перейти на вкладку Лицензия и вставить в поле ключик от домена localhost — FR-401B1-916CE-CEX7B-F1400-05A7F.
Все остальное можно пока оставить как есть и нажать на кнопку «Применить».

Новый пустой сайт создан.

Теперь надо развести домены.

Для этого в списке сайтов щелкаете по зеленому шарику «Домены» напротив демонстрационного сайта и в качестве домена для него вписываете любую лабуду — хоть site12345.ru — поскольку вы под Денвером и мы с вами не будем заморачиваться с попытками сделать под ним многосайтовость. То есть демо-сайта у нас не будет, да и Б-г с ним.

Ключ для этого домена можно не получать, а вот отметить его как Основной все равно придется.

Возвращаемся к списку сайтов, вписываем для нового сайта домен localhost, указываем его основным. Ключ получать опять-таки нет необходимости — мы его уже вписали при создании сайта.

Первый этап пройден.


Выходим из ЦА (пиктограмма выхода — сверху справа).

Заходим снова — вверху в списке сайтов появился второй сайт. Выбираем его в этом списке. Теперь мы администрируем его.

Заходим на http://localhost и наслаждаемся сообщением о том, что для нашего сайта «Не найдена главная страница сайта!». Там же читаем инструкцию где и как ее создавать, но делать это пока еще рано.

Потому что сначала ШАГ ВТОРОЙ.

У вас стопудово где-то есть html-макет от вашего сайта, который вы хотите перенести на hostcms. Макет этот, вероятнее всего, состоит из html-файла, css-файла, кучки java-script и папки с картинками. Папку с картинками выкладываем куда-нибудь тудаже где лежит и сама hostcms — кто как любит, лично я создаю в корне web-папки папочку skin а в ней папку с названием сайта (латиницей). То есть для верстки путь к картинкам получается»/skin/mysite/images/image.jpg». В папку /skin/mysite/ я выкладываю еще и весь используемый javascript.

В самом макете, а также в css меняем все пути к файлам изображений и скриптов на новые.

В части head макета удаляем мета-теги указывающие кодировку, ключевые слова и дескрипшн, тег title и тег привязки основного css-файла. Вместо них вставляем следующий код:


  <meta content="text/html; charset=<?=SITE_CODING?>" http-equiv=Content-Type>
<meta name="description" content="<?$kernel->show_description()?>" />
<meta name="keywords" content="<?$kernel->show_keywords()?>" />
<title><?$kernel->show_title()?></title>
<?php $kernel->show_CSS()?>

Далее, в том месте макета, где предполагается вывод данных, вместо этих данных вставляем следующий код:


  <?php $kernel->show_current_template()?>

У нас получился html-код макета, подготовленный для вставки в hostcms.

После этого в ЦА идем в раздел «Макеты сайта» и выбираем в меню Макет команду Добавить. Задаем название макета (например Мой макет), на вкладке Макет вставляем html-код, на вкладке css — соответственно :-) Жмем на «Применить»

ШАГ ТРЕТИЙ

Создадим шаблон данных. Для этого перейдем в раздел «Шаблоны страниц» и в меню Шаблон страницы выберем строку Добавить. Зададим название (например Основной шаблон) и на вкладке Шаблон страницы напишем:


  <?php 
$kernel->show_current_page();
?>

Применить.

ШАГ ЧЕТВЕРТЫЙ

Создадим документ, который будет служить нам временной заглушкой.

Для этого перейдем в раздел ЦА под названием «Страницы и документы», в меню Документ выберем команду «Добавить», зададим название документа (например Тест), выберем из списка наш ранее созданный макет, на вкладке документ напишем чего-нибудь и нажмем на Применить.

Вот теперь мы готовы к ШАГУ ПЯТЬ!

В ЦА нужно перейти в раздел «Структура сайта». В меню Раздел выбрать команду «Добавить». Зададим название раздела в поле «Название раздела [В меню]» (вот тут уже надо быть осторожным, оно потом появится на сайте). Назовем первый раздел банально и предсказуемо — «Главная». Из списка «Шаблон страницы» выберем наш «Основной шаблон». В поле «Название раздела» (который просто, без «в меню») зададим путь. Для первого раздела путь может быть только / и никаким другим. Внизу, из списка документов выберем наш документ с названием Тест, и нажмем не «Применить».

И вот теперь, по адресу http://localhost вы должны увидеть макет вашего сайта, в котором будет написан тот текст, который вы написали в документе Тест.

Теперь попробуем что-нибудь посложнее.

Зайдем снова в «Структуру сайта» и создадим там раздел Новости, с путем /news/ указав ему так же Основной шаблон. Больше пока ничего не делаем, и нажимаем на «Применить».

Перейдем в раздел ЦА «Информационные системы». В меню Информационная система выберем команду Добавить. Зададим название (наши новости) и узел структуры (Новости). Нажмем на Применить.

Зайдем внутрь созданной инфосистемы (щелчок по названию Наши новости).

В меню Информационный элемент выберем Добавить, зададим название, напишем что-нибудь в полях «Описание информационного элемента» и «Текст». Нажмем на Применить.

Вернемся в раздел ЦА «Структура сайта» и отредактируем раздел Новости (желтый карандашик в соотв.строке):

  • «Тип раздела» переключим на «Типовая динамическая страница.»
  • В списке «Раздел» выберем «Информационные системы».
  • В списке «Страница» — «Информационная система». Появится список настроек.
  • Код информационной системы — выберем из списка инфосистему «Наши новости».
  • XSL-шаблоны пока оставим по-умолчанию.
  • Нажмем на Применить.

Посмотрим что получилось по адресу http://localhost/news/

Внешний вид вывода новостей определяется соответствующими XSL-шаблонами, указанным в настройках структуры сайта.

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

Ну вот как-то так :-)