К оглавлению

Общие сведения

Подключение к сайту

Панель администрирования.

Главное меню

Меню выбора страниц и скриптов

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

Визуальный редактор текста блока

Менеджер файлов и Менеджер страниц

Динамический модуль "Вопрос-ответ"

Динамический модуль "Новости"

Ссылки на примеры и обучающие материалы.

Общие сведения

GScms - это on-line система управления контентом, разработанная для сайтов, сделанных в программе-конструкторе WebSiteX5, поэтому в первую очередь она предназначена для использования именно на таких сайтах, но при желании возможна установка и на другие сайты. Все страницы сайта должны иметь расширение php (возможность использования на html страницах зависит от хостинга и настроек сервера). Редактируемый контент (содержимое) сайта хранится в файлах, MySQL не требуется. К сайту этот контент подключается путем вставки строки php-кода в объект "Html" (в заголовок и в сам блок). Инструкцию по установке на ваш сайт можно скачать здесь. Демо-сайт имеет самый простой графический шаблон, но оформление страничек может быть любым - таким, каким вы его сделаете в программе Websitex5.

Из админ-панели можно управлять контентом двух типов: "текстовые блоки" и "динамические модули" (или "скрипты"). И те и другие могут содержать изображения, таблицы, нумерованные и маркированные списки, галерею изображений и пр.). Имееется 2 встроенных "динамических модуля" для публикации новостей и ведения мини-форума "вопрос-ответ" (подробнее о них см. ниже). В текущей версии админ-панели имеется возможность создания галерей изображений типа Unite Gallery (слайдеры, плитка, шоубокс, карусель) и Jssor (слайдеры с множеством эффектов перехода).

Сделанными в самой программе WSX5 галереями, меню, формами, шаблоном сайта, а так же блогом и магазином , CMS пока управлять не умеет, но у вас сохраняется возможность делать эти элементы в программе WebsiteX5, а также менять дизайн и пользоваться всеми остальными её функциями и выгружать сайт в интернет через встроенный ftp-менеджер, это никак не повлияет на контент, созданный в админ-панели GScms.

Подключение к сайту

Инструкция по подключению админ-панели к сайту.

Инструкция по установке динамических модуля (скрипта) Новости.

Инструкция по установке динамических модуля (скрипта) Вопрос-ответ.

Панель администрирования

###

###

###

### Главное меню

Главное меню и шапка админ-панели содержит (слева направо):

- Логотип CMS - ссылка, перейдя по которой вы попадаете в раздел редактирования блоков, которые не привязаны к какой-либо конкретной странице сайта.
- Название текущего сайта.
- Кнопка "Сканировать сайт" - для импорта содержимого, которое уже есть на сайте в объектах HTML и ТЕКСТ (создано в программе WebsiteX5) - см. подробнее.
- Кнопка "Просмотр сайта" - для перехода на сайт (откроется в новом окне или вкладке браузера)
- Кнопка "Менеджер страниц" - для перехода в раздел менеджера контента страниц - см. подробнее
- Кнопка "Вход для консультантов" - для перехода в админ-панель консультанта (только если установлен динамический модуль "вопрос-ответ")
- Кнопка "Настройки" - общие настройки админ-панели и CMS
- Кнопка "Выход" - для выхода из админ-панели

Меню выбора страниц и скриптов

Меню выбора страниц содержит (слева направо):

- Карта сайта - выпадающее меню выбора страниц, содержащихся в главном меню сайта (только для сайтов WebsiteX5 и только если присутствует карта сайта imSitemap.html).
- Выпадающий список страниц главного меню сайта.
- Выпадающий список страниц скрытых в главном меню сайта (страниц сайта, ссылок на которые нет в главном меню сайта).
- Выпадающий список скриптов (динамических модулей).
- Номер версии и знак копирайта.
- Кнопка "Справка".

Для перехода к редактированию страницы сайта выберите нужную страницу или в карте сайта или в одном из выпадающих списков страниц.

Для перехода к редактированию динамического модуля выберите его в выпадающем списке скриптов (динамических модулей).

Для получения справки нажмите кнопку "Справка".

В выпадающих списках страниц отображаются только те страницы, для которых созданы одноименные папки в "Менеджере страниц". Для удаления страницы из выпадающего списка удалите одноименную папку в "Менеджере страниц". Внимание! При удалении папки в "Менеджере страниц" страница удаляется только из выпадающих списков в админ-панели но не удаляется с сайта.

В меню "Карта сайта" отображаются все страницы, которые есть в главном меню вашего сайта.

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

Для перехода к редактированию сайта выберите нужную страницу или в карте сайта или в одном из выпадающих списков страниц.

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

Ниже находится заголовок блока, который в данный момент выбран для редактирования.

Ниже находятся поля и кнопки:

- Заголовок блока (здесь можно ввести или изменить заголовок блока).
- Текст блока (здесь можно редактировать или создавать содержимое блока с помощью визуального редактора).
- Кнопка "Сохранить" (нажмите эту кнопку для сохранения сделанных изменений).
- Кнопки для сохранения резервной копии блока и восстановления из нее.
- Кнопка "</>" - коды для подключения блока к странице сайта - при нажатии на нее откроются поля, содержащие коды, которые надо вставить на страницу сайта в те места, где будет отображаться содержимое блока, который в данный момент выбран для редактирования. Вставка этих кодов не требуется, если вы воспользовались "сканированием сайта", - в этом случае подключение и вставка кодов происходит автоматически.

В правой части раздела "Редактирование" находятся:

- выпадающий список блоков, доступных для редактирования (при выборе блока его текст загружается в визуальный редактор);
- кнопка "перезагрузить выбранный блок" ;
- кнопка "копировать блок" и "вставить блок" -- предназначены для копирования блока и вставки его содержимого вместо содержимого другого блока на этой же или на любой другой странице;
- кнопка "удалить блок" . Если удаляемый блок подключен к странице сайта, то при следующей перезагрузке раздела "редактирование" он снова появится в выпадающем списке, но уже без содержимого;
- кнопка "создать блок" - создает новый блок. Блок создается только в админ-панели, можно создавать и редактировать его содержимое, но на сайте это содержимое появится только когда вы подключите блок к странице сайта (см. выше про кнопку с кодами для подключения "</>");
- поле "css код страницы" - здесь можно добавить пользовательские css- стили к данной странице сайта.

При клике на логотипе CMS (левый верхний угол админ-панели) вы попадете также в раздел "Редактирование", но он отличается тем, что в нем можно создавать и редактировать блоки, которые не привязаны ни к какой конкретной странице сайта и их можно подключить к любой странице (одной или нескольким). Коды для подключения находятся под такой же кнопкой "</>". Один и тот же блок путем вставки строчки кода может быть подключен к нескольким страницам сайта, такие блоки можно использовать, например, для вставки в хедер и футер (шапку и подвал сайта).

Визуальный редактор текста блока

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

Кнопка "Редактировать \ вставить галерею" ♥ - двойная. При нажатии на правую часть (стрелка вниз) появится список галерей, доступных для вставки в текст блока. Выбрав одну из них, вы вставите галерею в текст блока. Если список пуст, это означает, что галерей нет или им не задан тип. При нажатии на левую часть кнопки откроется раздел редактирования галерей. Там можно создать галерею, загрузить в нее изображения, указать параметры каждого изображения. При редактировании новой галереи обязательно нажмите кнопку "настройка" и выберите тип галереи, после этого ее имя появится в списке выбора галерей, доступных для вставки в текст блока.

Кнопка "Light-Box". Для создания галереи Light-Box надо кликнуть на кнопке в панели инструментов визуального редактора. Появится прямоугольный блок галереи, обозначенный синим пунктиром. Внутри блока надо разместить уменьшенные копии картинок и назначить им ссылки на полноразмерные картинки.

Другой способ создания галереи Light-Box - вставить в текст текстовую ссылку или уменьшенную копию картинки, назначить ссылку на полноразмерную картинку, а в свойствах ссылки в поле rel или поле class выбрать "Галерея LightBox".

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

После внесения изменений в текст блока обязательно нажимайте кнопку "Сохранить".

Сканирование сайта

Сканирование сайта - это процедура, предназначенная для импорта содержимого, которое уже есть на сайте в объектах HTML и ТЕКСТ, созданных в программе WebsiteX5.

При нажатии на кнопке главного меню "Сканирование сайта" просканируются только те страницы сайта, для которых созданы одноименные папки в "Менеджере страниц". Также в общих настройках админ-панели можно отметить, какие именно типы объектов будут сканироваться.

После сканирования объекты "HTML", "Текст" и "Таблица", созданные в программе WebsiteX5, станут доступны для редактирования из панели администрирования GScms. Содержимое этих блоков (далее - блоки Cell) будет находиться в файлах с именами Cellxx.txt. По-прежнему можно вносить изменения в проект WebsiteX5 ( например, в оформление шаблона, меню, карту сайта, галереи, в любые другие элементы) и выгружать из него сайт на сервер, но после выгрузки обязательно надо произвести сканирование сайта, если вы хотите продолжать использовать вышеназванные блоки Cell (их содержимое при этом не сотрется и снова подключится к сайту). Если вы хотите заменить контент какого-либо блока Cell контентом, сделанным в проекте WebsiteX5 (например, вы что-то испортили при редактировании в админке и хотите восстановить его первоначальный вид), надо просто удалить соответствующий блок Cell в меню выбора блоков админ-панели, затем выгрузить проект WebsiteX5 на сервер, затем зайти в админ-панель и запустить сканирование.

Также по-прежнему можно пользоваться блоками Blokxx.txt, содержимое которых вставляется в проект путем вставки строчки кода в объект "HTML"(см. про кнопку "</>").

Если вам надо запретить для сканирования отдельные блоки, которые вы не хотите редактировать из админ-панели, вставьте в проекте WebsiteX5 в них такой комментарий `<`!--noedit--`>` (если вставляете в объект "Текст", необходимо активировать кнопку "Включить HTML-код"). В объектах "HTML" обязательно должен быть валидный код (если он есть), непарные теги не допускаются. Не будут сканироваться объекты "HTML", в которых на вкладке "HTML-код" кроме чистого html есть коды php, css, ява.

Файловый менеджер\Менеджер страниц

Менеджер страниц предназначен для создания в нем папок, одноименных страницам вашего сайта. Например, если страница сайта называется contacts.php, то надо создать папку contacts. После создания папок, их имена появляются в выпадающем меню страниц. HTML код контента (содержимого) страниц будет храниться в этих папках в текстовых файлах.

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

Менеджер файлов - кнопка "загрузка файлов".

Менеджер изображений - "вставить / редактироват изображение", затем "загрузить изображение".

Менеджер видео - "вставить / редактировать видео \ аудио", затем "загрузить видео \ аудио".

Инструменты менеджера.

1. Кнопка "Загрузить файл" - нажмите эту кнопку для загрузки на сервер файла с вашего компьютера.
2. Кнопка "Новая папка" - для создания папки (директории)
3. Кнопка "Папки для всех страниц" (только в Менеджере страниц) - при нажатии этой кнопки будут созданы папки для контента всех страниц, которые есть на данный момент на сайте. Папки будут созданы на одном уровне, без вложенности.
4. Панель инструментов "Фильтр" (только в Менеджере файлов) - для подсветки файлов нужного типа.
5. Панель инструментов "Перейти" (различается в Менеджере файлов\изображений\видео и Менеджере страниц) - служит для перехода в различные папки сайта.

Имеется возможность перехода в следующие папки:

- Папка UPLOAD - папка, создаваемая GScms для загрузки в нее пользовательских файлов, изображений, видео и пр.. Находится по адресу "/sg_cm/sg_cm/upload".
- Папка CONTENT (только в Менеджере страниц) - папка, создаваемая GScms для хранения HTML-кода блоков страниц, редактируемых и создаваемых пользователем. Находится по адресу "/sg_cm/sg_cm/content".
- Папка BACKUP (только в Менеджере страниц) - папка, создаваемая GScms для хранения резервных копий HTML-кода блоков страниц. Находится по адресу "/sg_cm/sg_cm/backup". Рекомендуется периодически удалять пустые и неиспользуемые файлы и папки.
- Папки IMAGES, GALLERY, FILES, VIDEOS - папки создаваемые программой WebsiteX5 для хранения картинок, файлов и видео. Находятся в корне вашего сайта.

Также имеется возможность удаления файлов и папок и переименования папок кнопками , расположенными в верхней части иконки файла или папки.

Динамический модуль "Новости"

- Скрипт для управления новостями/статьями на вашем сайте. Файлы скрипта расположены в папке в корне сайта hs_news. Папку можно переименовывать. Можно установить несколько таких скриптов (например, один для новостей, другой для публикаций, третий для каталога и т.д.). Для этого надо создать в корне сайта папку с именем, например, hs_publications (префикс hs_ обязателен) и скопировать в нее все содержимое папки hs_news. После этого в выпадающем меню скриптов (динамических блоков) появится позиция hs_publications, выбрав которую попадаете в раздел редактирования и настройки скрипта.

Динамический модуль "Новости" - это поиск, удобная навигация, собственная новостная рассылка, разбивка статей по категориям, голосование, комментарии (снабжены блоком по IP от тролей), количество просмотров новости, возможность загрузки файла pdf, ЧПУ-ссылки на основное содержание статей. Есть возможность вставки блока последних статей - краткого описания нескольких последних статей с маленьким фото и ссылкой на страницу с полным текстом статьи и списком всех статей. Редактирование статьи - в визуальном текстовом редакторе, так же как и контента текстовых блоков.

Динамический модуль "вопрос-ответ".

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

Имеется поиск, просмотр данных о консультанте с фото, или вывод списка всех консультантов, посмотр всех ответов данного консультанта, возможность адресовать вопрос определённому консультанту (при этом на e-mail консультанта приходит уведомление), или всем консультантам сразу (приходит уведомление всем консультантам). После ответа на вопрос на e-mail спросившего также приходит уведомление.
Имеется антиспам и чёрный список.
Управление
1. Полная настройка внешнего вида
2. Управление консультантами- добавить, отправить в отпуск, удалить, изменить данные, включая фото и пароль доступа в панель управления
3. Редактировать и удалять вопросы и ответы, заносить спросившего в чёрный список (после чего с IP спросившего вопрос задать будет невозможно)
4. Просмотр неотвеченных вопросов с возможностью переадресовать вопрос другому консультанту (при этом на e-mail консультанта приходит уведомление)
5. Управление чёрным списком
Консультант имеет панель управления, где имеются следующие настройки:
1. Просмотр неотвеченных вопросов, адресованных лично ему
2. Ответ на вопросы
3. Редактирование своих ответов
4. Редактирование своих данных: добавление-удаление фото, изменение пароля для доступа в панель управления.

Ссылки на примеры и обучающие материалы

Видео-уроки на канале веб-студии FRaIa

Создание и оформление таблиц

Создание галереи LightBox

Сайт semostrovov.kz на базе Websitex5 и GScms

Сайт ok66.ru на базе Websitex5 и GScms

Сайт tanya.fraia.ru на базе Websitex5 и GScms

Сайт novyigod.fraia.ru на базе Mobirize и GScms

Сайт zdorovie.fraia.ru на базе GScms и шаблона Artisteer