Web 1.0 Hosting

advanced static web hosting


Hosting: Main | Plans | Get a domain and website space | Our button | Community | FAQ | Get Support

Services: Web FTP | Web Mail | Web1.0 Search | Web1.0 Chat | Community Forum

Website builder (HamsterCMS):
Login: Password:

Hosted websites: Last edited | Most visited | Most liked

Содержание этого документа

Что такое HamsterCMS
Принцип развёртывания шаблонов
Как сделать чтобы при входе на сайт отображалась страница из CMS
Вид админ-панели HamsterCMS
Структура каталогов и файлов
Если вы ничего не поняли
Если вы всё равно ничего не поняли
Создание собственного шаблона

Среднее время прочтения: 12 минут

Как пользоваться HamsterCMS

Что такое HamsterCMS

HamsterCMS - это, своего рода, конструктор сайтов, простая и эффективная система управления сайтом, позволяющая запустить сайт в работу, используя готовые шаблоны оформления и редактор, преобразующий визуально оформленный текст в код HTML, незаметно для пользователя.

Шаблон и тема оформления в данном контексте далее будет означать одно и то же.

Директория, каталог, папка - в данном контексте означают одно и то же, поддиректория - это каталог файлов внутри другого каталога.

Админ-панель HamsterCMS - средство управления сайтом, созданным при помощи HamsterCMS с использованием шаблонов и доступна по адресу http://ваш_сайт.w10.site/cgi-bin/cms/admin.php

WYSIWYG редактор - это встроенный в HamsterCMS редактор содержимого сайта, позволяющий вносить изменения по принципу "что ты видишь, то и получишь", словно редактируя документ в текстовом процессоре, таком, как Microsoft Word, но при сохранении переводящий отредактированное содержимое в HTML код, отображаемый в веб браузере. При открытии файлов с содержимым HTML кодом, соответственно, снова переводящий HTML код в доступный для редактирования, имеющий такое же визуальное оформление, как это будет выглядеть на сайте. В контексте HamsterCMS, мы редактируем только содержимое .txt файлов, выводимое на страницу.

HamsterCMS позволяет использовать для каждой страницы сайта свой шаблон, а не только один шаблон на все страницы сайта. Так, раскопировав один шаблон с разными именами и изменив, например, цвет фона, можно сделать каждую страницу со своим цветом фона, как будто бы используя разные шаблоны. Также можно использовать действительно полностью разные шаблоны (по дизайну и функциональным возможностям) для каждой страницы сайта.


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

Созданный в HamsterCMS сайт доступен по адресу http://YOUR_SITE.w10.site/cgi-bin/cms/ (по сути, чтобы попасть на сайт созданный в HamsterCMS добавляется /cgi-bin/cms в строке адреса) и по умолчанию отобразит содержимое файла /files/index.txt с указанным в файле /files/index.html_ шаблоном из /templates/(имя_шаблона)

Если файла /files/index.txt не существует, то отобразится самая первая по алфавиту страница в /files/

Если в файле, содержащим выбранный шаблон для страницы index (/cgi-bin/cms/index или просто /cgi-bin/cms/) - /files/index.txt_ указан не существующий шаблон, или шаблон не указан, или не существует самого файла для этой страницы, то страница будет отображаться с шаблоном plain по умолчанию.

Принцип развёртывания шаблонов:

При входе в CMS по адресу http://ваш_сайт.w10.site/cgi-bin/cms/admin.php пользователю хостинга в корень сайта копируются имеющиеся в наличии, в общем репозитории, темы оформления, а также файлы с тестовым контентом.

!!! Если какой-либо из файлов уже существует, он НЕ БУДЕТ перезатёрт новым. Будут скопированы только ранее несуществующие у пользователя хостинга файлы. Так, можно не бояться, что изменённый вами файл или шаблон будет приведён в исходное состояние и ваши изменения будут утеряны.

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

Как сделать чтобы при входе на сайт отображалась страница из CMS

Другими словами, как сделать так, чтобы при входе на ваш сайт посетители видели не загруженные по FTP страницы без использования HamsterCMS, а видели страницы, созданные в HamsterCMS с использованием готовых тем оформления.

Если вы хотите вместо вашей текущей главной страницы (index.html в корне вашего сайта) сайта использовать страницу с шаблонами из HamsterCMS, то оставьте в ней следующий код:

<!--#include virtual="/cgi-bin/cms/" -->
Это выведет на главной странице вашего сайта страницу, созданную с использованием шаблонов в HamsterCMS. Дальнейшая навигация по сайту будет осуществляться уже при помощи меню сгенерированным в HamsterCMS.

Так можно вывести содержимое любой страницы, созданной через HamsterCMS:
<!--#include virtual="/cgi-bin/cms/about" -->
Выведет содержимое страницы about, созданной через HamsterCMS.

Второй вариант: можно использовать редирект в index.html на главную страницу /cgi-bin/cms/, созданную с использованием шаблонов в HamsterCMS. Для этого необходимо в index.html внутри тегов head вставить следующий код:
<meta http-equiv="refresh" content="0; url=http://YOUR_SITE.w10.site/cgi-bin/cms/">

Вид админ-панели HamsterCMS

HamsterCMS

HamsterCMS содержит следующие элементы:
1. Выбор диретории с файлами (необходимо выбирать для редактирования files или includes)
2. Выбор файла (в директории files для редактирования контента или includes для редактирования вставок в страницу)
3. Выбор шаблона (отображает шаблоны из директории /templates)
4. Имя файла (можно изменить имя файла и сохранить содержимое с новым именем, так создастся ещё один)
5. Кнопка на панели редактора для редактирования файла в HTML представлении
6. Кнопка удаления - удаляет текущий выбранный файл
7. Кнопка сохранения - сохранит изменения в текущем выбранном файле Save as как в пункте 4

Структура каталогов и файлов

При входе в админ-панель HamsterCMS, в корне сайта создаются 3 директории:

/files/ с файлами .txt и .txt_ - где .txt содрежит наполнение, непосредственно контент страницы, а .txt_ содержит имя шаблона для страницы с таким же именем
Имя этих файлов соответствует страницам сайта по адресу http://ваш_сайт.w10.site/cgi-bin/cms/ИМЯ_ФАЙЛА

/includes/ с файлами .txt, которые содержат встраиваемые в сайт блоки HTML кода, это могут быть меню, заголовок, подвал, ссылки и любое другое содержимое, отображаемое на определённом участке страницы

/templates/ с каталогами шаблонов, где имена этих каталогов - это и есть имена шаблонов, в этих каталогах содержатся непосредственно html со специальными метками (например [[CONTENTS]]), css, js, файлами изображений

Описание файлов в директории /files/ - файлы с выводимым контентом (.txt) и файлы с назначенным конкретной странице шаблоном (.txt_)

В директории /files/ содержатся текстовые файлы, такие как index.txt, about.txt и другие. В них находится контент сайта, который можно редактировать прямо из WYSIWYG редактора HamsterCMS.

Также в этом каталоге содержатся файлы вида index.txt_, about.txt_ и другие (со знаком подчёркивания после .txt в имени), хранящие информацию о том, какой шаблон выбран для этой определённой страницы. Сменить шаблон для любой страницы можно выбрав в HamsterCMS директорию files, затем выбрав необходимый файл контента для редактирования, например index.txt, и справа-внизу выбрав тему оформления из списка и нажать "сохранить". Так вы установите определённую тему оформления для одной конкретной страницы, в данном случае, доступной по адресу http://ваш_сайт.w10.site/cgi-bin/cms/index (без .txt)

Имена файлов в /files/ - это и будут страницы вашего сайта, доступные по следующему адресу от корня вашего сайта, например http://mysupermegasite.w10.site/cgi-bin/cms/about (без .txt), который отобразит тему оформления из файла /files/about.txt_ (файл со знаком почёркивания в конце) и отобразит на странице содержимое из /files/about.txt (файл .txt без знака подчёркивания в конце) именно в том месте шаблона (HTML файла), где указана метка [[CONTENTS]], то есть, как бы заменяя её содержимым файла с окончанием .txt (без знака подчёркивания)

Описание файлов в директории /includes/ - дополнительные вставки на страницы (могут не использоваться в некоторых шаблонах)

В директории /includes/ так же текстовые файлы, например header.txt, footer.txt, links.txt и другие, которые содержат включаемые в тему оформления блоки HTML кода, например это может быть меню, ссылки, шапка и подвал, боковая панель, и любые другие вкрапления в зависимости от используемого шаблона. В некоторых шаблонах некоторые такие файлы в краплениями (блоками старницы) могут и вовсе не использоваться. В других же, могут быть необходимы для корректного отображения того или иного содержимого на странице. В файлах шаблонов (/templates/ИМЯ_ШАБЛОНА/index.html) такие блоки имеют метку с именем файла в директории includes, например [[footer.txt]] для подвала страницы (то есть, как бы вместо неё). Эти файлы с редактируемыми блоками (участками) сайта в /includes/ тоже доступны к редактированию из WYSIWYG редактора HamsterCMS.

Описание каталога шаблонов и принципа работы

В каталоге /templates/ содержатся подкаталоги, с непосредственно темами оформления страниц, они же шаблоны. Это обычные html, css, js и файлы изображений, которые содержат в себе свёрстанный в HTML макет, костяк сайта с определённым дизайном, а также специальные метки, например [[CONTENTS]] которая отображает содержимое из .txt файлов (не путать с .txt_ со знаком подчёркивания), находящихся в директории /files/ на странице сайта именно с тем шаблоном, что указан в файле .txt_ с таким же именем страницы (в примере дальше about.txt_) , например для страницы http://mysupermegasite.w10.site/cgi-bin/cms/about с темой оформления plain (/templates/plain) - тогда файл /files/about.txt_ будет содержать слово plain.

Использование собственного шаблона

Можно использовать как стандартные, так и собственные шаблоны, которые достаточно просто верстать.

Если вы хотите создать свой шаблон и чтобы у него в меню были автоматически перечислены все страницы, файлы которых есть в /files/, необходимо в коде шаблона в нужном вам месте html файла шаблона указать метку [[NAVIGATION]], и пункты меню появятся в соответствии с существующими у вас файлами с содержимым страницы (.txt в директории /files/ и заданным для них шаблоном в .txt_).

Аналогичным образом работают встраиваемые блоки, по метке [[header.txt]] будет отображено содержимое из /includes/header.txt, а по метке [[footer.txt]] соответственно содержимое из /includes/footer.txt
Содержимое страниц будет взято из файла .txt в директории /files/ по адресу страницы, например http://mysupermegasite.w10.site/cgi-bin/cms/FRIENDS выведет содержимое файла /files/FRIENDS.txt в том месте шаблона, где указана метка [[CONTENTS]]

Создание и удаление файлов из админ-панели HamsterCMS

В админ-панели можно как создавать, так и удалять файлы.

При редактировании файла, слева-внизу отображается имя, с которым файл будет сохранён, если его изменить и нажать сохранить - появится еще одна страница с новым именем и содержимым, которое отображается в редакторе (имя файла - пункт 4 на изображени и пункт 7 для сохранения).

Редактирование HTML

WYSIWYG редактор позволяет редактировать также содержимое в HTML представлении, когда требуется более гибко настроить оформление, или вставить на страницу элементы, которых нет в стандартной панели редактора (пункт 5 на изображении).

Если вы всё прочитали и ничего не поняли

Например, у вас следующие файлы:

/files/mypage.txt
/files/mypage.txt_
/files/about.txt
/files/about.txt_

/includes/header.txt
/includes/footer.txt

/templates/plain/index.html
/templates/plain/styles.css
/templates/plain/logo.gif

по адресу http://YOURSITE.w10.site/cgi-bin/cms/mypage отобразится страница с шаблоном /templates/ШАБЛОН/index.html, указанным в /files/mypage.txt_ (файл mypage.txt_ содержит имя шаблона), и информацией из /files/mypage.txt, которая отобразится на странице в том месте, где в файле шаблона (/templates/ШАБЛОН/index.html) указано [[CONTENTS]].

Там, где в файлах шаблонов указано [[header.txt]], [[footer.txt]], [[links.txt]], будет отображено содержимое файлов в /includes/, из файлов header.txt, footer.txt и links.txt соответственно.

Меню в шаблонах, содержащих метку [[NAVIGATION]] генерируется автоматически, на основании того, какие файлы страниц существуют в директории /files/.


Если вы всё прочитали и всё равно ничего не понятно

Попробуйте залогиниться в HamsterCMS на вашем сайте, отредактировать содержимое файлов и посмотреть, что изменится. Понаблюдайте, как и почему меняется содержимое в файлах /files/, как это влияет на отображение на сайте, попробуйте использовать разные шаблоны. Попробуйте также выбрать разные шаблоны для страниц. Попробуйте изменить содержимое страницы, изменить имя редактируемого файла (слева-внизу от редактора) и сохранить, так вы создадите новую страницу с этим содержимым и темой оформления.

Попробуйте создать свои файлы в /files/ с именем FILENAME.txt и FILENAME.txt_, в FILENAME.txt_ нужно указать имя любой папки из /templates/(ПАПКА), в FILENAME.txt написать какую-то информацию, которую хотите видеть на странице http://YOURSITE.w10.site/cgi-bin/cms/FILENAME


Как создать свой шаблон

Чтобы создать свой шаблон, необходимо создать подкаталог в директории /templates/, имя этого подкаталога и будет именем шаблона, отображаемом справа-внизу в админке CMS и поместить туда index.html файл со специальными метками, по которым будет определяться, в каком месте страницы какое содержимое будет выводиться (меню, вставки из /includes/, контент страницы).

Например, создадим подкаталог в /templates/ и назовём его MY_TEMPLATE, а в него загрузим index.html (при необходимости с ресурсами, такими как изображения, css файлы стилей, js файлы).

Так, в /templates/MY_TEMPLATE будет файл содержащий index.html.

В этом файле необходимо оформить весь "скелет" сайта, начиная и заканчивая тегами html с метаинформацией, такой, как кодировка, при необходимости, а также оформить дизайн страницы.

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

Template Scheme

В шаблоне не обязательно использовать все существующие метки. Например, вместо [[NAVIGATION]], можно создать собственное меню со ссылками в файле /includes/nav.txt и подключить его в шаблон при помощи метки [[nav.txt]]


GDPR & Cookies Policy:
We do not use cookies and do not store your personal data other than the email addresses required by the registration. We do not sell or share your data with third-party persons or companies. All the logged IP addresses are obfuscated with the irreversible hash function.

Abuse Policy
We are subject to the laws of the European Union and upon receipt of a complaint, we will be forced to take actions aimed at eliminating the violation, up to and including closing the site located on our hosting.

Web1.0 Hosting inc © 1992-2024 Finland, Helsinki | Contact | Abuse | Become a donater
likes Valid HTML 4.01 Transitional Web1.0 Hosting counter Old Web banner Downgrade Banner ALiveW banner