Cистема управления контентом Santafox™
Смотри, как порна тетя трахается с племянником!
В этом разделе вы сможете найти руководства по созданию и администрированию сайта на платформе SantaFox™. Здесь же находится документация для разработчиков новых модулей.
CMS постоянно развивается, поэтому документация не всегда успевает за обновлениями.
Самая актуальная документация всегда находится по адресу wiki.santafox.ru
Администраторам сайта | WIKI | ZIP | |
Руководство по инсталляции SantaFox™ | Открыть | 627 Kb | 465 Kb |
Руководство администратора сайта (Полное) | Открыть | 4 Mb | 3,1 Mb |
Пояснения по настройке модулей, которые ещё не оформлены в руководства, можно найти на форуме
Администраторам сайта | WIKI | ZIP | |
Руководство по сборке и настройке (все модули) | Открыть | 666 Kb | 559 Kb |
Модуль «Версия для печати» | Открыть | ||
Модуль «Вопросы и ответы» | Открыть | ||
Модуль «Карта сайта» | Открыть | ||
Модуль «Меню» | Открыть | ||
Модуль «Каталог товаров» | Открыть | ||
Модуль «Комментарии и отзывы» | Открыть | ||
Модуль «Новости» | Открыть |
Разработчикам CMS Sаntafox | WIKI | ZIP | |
Руководство по стилю программирования | Открыть | 235 Kb | |
Руководство по разработке модулей | Открыть | 597 Kb | |
Руководство пo API | 485 Kb | ||
Пример модуля (болванка модуля) | 9 Kb |
Содержание
Приведем краткое техническое описание CMS с тем, чтобы вы имели более полное представление о её возможностях и особенностях работы.
Используемые технологии
Система управления контентом (в дальнейшем CMS) поставляется с открытым исходным кодом и имеет следующие технические особенности:
-
основной язык программирования — PHP;
-
Элемент ненумерованного списка;
-
классовая структура кода;
-
дополнительные языки программирования для реализации визуальных функций JavaScript;
-
модульная структура CMS.
Основные понятия
Название | Описание |
---|---|
Шаблон страницы | Сверстанная HTML-страница сайта со статичными элементами дизайна. Область страницы, где выводимый контент зависит от конкретной страницы сайта (например: меню, лента новостей и т. д.), заменяется меткой вида [#<название метки>#]. Используя средства CMS, администратор сайта определяет, чем будет замещена каждая метка на конкретной странице. |
Модуль | Частично обособленный программный код CMS, отвечающий за реализацию той или иной дополнительной функции. Каждый модуль может иметь собственный административный интерфейс, а также добавить какие-либо свойства к каждой странице сайта или пользователю сайта. |
Ядро | Центральная часть CMS, отвечающая за взаимосвязь всех остальных элементов между собой, а также за ряд общедоступных функций (таких, например, как редактор контента, запись статистки по посетителям сайта, работа со структурой сайта). Ядро имеет свой API-интерфейс, который используется модулями. |
Алгоритм формирования страницы сайта
Ниже представлена схема взаимодействия между элементами CMS и этапы обработки информации от момента получения сервером запроса до вывода сформированной страницы на экран:
Рисунок 1. Блок схема процесса формирования страницы в SantaFox®. |
---|
Начало работы
Вход в административный интерфейс
Для доступа к административному интерфейсу сайта необходимо в строке адреса вашего веб-браузера ввести строку следующего вида:
http://www.mysite.ru/admin
Вместо «mysite» необходимо ввести имя вашего сайта в сети Интернет.
После ввода данной строки вам будет предложено ввести логин и пароль для авторизации в административном интерфейсе (Рисунок 2). Если это ваш первый вход в административный интерфейс, то доступен вход с логином admin и паролем admin.
Рисунок 2. Форма для авторизации входа в административный интерфейс сайта. |
---|
После входа в административный интерфейс с логином и паролем, используемыми по умолчанию, следует незамедлительно заменить их.
В случае введения правильного логина и пароля вы увидите главное окно административного интерфейса. Если в логине (или пароле) есть ошибки, то окно для их ввода будет выведено повторно.
В случае, если в административном интерфейсе уже зарегистрирован человек, работающий под такой учетной записью, будет выдано соответствующее предупреждение.
В качестве браузера для работы с административным интерфейсом мы рекомендуем использовать:
-
Internet Explorer 6 и выше;
-
Mozilla/5.0 и выше;
-
Opera/9.24 и выше.
При использовании других браузеров административный интерфейс может работать некорректно.
Главное окно интерфейса
CMS позволяет создавать различные группы администраторов сайта с различными правами. Мы будем рассматривать администратора сайта с полным набором прав — главного администратора.
После успешной авторизации вы попадает в главное окно административного интерфейса (Рисунок 3).
Рисунок 3. Общий вид административного интерфейса сайта под управлением SantaFox® |
---|
Верхняя часть окна постоянна, и позволяет пользователю оперативно покинуть административный интерфейс (для этого нужно произвести клик на слове «Выход»), а также получить доступ ко всем разделам интерфейса путём клика на соответствующем пункте основного меню.
Под основным меню расположена полоса с закладками, с помощью которых вы попадаете в административные разделы модулей, установленных на сайте.
Вся остальная область интерфейса отдана непосредственно под административные интерфейсы каждого из разделов.
Дадим краткое описание к каждой закладке основного меню:
-
Глобальные настройки
Доступ к настройкам, касающимся работы всего сайта и административного интерфейса. Здесь же осуществляется резервное копирование данных и обновление сайта. -
Администраторы
Управление учетными записями администраторов сайта и правами доступа к объектам CMS. -
Модули
Подключение новых модулей и настройка параметров уже существующих, создание действий модуля. -
Структура
Управление структурой сайта, свойствами страниц и сопоставление меток, используемых в шаблоне с действиями модулей. -
Статистика
Доступ к отчетам системы статистики посещаемости сайта пользователями, а также к настройкам этой системы.
Ниже будут подробно рассмотрены все пункты основного меню. Описание административных разделов конкретных модулей вы можете найти в документации к этим модулям.
Администраторам сайтов с правами, отличными от прав главного администратора, могут быть доступны только пункты «Структура» и «Статистика», входящие в основное меню. При наличии доступа к административному разделу конкретного модуля его закладка появится в области «Меню модулей».
Кроме того, в самом низу экрана расположена информация о количестве администраторов сайта, которые сейчас работают в административном интерфейсе. Кликнув на числе, вы можете получить о них более подробную информацию.
Следует быть внимательным, так как, в случае, если два администратора будет одновременно работать с одними и теми же данными, существует риск потери информации. Для осуществления корректной работы нескольких администраторов следует жестко разделить и ограничить их права доступа.
Особенности работы с интерфейсом
Расскажем об основных особенностях работы с интерфейсом и его функциональными блоками, с тем что бы вы смогли легко в нём ориентироваться. Следует отметить одну важную особенность, присущую всем административному интерфейсу.
В случае появления в вашем браузере сообщений сообщений об ошибках выполнения скриптов JavaScript необходимо полностью перегрузить (обновить) всю страницу интерфейса. Так как, большинство функций взаимодействий администратора сайта с административным интерфейсом используют технологию Ajax, то наличие ошибок нарушит работу интерфейса.
Ошибки выполнения скриптов JavaScript могут быть вызваны разными причинами. Это могут быть ошибки связанные с неправильной реакцией административного интерфейса на действия администратора, а так же ошибки связанные с некорректной работой кода под тем или иным браузером.
При регулярном возникновение таких ошибок рекомендуем вам оставлять сообщения по адресу http://forum.santafox.ru в соответствующих разделах, не забудьте прикладывать скриншоты и подробные описания ваших действий, которые привели к ошибке.
Основное меню
Основное меню административного интерфейса не должно вызвать у вас затруднений, оно достаточно просто и не содержит ни каких хитростей. Кликнув по пункту этого меню, вы попадает в соответствующий раздел (Рисунок 4).
Рисунок 4. Внешний вид главного меню административного интерфейса любого сайта. |
---|
Меню модулей
Меню модулей используется для перехода в административный раздел модуля. Данное меню зависит от уровня прав того вашей учётной записи. Для того что бы перейти в административный раздел модуля вам необходимо кликнуть по соответствующему пункту этого меню.
В случае, если модуль имеет несколько экземпляров, для каждого из которых предусмотрен свой административный интерфейс, то справа от названия, вы увидите небольшую стрелку (Рисунок 5). Нажав на эту стрелку можно выбрать конкретный дочерний модуль, чей административный интерфейс необходимо вызвать.
Рисунок 5. Пример блока ссылок для перехода в административный интерфейс модулей. |
---|
Меню раздела
Меню рaздела отображается слева от области контента (Рисунок 3). Здесь отображается меню выбранного раздела основного меню, а так же меню административного интерфейса выбранного блока.
Меню может быть разделено на несколько блоков которые могут быть свёрнуты, если это необходимо (Рисунок 6).
Рисунок 6. Меню раздела «Глобальные настройки». |
---|
Меню разделов может быть отображено и в свёрнутом виде. Данный режим полезен тогда, когда вам необходимо выделить большую площадь экрана под непосредственный контент административного интерфейса. Для того, что бы свернуть меню раздела, вам необходимо осуществить двойной клик левой клавишей мыши по небольшой вертикальной полосе, отделяющей меню от области контента.
Для того, что бы затем выбрать другой элемент меню раздела вы можете либо снова полностью развернуть меню, либо один раз щелкнув по свернутому меню, вызвать меню на экран и после того как будет осуществлён выбор пункта меню, оно (меню) снова будет свёрнуто.
Закладка «Глобальные настройки»
В этой закладке администратор сайта производит настройку основных параметров CMS, обуславливающих работу как административного интерфейса, так и непосредственно сайта. В данном разделе администратор может реализовать следующее функции:
-
произвести резервное копирование;
-
отредактировать системные настройки;
-
выполнить системные действия;
-
получить информацию о системе и произвести обновления.
Резервное копирование
Выбрав этот пункт, вы получаете доступ к интерфейсу по управлению резервными копиями сайта.
Для того, что бы административный интерфейс имел возможность сохранять резервные копии, необходимы права на запись в каталог /backup и /upload.
Рисунок 7. Создание правил бекапа. |
---|
В данном разделе вы можете:
-
создавать резервные копии сайта;
-
сохранять копии на локальный диск вашего компьютера;
-
загружать на сайт резервные копии со своего локального компьютера;
-
восстанавливать сайт и его данные с сохранённой копии.
Создание правила бекапа
Создание бекапов осуществляется в сответсвии с правилами. Одновременно в системе может присутствовать несколько правил бекапа.
К примеру каждый день по крону бекапируются таблицы БД. Раз в неделю — весь сайт.
В крон добавляйте строку
/usr/bin/php /full/path/to/script/backup_cron.php строковый_айди_правила
где /usr/bin/php — полный путь к php, обычно он такой и есть, иногда бывает /usr/local/bin/php
а /full/path/to/script/ — ПОЛНЫЙ абсолютный путь к backup_cron.php
Пример: /usr/bin/php /public_html/admin/backup_cron.php content
Редактирование правила бекапа |
---|
При создании правила отмечаются дефолтные позиции (что помещать в бекап).
При желании можно указать FTP-параметры удаленного сервера. В таком случае бекап после создания будет автоматически залит на этот FTP.
Эту функцию удобно использовать при обновлении больших сайтов. Если Вы разрабатываете сайт на локальной машине. То Вы можете одним кликом создать бекап в несколько десятков мегабайт и залить его на сервер в интернете.
После этого Вам останется только зайти на сайт в интеренте и восстановить бекап, который залил туда локальная копия этого сайта.
Все. Таким образом, перенос изменений становится простой и приятной задачей.
Создание резервных копий
Создание резеврной копии |
---|
Интерфейс создания резервной копии и тонкой настройки объединен.
В настройках можно исключить таблицы, которые не нужно переносить на новый сайт или бекапировать (к примеру таблицы статистики), а так же указать расширения файлов или пути, которые следует исключать из бекапов.
Это сделано для того, чтобы исключать файлы, которые занимают большой объем (видеоролики, архивы и т.п.)
Для создания резервной копии сайта необходимо отметить компоненты сайта, которые должны быть включены в резервную копию, а также указать комментарии к копии, если это необходимо.
Для того чтобы сделать архивную копию абсолютно всего сайта, необходимо отметить все три компонента.
Процесс создания резервной копии может занять некоторое время, его количество зависит от объема размещенного на сайте контента. При успешном создании архивной копии вам будет доступен список имеющихся архивных копий, которые зарегистрированы в системе (Рисунок 8).
Выгрузка и восстановление с резервной копии
Рисунок 8. Пример списка файлов с резервными копиями сайта. |
---|
На рисунке 8 представлена таблица с зарегистрированными копиями сайта. Сюда попадают только те копии сайта, которые сделаны средствами административного интерфейса.
Кликнув на имени файла, вы получите возможность скачать полученный файл резервной копии на локальной компьютер. При клике на ссылке «Восстановить» будут восстановлены компоненты, находящиеся в данной резервной копии (перечень этих компонентов можно увидеть в колонке «Содержимое»).
Имя файлов с резервными копиями сайта шифруется, что исключает возможность свободного скачивания файла вне административного интерфейса сайта, используя прямые ссылки.
Загрузка резервной копии на сервер и восстановление с неё
Если вы в когда либо сохраняли резервную копию сайта на свой локальный компьютер, то для того что бы восстановить сайт из такой резервной копии необходим предварительно закачать файл архива на сервер. Для этого вам необходимо выбрать файл, нажав на кнопку «Обзор», и затем нажать кнопку «Загрузить» (Рисунок 7).
Файлы, загруженные таким методом отображаются в отдельном списке, а способ работы с ними идентичен способу работу с внутренними архивными копиями, с той лишь разницей, что имена таких файлов не шифруются и после того как вы произвели восстановление сайта, рекомендуем вам сразу удалить данную резервную копию с сайта.
Системные настройки
Пункт содержит несколько блоков, объединяющих разные системные настройки SantaFox™.
Изменение ряда этих настроек может привести к нарушениям в работе сайта и невозможности продолжать работу в административном интерфейсе.
Все настройки сайта находятся в файле /ini.php, и, в случае обнаружения проблем в работе сайта из-за системных настроек и невозможности их изменить средствами административного интерфейса, администратор может прибегнуть к непосредственному редактированию файла ini.php, воспользовавшись внешним FTP-клиентом.
Настройки доступа к базе данных mySQL
Определяют параметры для возможности доступа SantaFox™ к базе данных mySql.
Рисунок 9. Часть формы настроек, отвечающая за соединение SantaFox™ с базой данных mySql. |
---|
Система управления контентом поддерживает возможность использования одной базы данных разными (работающими на разных копиях SantaFox™) сайтами. Для разделения таблиц внутри базы данных используется префикс таблиц.
Изменение любого из указанных здесь параметров может привести к невозможности открыть сайт и продолжить работу CMS.
Доступ по FTP
Содержит данные, необходимые для получения доступа к сайту по протоколу FTP.
Рисунок 10. Часть формы настроек, отвечающая за возможность доступа SantaFox™ к своим файлам по протоколу FTP. |
---|
Данные настройки могут использоваться администратором в информативных целях. Они не влияют на работоспособность сайта, однако без их указания могут не работать функция «Восстановление из резервной копии» и функция «Обновления», а также неполноценно работать функции «Установки прав» (подробнее о этих функциях смотрите ниже).
Параметры административного интерфейса
Блок содержит ряд настроек (Рисунок 11), используемых для настройки работы администратора, и которые являются либо общими для всех администраторов сайта, либо используются в том случае, когда администратор сайта ещё не авторизовался.
Рисунок 11. Часть формы настроек, отвечающая общие свойства административного интерфейса SantaFox™. |
---|
Параметры «Язык интерфейса» и «Кодовая страница» определяют язык и кодовую страницу административного интерфейса в тех случаях, когда ещё не определён администратор сайта (например, при авторизации администратора).
При работе со структурой сайта Вам может понадобиться возможность изменить ширину блока меню раздела, в котором выводится. Для того чтобы каждый раз не настраивать ширину фрейма вручную, вы можете задать её в параметре «Ширина фрейма».
Радел главного меню по умолчанию определяет тот раздел главного меню сайта, который будет открыт в момент первого входа администратора сайта в административный интерфейс.
При редактировании контента страниц сайта (и только их) для каждой редактируемой области контента открывается отдельное окно со встроенным редактором контента. При сохранении контента редактируемое окно может быть автоматически закрыто. В противном случае, произойдет обычное сохранение контента, и он будет доступен для дальнейшего редактирования. Управление этой функцией осуществляет параметр «Выполнить закрытие окна».
Опция «Выводить сообщения о ошибках» определяет, будут ли выводиться на экран ошибки, возникшие в процессе работы пользователя. В рабочих версиях сайта рекомендуем отключить эту опцию, так как сообщения об ошибках дезориентируют пользователей сайта, а также могут быть использованы злоумышленниками для получения доступа к сайту.
Пути к файлам
В блоке определяются: имя папки, содержащей дизайн сайта (шаблоны, картинки и т. п.), а также папки, в которой сохраняется контент сайта. Не рекомендуем отступать от стандартных настроек и изменять их.
Рисунок 12. Часть формы настроек, отвечающая за пути к файлам контента и дизайна. |
---|
Другие настройки
Опция «Кэширование страниц» позволяет сократить скорость формирования страницы сайта за счет того, что сборка страницы происходит один раз, после чего страница в виде готового файла помещается в кэш. Соответственно, второй и все последующие вызовы данной страницы будут происходить быстрее, так как для отображения страницы её необходимо просто взять из файла. Использование кэша снижает нагрузку на сервер при большой посещаемости сайта, однако есть и ряд неудобств, связанных с обновлением кэша и формирования кэша для страниц с переменным контентом. На данный момент CMS использует простую систему кэширования, задействовать которую имеет смысл только в определённых случаях.
Рисунок 13. Часть формы настроек, отвечающих за другие параметры работы SantaFox™ |
---|
Опция «Автоматически добавлять WWW. в адрес» позволяет осуществлять автоматический редирект (переход) посетителей, которые ввели адрес сайта «mysite.ru», на сайт «www.mysite.ru»
Опция «Вести учет посетителей на сайте» позволяет отключать и включать встроенную систему статистики.
При включенной опции «Выводить время в код страницы» CMS в начале каждой страницы сайта будет выводить время, затраченное на формирование страницы. Время выводится для служебных целей и не показывается непосредственно пользователю сайта. Для того чтобы увидеть значение времени, необходимо просмотреть сформированную страницу в виде кода HTML.
Информация о системе
В данном информационном блоке содержится сводная информация о версиях программного обеспечения, на установленного на компьютере хостера. Здесь же вы можете узнать текущую версию CMS и, в случае необходимости, произвести обновления.
Информация о сервере
В параметре выводится версия сервера, на котором работает сайт, а также версия PHP. Данная информация может быть полезна при возникновении ошибок, связанных с версиями этих программ.
Рисунок 14. Пример информационного блока с данными сервера, на котором запушена SantaFox™. |
---|
Помимо этого, здесь выводится IP-адрес сервера, а также IP-адрес компьютера, с которого вы зашли в административный интерфейс.
Особенности работы
Операционная система UNIX и ей подобные имеют сложную систему прав. У вас могут возникнуть сложности в работе с сайтом, когда часть файлов попадает в систему с помощью FTP-клиентов, а другая часть – с помощью визуального редактора. Эти сложности могут проявиться при восстановлении сайта из резервной копии и при обновлении сайта.
Рисунок 15. Информационный блок, отображающий возможности изменения прав доступа на файлы SantaFox™. |
---|
На большинстве хостингов изменение всех прав с помощью скрипта (программного кода) недоступно. Это означает, что к части файлов необходимо иметь доступ по протоколу FTP.
Для того чтобы функции архивирования, восстановления и обновления работали корректно, необходимо, чтобы доступ по FTP был в статусе «доступно».
Обновления
Опция выводит информацию о текущей версии CMS а также проверяет наличие обновлений.
Рисунок 16. Блок для проверки наличия обновлений. |
---|
В случае, если на сервере есть доступные обновления, вы можете установить их, кликнув на соответствующей ссылке (ссылка будет доступна справа от слов «Наличие обновлений»).
Обновления выпускаются не аккумулятивными, то есть, если версия вашей CMS 1.1, а на сервере уже доступна версия 1.3, то для перехода на неё необходимо выполнить сначала обновление до версии 1.2, а уже потом до версии 1.3.
В любом случае, процесс обновления не требует от вас контроля за текущей версией или версией обновления. Это определяется автоматически.
Перед любым обновлением системы рекомендуем вам обязательно сделать резервную копию всего сайта.
Системные действия
Здесь собраны особые системные действия (Рисунок 17), которые могут понадобиться вам в редких случаях. Как правило, это может быть связано с проблемой переноса сайта на новый хостинг, с проблемами при обновлении сайта, а также с необходимостью переинсталлирования новых модулей.
Рисунок 17. Таблица с возможными системными действиями и их расшифровкой. |
---|
Установить полные права
При клике на этой ссылке на все файлы устанавливаются полные права. При установке прав будет задействовано FTP-соединение, так как изменять права на файл может только их владелец, а у файлов, переписанных FTP-клиентом и записанных через интерфейс визуального редактора, владельцы будут разные.
Установка полных прав на все файлы потенциально несёт повышенные риски по взлому сайта. Поэтому при любых обстоятельствах файлы с таким правами не стоит оставлять на долгое время. В случае использования этого сервиса необходимо ОБЯЗАТЕЛЬНО воспользоваться сервисом «Установка стандартных прав».
Установить стандартные права
Возвращает права всех файлов к стандартному виду. Под стандартным видом прав подразумевается следующее:
-
на папки /content, /design и /modules/*/templates_user, а также на все вложенные файлы и папки устанавливаются полные права (0777);
-
на все остальные папки устанавливаются стандартные права (0755);
-
на все файлы, находящиеся в папках со стандартными правами, устанавливаются ограниченные права (0644).
Переинсталлировать языковые переменные
Вы можете воспользоваться данной функцией для устранения незаполненных языковых переменных в административном интерфейсе. Вы обнаружите эти переменные, если вместо ожидаемого названия пункта меню, названия раздела и т. п. увидите метку [#<id_var>#].
Закладка «Администраторы»
В этой закладке имеется возможность создания дополнительных администраторов и определить их права. Все администраторы объединяются в группы, а права на те или иные функции административного интерфейса назначаются группам администраторов.
В этой закладке вы можете:
-
создать, удалить или отредактировать группы администраторов;
-
создать, удалить или отредактировать учетные записи администраторов;
-
отредактировать права доступа групп администраторов.
Управление группами
При выборе данного подраздела вы увидите таблицу с уже существующими группами администраторов.
Рисунок 18. Таблица с существующими группами. |
---|
Создание новой группы
Для создания новой группы необходимо кликнуть по кнопке «Добавить группу» (Рисунок 18), после чего будет выведана форма для создания новой группы администраторов сайта.
Рисунок 19. Форма для ввода и редактирования группы. |
---|
«Имя» группы – уникальный идентификатор группы, состоящий из букв латинского алфавита, цифр, а так же символов «_» и «-».
«Полное имя» содержит расшифровку имени группы и может состоять уже из любых символов, включая кириллицу.
Если у группы установлен признак «Главный администратор», то администраторы этой группы имеют полные права и доступ ко всем административным функциям CMS.
Редактирование и удаление группы
Для редактирования группы необходимо произвести клик по её идентификатору (Рисунок 17), после чего будет открыта форма редактирования (Рисунок 18). Для удаления группы необходимо кликнуть по кресту, в строке той группы, которую необходимо удалить.
Управления администраторами
При входе в данный подраздел меню вы увидите таблицу с уже существующими учётными записями администраторов сайта.
Рисунок 20. Таблица с существующими учётными записями администраторов. |
---|
Создание новой учётной записи администратора
Для создания новой учётной записи необходимо нажать на кнопку «Добавить пользователя» (Рисунок 20), расположенную под таблицей существующих администраторов. После этого вам отобразиться форма, для добавления новой учётной записи (Рисунок 21).
Рисунок 21. Форма ввода и редактирования данных учётной записи администратора сайта. |
---|
Поля «Логин» и «Пароль» определяют имя учетной записи администратора и пароль, которым будет пользоваться администратор для авторизации и получения доступа в административный интерфейс. Логин может содержать только буквы латинского алфавита.
Каждому администратору можно задать свой язык интерфейса и кодовую страницу.
Для того чтобы временно отключить учетную запись, не удаляя её, необходимо снять галочку «Запись активна», тогда доступ по этой учетной записи будет заблокирован.
Для того чтобы администратор мог входить в интерфейс под своей учетной записью, необходимо отнести его хотя бы в одну из групп. Сделать это можно, кликнув на названиях групп в соответствующем блоке формы.
Редактирование и удаление учётных записей
Для редактирования учтенной записи администратора необходимо произвести клик по её идентификатору (Рисунок 19), после чего будет открыта форма редактирования (Рисунок 20). Для удаления чётной записи администратора необходимо кликнуть по кресту в соответствующей строке.
Управление правами групп
Интерфейс администратора зависит от того, какие права даны группам, в которые входит учетная запись. Если администратор входит в несколько разных групп, то доступ к той или иной функции будет запрещён, если он запрещён хотя бы в одной группе.
Рисунок 22. Форма простановки прав доступа для группу администраторов сайта. |
---|
Для задания прав необходимо выбрать одну из групп, находящихся в колонке «Группа для редактирования прав».
В эту колонку не попадают группы с признаком «Глав. администратор», так как эта группа итак имеет полные права.
Справа, в колонке «Права группы» отмечаются объекты CMS, к которым группа администраторов будет иметь доступ. Наборы доступных объектов могут быть разными в зависимости от установленных модулей.
Для того что бы дать группе права на тот или иной объект необходимо поставить галочку напротив соответствующего объекта. Сейчас интерфейс не производит автоматическое включение разрешений на родительский объект, если вы разрешили доступ к дочернему. Поэтому, при установке галочки хотя бы на одном из дочерних объектов, следует обязательно поставить галочку и на родительском.
Список работающих администраторов
Доступ к этому разделу имеет любой администратор вне зависимости от группы и прав. Помимо доступа через закладку «Администраторы», просмотреть список «активных» администраторов можно, кликнув на цифре расположенной в служебной строке интерфейса. Перейдя в данный подраздел вам будет отображена таблица работающих администраторов (Рисунок).
Рисунок 23. Таблица с информацией о администраторах сайта, которые сейчас работают в административном интерфейсе. |
---|
По таблице можно определить, кто из администраторов сейчас находится на сайте и какой раздел просматривает. Помимо этого, в таблице выводится информация об IP компьютера, с которого администратор получил доступ в административный интерфейс.
Закладка «Модули»
Закладка доступна только администратору сайта, принадлежащему к группе с отметкой «Главный администратор».
Рисунок 24. Интерфейс по управлению модулями сайта, на пример модуля «Меню». |
---|
Здесь происходит инсталляция модулей, создание действий модулей и их основная настройка. Как видите, экран разделен на две части. Слева находится меню раздела со списком доступных модулей, а справа – три (или меньше, в зависимости от выбранного модуля) информационных блока для настроек модуля и управления его действиями.
Прежде чем переходить к описанию интерфейса и особенностей работы с модулями, осветим несколько важных моментов.
Что такое модуль
В понятиях SantaFox™ модулем является обособленный программный код (скрипт), который выполняет одну или несколько определенных функций (например, модуль «Меню» формирует меню, а модуль «Магазин» отвечает за вывод каталога товаров, формирование корзины и оформление заказа).
Каждый модуль имеет набор доступных действий с заданными параметрами. Именно действия определяют, как будет работать та или иная функция, реализуемая модулем. А также именно действия привязываются к меткам, используемым в шаблонах сайта.
Важным аспектом является понятие базового модуля. При инсталляции любого модуля в SantaFox™ создаётся виртуальный объект – базовый модуль, который имеет только параметры. Базовый модуль может иметь неограниченное число потомков (дочерние модули), параметры которых наследуются от базового модуля. И уже непосредственно у дочерних модулей создаются действия.
Общие настройки модуля, которые можно отнести ко всем выполняемым действиям, вынесены в отдельный блок — параметры модуля. Этот блок работает с функцией наследования, то есть, если значение параметра не указано у дочернего модуля, то оно (значение) будет унаследовано от базового модуля.
Всё, о чём говорилось выше, конфигурирует процесс того, как модуль будет формировать контент, за который он отвечает. Но, помимо этого, администратору сайта необходимо непосредственно управлять тем контентом, которым будет оперировать модуль. Для модуля «Новостей» это управление новостями, для «Каталога продукции» это управление списком товаров, управление каталогом и их взаимосвязью. Эти функции реализуются в административном интерфейсе модуля.
При работе в административном интерфейсе модуля нам снова понадобятся понятия базового модуля и дочернего модуля. Интерфейс модуля может пребывать в нескольких ипостасях:
-
У модуля нет административного интерфейса.
Рисунок 25. Слева показан часть дерева подключённых модулей, а справа показан строка доступа к административным интерфейсам модулей, на которой нет тех модулей, которые представлены в дереве. |
---|
Например, модуль «Дорога», модуль «Меню», или модуль «Карта сайта» не имеют административного интерфейса, так как формируемый ими контент полностью определяется структурой сайта.
-
Модуль имеет один административный интерфейс.
Рисунок 26. Слева показана часть дерева подключённых модулей в которой есть два дочерних модуля, однако у них один административным интерфейсам, что видно из правого рисунка. |
---|
Количество административных интерфейсов модуля не зависитот количества дочерних модулей, тем самым, Вы можете создать n-ное количество дочерних модулей (конечно же, принадлежащих одному базовому модулю), в любом случае, административный интерфейс у них будет общий.
Пример: для модуля «Поиск по сайту» можно создать несколько дочерних модулей с разными параметрами поиска или глубиной параметра и т. п., но административный интерфейс у них всех будет один и состоять он будет из одной кнопки – «Переиндексация сайта».
-
Каждый дочерний модуль имеет свой административный интерфейс.
Рисунок 27. Слева показано два дочерних модуля новостей, а справа пример то, что у каждого из этих дочерних модулей есть свой административный интерфейс. |
---|
Как Вы уже, наверное, догадались, это означает, что у каждого экземпляра дочернего модуля будет свой административный интерфейс. Однако это не означает, что интерфейсы будут отличаться по своим возможностям, вся разница заключена в том контенте, которым будут управлять модули.
Яркий пример: модуль «Новости». Для реализации нескольких новостных лент делается несколько экземпляров базового модуля. И каждая новостная лента имеет свой административный интерфейс, в котором вы управляете только новостями этой конкретной ленты.
Есть ещё одна деталь, способная повлиять на то, как модуль будет формировать конент (и будет ли вообще). Дочерний модуль может добавить к каждой странице сайта какое-то свойство. В зависимости от того, какое там установлено значение, модуль может вести себя по-разному. Помимо всего прочего, если значение этого свойство явно не задано у конкретной страницы, где происходит вызов модуля, оно будет унаследовано от родительской страницы.
Если данный раздел показался вам сложным, ничего страшного. В большинстве простых модулей слабо задействован заложенный в SantaFox™ потенциал. Однако понимание этой архитектуры будет полезно и может быть даже необходимо для того чтобы работать со сложными модулями, сопоставимыми по этому параметру со всей SantaFox™.
Основные положения, которые должны стать понятными после прочтения этого раздела:
-
Можно создавать несколько экземпляров модуля, называемых дочерними модулями.
-
Административный интерфейс может быть как разным у каждого дочернего модуля, так и общим для всех дочерних модулей, также его может и не быть вовсе.
-
Каждый дочерний модуль имеет набор параметров и действий.
-
Количество дочерних модулей может быть неограниченным.
-
Параметры дочернего модуля и параметры действия определяют результат, полученный после вызова действия.
-
Результат выполнения действий модуля заменяет метку, для которой происходит вызов модуля.
Необходимо отметить, что все способы работы модуля в SantaFox™ (доступные действия, типы административных интерфейсов, используемые параметры и т. п.) определяет только разработчик модуля. Администратор сайта (то есть, вы) оперирует тем, что у него уже есть, с учетом особенностей работы модулей и заложенных в них функций.
Управление доступными модулями
Сначала подробно рассмотрим левую часть экрана — список доступных модулей. Здесь мы, выбрав конкретный модуль, можем реализовать для него следующие возможности:
-
создание базового модуля;
-
создание дочернего модуля;
-
удаление базового модуля и всех его дочерних модулей;
-
удаление только дочернего модуля;
-
переинсталяция модуля.
Рисунок 28. Дерево подключённых модулей. |
---|
Создание базового модуля
Создавая базовый модуль, вы производите его инсталляцию непосредственно в SantaFox™. Для того чтобы выполнить инсталляцию, необходимо кликнуть на корневой папке в дереве подключённых модулей, которая называется «Подключенные модули» (Рисунок 28). После клика по ней, в области контента, отобразиться небольшая форма для выбора модуля (Рисунок 29).
Рисунок 29. Интерфейс по выбору и инсталляции нового базового модуля. |
---|
Следует учесть, что в список доступных для инсталляции модулей попадают только те модули, которые ещё не проинсталлированы в системе и которые доступны для инсталляции.
После выбора конкретного модуля необходимо нажать кнопку «Новый базовый модуль» и дождаться обновления экрана.
В зависимости от конкретного модуля при инсталляции могут быть автоматически созданы дочерние модули, заполнены свойства модуля, а также заданы какие-то действия. Если этого не произошло, то необходимо произвести настройки вручную.
Создание и удаление дочернего модуля
Создание нового дочернего модуля может потребоваться как при инсталляции нового модуля, так и при расширении возможностей уже существующего, например, когда потребовалась ещё одна новостная лента.
Для того чтобы создать новый дочерний модуль, вам необходимо произвести клик правой кнопкой мыши на названии базового модуля или на названии уже существующего дочернего и в появившимся контекстном меню выбрать пункт «Добавить модуль» (Рисунок 30).
Для удаления конкретного дочернего модуля вам необходимо произвести клик правой кнопкой мыши именно на удаляемом дочернем модуле и в этом же контекстном меню выбрать пункт «Удалить модуль». Перед удалением модуля будет выведено предупреждение с просьбой подтвердить удаление. Будьте внимательны, при удалении модуля теряется вся информация, связанная с ним, и восстановить её будет невозможно.
Удаление базового модуля
Возможно, вам понадобится удалить базовый модуль. В этом случае будут удалены и все его дочерние модули. Данная функция может потребоваться на этапе настройки модуля в SantaFox™, если произведенные вами настройки модуля не дали желаемого эффекта, и вы ходите начать всё с «чистого листа».
Рисунок 30. Вызов контекстного меню для добавления нового дочернего модуля. |
---|
Для удаления базового модуля необходимо выполнить действия, идентичные тем, что описаны в предыдущем пункте (Рисунок 30). С той лишь разницей, что правый клик мыши нужно осуществлять именно на базовом модуле.
При удалении базового модуля будут удалены и все его потомки со всеми настройками.
Переинсталляция модуля
Специфическая функция, которая используется при разработке нового модуля в процессе его отладки. Суть функции заключена в том, чтобы произвести перерегистрацию модуля в системе и при этом, по возможности, сохранить уже введенные данные (контент модуля, созданные действия и их привязка к меткам).
Вызов функции происходит через контекстное меню, всплывающее при клике правой кнопкой мыши на любом из модулей (Рисунок 30). Запускать переинсталляцию можно для любого модуля, так как она затрагивает все дочерние модули, относящиеся к одному базовому, и сам базовый модуль, т. е. переинсталляция выполняется только один раз, вне зависимости от количества дочерних модулей.
Настройка модуля
Выбрав конкретный дочерний (или базовый) модуль, мы можем его настроить, а именно, определить:
-
название модуля;
-
параметры;
-
действия и их параметры.
Следует также отметить, что действия могут существовать только у дочерних модулей, и потому интерфейс создания и управления действий доступен только для дочерних модулей.
Визуально настройки модуля разделены на три разных блока, рассмотрим в отдельности каждый блок.
Рисунок 31. Форма управления настройками и действиями модуля. |
---|
Название модуля
Это достаточно простой блок. Здесь вы можете изменить название модуля, которое будет использоваться в административном интерфейсе (Рисунок 31).
Часто один и тот же модуль используется для реализации сходных по функциям, но разных по контенту задач. Чтобы не запутаться, для чего именно был создан каждый дочерний модуль, им можно задать разные названия.
При этом названия задаются для всех языков, присутствующих в системе.
Параметры модуля
В данном блоке Вам необходимо настроить параметры модуля, которые будут использоваться в момент обработки действий.
Конкретный набор параметров и варианты значений, безусловно, зависят от конкретного модуля и его сложности. На Рисунке 32 изображены параметры базового модуля интернет магазина.
Рисунок 32. Пример с параметрами базового модуля. |
---|
Следует отметить, что внешний вид этого блока для дочернего модуля будет несколько иным. На Рисунке 33 представлен внешний вид блока настройки параметров дочернего модуля. Как видите, перед каждым значением параметра появилась галочка, которая определяет, использовать механизм наследования для данного параметра или нет.
Рисунок 33. Пример с параметрами дочернего модуля |
---|
В случае, если этот признак установлен, определить (задать) значение свойства у данного дочернего модуля невозможно, и оно будет наследоваться от базового модуля. Если же признак наследования снят, вы можете переопределить значение конкретного свойства у дочернего модуля. Именно это значение и будет использоваться при обработке действий этого дочернего модуля.
Данная возможность позволяет гибко работать с настройками модуля, но реальные удобства появляются при количестве дочерних модулей одного типа более четырёх-пяти штук.
В любом случае, мы рекомендуем вам задавать параметры базового модуля и только в случае необходимости переопределять их у дочерних, так как это облегчит дальнейшее создание экземпляров дочерних модулей.
Управление действиями
Мы подошли к самому интересному блоку в настройках модуля. Здесь вы создаёте конкретные действия модуля и определяете их параметры. Именно из созданных здесь действий вы сможете выбирать, что будет выводиться на конкретной странице сайта вместо той или иной метки.
Для создания нового действия необходимо выбрать один из доступных методов, которые представлены в выпадающем списке в верхней части блока, и нажать кнопку «Создать» (Рисунок 34).
Рисунок 34. Пример блока модуля новостей с тремя создаными действиями. |
---|
Для редактирования уже существующего действия необходимо нажать на иконку « », напротив того действия, которое вы хотите отредактировать, а для удаления действия – иконку « ». При этом перед удалением на экран выводится предупреждение и запрос на подтверждение удаления действия.
При редактировании и создании действия открывается дополнительное окно (Рисунок 35). В нём вы указываете название действия, а также определяете необходимые для него параметры (если они есть).
Рисунок 35. Внешний вид окна с формой для редактирования действия или создания нового. |
---|
Типы и количество параметров, используемых в конкретном действии, определяются разработчиком модуля и никак не корректируются администратором сайта.
В дальнейшем вы можете безболезненно менять как параметры действий, так и их названия, что не приведет к необходимости переназначать действия у меток.
Закладка «Структура»
На Рисунке 36 представлено меню раздела (слева), в котором вы видите дерево сайта. Через это дерево создаются, выбираются и удаляются страницы сайта. Справа находятся три блока для настройки страницы.
Рисунок 36. Внешний вид интерфейса по работе со структурой сайта. |
---|
Работа со структурой сайта
Работа с деревом сайта позволяет реализовать следующие функции:
-
выбор страницы для настройки;
-
добавление новой страницы;
-
удаление существующей страницы;
-
перемещение страницы по структуре;
-
переименование страницы.
Ниже мы рассмотрим каждое действие подробнее, но сперва обратим внимание на несколько важных моментов.
Рисунок 37. Пример структуры сайта. |
---|
Как видите, визуально (да и функционально тоже), структура сайта очень похожа на окно проводника в системе Windows, а именно — на структуру каталогов и папок. Желтая иконка папки у страницы означает, что внутри неё находятся другие страницы сайта.
Мы опять сталкиваемся с принципами наследования, и нам необходимы такие понятия как родительская страница и дочерняя страница. Страницы, являющиеся родительскими для других страниц, мы будем называть разделами.
Значок папки у страницы означает, что у этой страницы есть дочерние страницы, а она, в свою очередь, является для них родительской.
При этом родительские и дочерние страницы абсолютно равнозначны с точки зрения возможности содержать контент, то есть, каждая из них является именно страницей итогового сайта и может быть показана пользователю сайта. Кроме того, страница может одновременно являться и родительской, и дочерней, но не по отношению к одной и той же странице.
Помимо этого, важным понятием является понятие уровня страницы или уровня вложенности страницы. Это число показывает на каком уровне в дереве находиться страница. Например, страница «Русский» имеет первый уровень (её родитель – главная страница сайта). Страница «О компании» имеет второй уровень, а потомки страницы «Каталог» — третий уровень.
Для того чтобы эффективно работать со структурой сайта, вам необходимо постоянно помнить о принципах наследования, так как с их использованием значительно сокращается объем работы, проводимый при изменении однообразной информации на сайте.
Добавление страницы
Для добавления новой страницы сайта необходимо подвести курсор мыши к уже существующей странице сайта, которая будет являться родительской для вновь создаваемой страницы.
Рисунок 38. Пример вызова контекстного меню для создания новой страницы сайта или удаления существующей. |
---|
На Рисунке 38 показан процесс создания новой страницы в разделе «Услуги», при этом нам даже не нужно раскрывать список и видеть страницы, уже имеющиеся в этом разделе.
Параметрам вновь созданной страницы присваиваются значения по умолчанию, и она (страница) становится текущей, то есть, нет необходимости повторно кликать на ней, чтобы начать её редактирование. После этого вы сможете отредактировать все настройки страницы в форме, справа от дерева сайта.
Удаление страницы
Для удаления страницы сайта необходимо подвести курсор мыши к той странице, которую вы хотите удалить, и, нажав правую кнопку мыши, выбрать соответствующий пункт в появившимся контекстном меню (Рисунок 38).
Следует отметить, что если вы удаляете раздел сайта (родительскую страницу), то вместе с ней будут удалены и все уровни дочерних страниц.
Изменение структуры сайта
Вам может потребоваться (и, скорее всего, потребуется) возможность изменять взаимное расположение страниц сайта (изменять структуру сайта) для того чтобы решить две задачи:
-
изменить порядок следования страниц, так как этот порядок определяет последовательность выведения страницы при формировании меню;
-
изменить иерархию страниц, перемещая страницы по дереву сайта и меняя их уровни.
В целом, все операции по изменению структуры сайта в дереве сайта выполняются по средствам метода Drag & Drop
Рисунок 39. На данном изображении страница «О компании» переноситься после страницы «Новости». Обратите внимание на иконку, сообщающую о том, что страница будет размещена между других страниц. |
---|
Для того чтобы изменить порядок следования страниц (Рисунок 39), необходимо подвести курсор мыши к странице, положение которой вы хотите изменить, нажать левую клавишу мыши, и, удерживая её, переместить курсор к тому месту в структуре, куда вы хотите вставить страницу. Пока вы удерживаете клавишу мыши, справа от курсора будет видно название страницы, которую вы перемещаете. Для того чтобы вставить страницу после какой-либо другой страницы (например, страницу «О компании» после страницы «Новости»), необходимо разместить курсор мыши чуть ниже названия страницы. После этого можно отпустить левую клавишу мыши .
Похожим образом меняется подчиненность между страницами. Разница заключена в том, что при переносе страницы необходимо «отпустить» её на той странице, потомком которой она должна стать. Например, если мы хотим страницу «Поиск» сделать дочерней страницей раздела «Подбор по параметрам», необходимо при перемещении расположить курсор мыши над страницей «Подбор по параметрам» (Рисунок 40).
Рисунок 40. На данном изображении страница «Поиск» переноситься в страницу «Подбор по параметрам». Обратите внимание на иконку, сообщающую о том, что страница станет дочерней для той, на которую указывает курсор. |
---|
Все изменения, производимые со структурой сайта, сразу вступают в силу и отображаются для всех посетителей сайта. Поэтому для экспериментов со структурой лучше выбрать часы, когда на сайте меньше всего посетителей.
Редактирование параметров страницы
Выбрав в дереве сайта одну из страниц, можете отредактировать её свойства и определить, какой контент будет формироваться на этой странице сайта. Для этого используются три разных блока.
Форма редактирования требует некоторого время на загрузку и формирование, потому дождитесь её полного появления и только после этого приступайте к редактированию. Рассмотрим каждый из них в отдельности.
Свойства страницы
Это блок позволяет настроить основные и жизненно важные параметры страницы.
Рисунок 41. Блок формы для изменения основных свойств страницы. В данном случае на редактирования вызвана главная страница сайта. |
---|
Название страницы в меню.
В этом поле задаётся имя страницы, которое будет использовано для отображения в меню сайта и в собственно структуре сайта. Имя может содержать пробелы и русские буквы.
Мы не рекомендуем делать названия страниц очень длинными (длиннее двух слов), так как это приводит к неоправданному увеличению занимаемого меню места, а также затрудняет понимание назначения данной страницы пользователем сайта.
Заголовок страницы (title)
Если он должен отличаться от названия страницы, необходимо снять галочку и ввести необходимое значение. В противном случае в качестве заголовка страницы будет использовано её название.
Модули CMS имеют возможность добавлять свою информацию (например, название товара) к заголовку страницы.
Уникальный идентификатор
Уникальное имя страницы, используемой системой CMS. При создании страницы идентификатор формируется автоматически, но его можно изменить, сняв соответствующий флажок.
Самым простым и удобным вариантом уникального идентификатора служит английское слово, являющееся эквивалентом русского названия страницы или же представления русского названия в транслите.
Идентификатор является регистронезависимым, то есть, «about», «ABOUT» или «About» будут восприниматься системой как одно и то же. В качестве значения идентификатора могут быть введены только латинские символы, цифры и знак подчеркивания (нижнее тире).
Как уже говорилось, идентификаторы предназначены для внутреннего использования системой. Однако пользователи сайта также будут видеть идентификаторы страниц и могут обращать на них внимание.
Пользователь сайта будет видеть идентификатор в следующих случаях:
-
в адресной строке браузера при просмотре конкретной страницы сайта (Рисунок 42);
Рисунок 42. Пример того, как отображается идентификатор страницы в адресной строке браузера. |
---|
-
в информационной строке браузера в тот момент, когда курсор мыши будет находиться над ссылкой, ведущий на данную страницу (Рисунок 43);
Рисунок 43. Пример отображения идентификатора в информациионной строке браузера. |
---|
-
в адресной строке сайта вначале ручного ввода адреса сайта будут выведен список адресов, по которым пользователь может осуществить быстрый переход (Рисунок 44).
Рисунок 44. Пример отображения идентификатора страницы при ручном наборе адреса страницы. |
---|
Поэтому мы рекомендуем давать идентификаторам осмысленные названия, отражающие суть и смысл страницы, так как это может быть очень важно для пользователя.
Также важно учесть то, что идентификатор используется системой для обеспечения связи между различными элементами страницы, поэтому его изменение в работающем сайте может привести к ошибкам в функционировании. Придумав идентификатор один раз, старайтесь больше его не менять.
Страница для автоматического перехода
В данном поле необходимо указать ссылку на любую страницу сайта, куда пользователь будет автоматически переправлен в случае обращения к текущей странице.
Для того чтобы задать это свойство, воспользуйтесь кнопкой в конце поля и выберите страницу сайта, на которую должен будет перенаправляться пользователь из дерева сайта, также можно ввести её адрес вручную, при этом вводится относительный адрес страницы (без имени сервера).
Это свойство применяется в тех случаях, когда страница по каким либо причинам не несёт в себе смысловой нагрузки, а используется лишь для группировки других страниц и/или в навигационных целях.
Шаблон страницы
В поле выбирается один из возможных шаблонов страницы, в котором находятся статичные элементы дизайна и метки для динамически сформированного контента.
По умолчанию это свойство не редактируется, используется шаблон родительской страницы. Если вам всё-таки необходимо выбрать другой шаблон, снимите галочку наследования (она находится рядом с полем выбора шаблона) и осуществите выбор.
Следует отметить, что выбор шаблона повлечет изменения в блоке «Ссылки, используемые на странице». Особенности этих изменений смотрите ниже, в описании соответствующего блока.
Свойства страницы для модуля
Рассмотрим следующий блок, доступный для настройки отображения страницы.
Рисунок 45. Блок со свойствами модулей к странице сайта. |
---|
Как отмечалось в разделе «Модули», каждый модуль может добавить какое-то свойство к странице сайта. В данном блоке происходит настройка добавленных свойств.
Помимо названия конкретного свойства и возможного значения, в скобках после названия указывается модуль (дочерний модуль), к которому относится это свойство.
Значение свойств также наследуется родительской страницей, и, если вам необходимо изменить его, снимите галочку напротив соответствующего свойства.
Как правило, большинство модулей не приписывают настройки к страницам сайта, поэтому данный блок не очень обширен, однако такие модули как «Меню», «Карта сайта» и «Дорога» используют данный механизм SantaFox™ для того, что бы некоторые страницы сайта могли быть скрыты от пользователя.
Ссылки, используемые на странице
Мы подошли к самому главному блоку, который и будет определять динамический контент на странице (Рисунок 46).
Рисунок 46. Пример страницы сайта с установленными значениями меток. |
---|
Здесь необходимо определить, чем будет заменена каждая метка, используемая в шаблоне сайта. Для этого выводятся:
-
список доступных меток (колонка «Метка»);
-
список доступных объектов (все дочерние модули и ядро), чьи действия вы можете использовать;
-
список доступных действий (у выбранного объекта), которые определяются в закладке «Модули».
Как уже говорилось, действия, доступные для привязки к меткам, создаются и настраиваются в закладке «Модули», для каждого дочернего модуля, поэтому мы не будем заострять на них внимание.
Однако, помимо модулей, есть ещё один важный объект – ядро. Здесь собраны неизменяемые (администратором сайта) действия. То есть, ядро является подобием внутреннего дочернего модуля с набором заранее определённых действий.
Доступные действия ядра:
-
Возврат заголовка страницы
Возвращает заголовок (title) страницы и используется, в основном, для метки, находящейся внутри тега <title>. Однако может использоваться и в других случаях, когда необходимо получить заголовок страницы. Использование этой функции обязательно, так как модули могут дописывать информацию в заголовок страницы, и данное действие будет учитывать изменения и реагировать на них.
-
Редактор контента
Выбрав это действие, вы сообщаете системе, что контент в данной метке будет определен с помощью встроенного визуального редактора. Для того чтобы отредактировать этот контент, необходимо кликнуть на иконке « », появляющейся рядом с действием. Для каждый метки редактор контента открывается в новом окне, так что имеется возможность открыть сразу несколько окон для разных меток — как одной страницы, так и нескольких страниц.
Рисунок 47. Пример метки, для которой в качестве действия определён редактор контента. |
---|
При работе с метками также используется принцип наследования, то есть, если для страницы родителя эта метка определена, она точно так же будет определена и для дочерней страницы. Есть одна тонкость: механизм наследования работает по имени метки. То есть, если для дочерней страницы используется другой шаблон, в котором нет метки, используемой для страницы родителя, вы не сможете её переопределить. Если же шаблон дочерней страницы отличен от шаблона страницы родителя, но в них обоих присутствует одна метка с одним и тем же именем, её определение будет унаследовано от страницы родителя.
Механизм работы с метками и их наследованием делает работу с сайтом очень гибкой и удобной. Вы можете единожды создать метку, определить её в одном месте (например на главной странице) и затем использовать эту метку в совершенно разных шаблонах.
Кроме меток, используемых непосредственно в шаблоне страницы, вы можете сами указывать новые метки в редакторе контента, и после сохранения страницы новую метку можно определять в административном интерфейсе.
О шаблоне и метках
Попробуем ещё раз разобраться в идеологии меток.
Итак, шаблон страницы сайта содержит какие то статические элементы дизайна, которые никак не изменяются в этом шаблоне. Таким образом, все страницы сайта, для которых используется данный шаблон, будут содержать эти статические элементы.
В тех местах шаблона, где должен формироваться динамический контент, который может зависеть от конкретной страницы сайта и должен редактироваться (или управляться) через административный интерфейс ставятся метки.
Метка имеет следующий вид: [#<название метки>#]. В качестве названия допустимо использовать буквы латинского/и кирилического алфавита, цифры и знак подчеркивания «_» (нижнее тире).
Пример:
[#метка_на_русском#]
[#metka_na_latinice#]
Также можно создавать так называемые Админ метки:
[#Метка_admin#] — видна только админу (root)
-
[#Метка#] — видна всем!
-
[#Метка_admin#] — видна ТОЛЬКО главному администратору!
Рассмотрим схематичный пример блоков сайта. Слева описано то, что должен увидеть посетитель сайта, а справа – шаблон с добавленными метками.
Итак, мы добавили пять меток, которые будут определены на главной странице сайта. В административном интерфейсе для главной страницы сайта мы определили каждую метку. Определили – значит указали, какое действие какого объекта должно выполняться. Результат выполнения этого действия будет подставлен в шаблон вместо метки. На Рисунке 48 представлен внешний вид блока определённых меток.
Для меток [#words_main#], [#content#] и [#back_info#] в качестве действия определён «редактор контента». Таким образом, используя административный интерфейс, вы можете оперативно изменить метки, а так как их определения наследуется, изменения необходимо будет внести только на главной странице.
Рисунок 48. Пример того, какое соответствие поставлено для меток, в случае, описанном в данном разделе. |
---|
Метка [#content#] несколько отличается от всех остальных. Её необходимо переопределять для каждой новой страницы сайта, поскольку на разных страницах сайта необходим разный контент. Для переопределения метки необходимо снимать галочку наследования и формировать новый контент (средствами встроенного редактора) для каждой страницы.
Для метки [#main_menu#] определён вызов модуля построения меню и его действие «Вывести меню», которое отвечает за построение главного меню.
Похожая ситуация и с меткой [#news_lenta#], для котрой определено действие «Вывести ленту» модуля новости.
Мы рассмотрели шаблон главной страницы. Шаблоны внутренних страниц могут отличаться от шаблона главной страницы. Вы можете создать произвольное количество разных шаблонов и оперировать в них произвольным количеством меток, используя при этом принципы наследования.
Быстрые функции
Над блоками, управляющими свойствами страницы, после названия текущей страницы расположен блок иконок.
На данный момент доступна одна быстрая функция – просмотр страницы. Кликнув на этой иконке, вы сможете просмотреть сформированную страницу сайта в новом окне и внести необходимые корректировки в административном интерфейсе.
Постпроцессоры
Построцессоры — это небольшие куски php-кода, которые получают содержимое метки и могут его как-то обработать перед выдачей.
Типичное использование — «Товар/а/ов в стикере корзины товаров».
Вот код простого постпроцессора:
class strip_tags extends postprocessor { public function do_postprocessing($s) { return strip_tags($s); } public function get_name($lang) { return "strip_tags"; } public function get_description($lang) { return "Вызов strip_tags на содержимом"; } }
Функция get_name() возвращает в админку название постпроцессора.
Функция get_description() возвращает в админку краткое описание постпроцессора.
Функция do_postprocessing() получает html-код который ядро собиралось вывести в метку, совершает с ним некие действия и возвращает обратно ядру.
Т.е. их можно использовать тогда, когда вы хотите как-то руками доработать тот HTML который возвращает в метку тот или иной модуль.
Если Вам не нужны постпроцессоры — просто удалите их из /include/postprocessors/ и все. У вас пропадут выпадающие списки с ними из админки.
Закладка «Статистика»
Для того чтобы система статистики вела учет посетителей, необходимо проверить, включена ли соответствующая опция в «Глобальных настройках».
Рисунок 49. Меню раздела статистики. |
---|
С помощью системы статистики можно получить ответы на несколько основополагающих вопросов: «Сколько человек было на сайте?», «С каких сайтов они пришли?», «По каким «ключевым словам они пришли?». В свою очередь, ответы на эти вопросы помогут определить, какие страницы нужно создавать на сайте, какие — удалять, а на каких — переписывать контент.
Сначала рассмотрим тонкости связанные с настройкой статистики, а уже затем перейдем непосредственно к отчетам, которые позволяет сформировать система статистики.
Настройка статистики
Вся настройка статистики происходит в блоке «Статистика». Здесь вы можете определить партнеров вашего сайта, а также задать используемые вашим сайтом доменные имена, кликнув по соответствующим пунктам меню.
Настройка доменов
Для того чтобы система правильно определяла переходы посетителя внутри сайта и не считала эти переходы новыми заходами на сайт, необходимо указать доменные имена вашего сайта, которые ведут на этот сайт. Это, как минимум, одно доменное имя.
Рисунок 50. Пример интерфейса по настройке доменных имён сайта. |
---|
Для того чтобы добавить новое доменное имя, необходимо ввести его в поле «Новый домен» и нажать кнопку «Сохранить». Под формой расположен список существующих доменных имен.
Для удаления доменного имени из списка необходимо кликнуть по соответствующей иконке, в строке удаляемого доменного имени. Удаление доменного имени не скажется на тех данных, которые уже существуют в системе, а будут применяться только для вновь поступающих данных.
Настройка партнеров
Возможность работать с партнерами позволяет вам получить ответ на вопрос: «С каких сайтов пришли посетители?».
Помимо трафика (количества посетителей на вашем сайте за какой-то промежуток времени) с основных поисковых систем, у вас может возникнуть необходимость определить количество человек, приходящих к вам на сайт с баннерной сети или с ссылки, расположенной на дружественном сайте.
Идентификация таких посетителей происходит по URL`у или REFER`у, и, в случае, если в каком-то из них найдено совпадение с одним из значений списка («Список частей URL-а и REFER-а»), будет проставлена отметка о том, что посетитель пришел на сайт через данного партнера.
Интерфейс управления партнерами достаточно прост (Рисунок 51). Для того чтобы создать нового партнера, необходимо придумать для него уникальное название (можно использовать кириллицу) и, вписав это название в поле «Новый партнер», нажать на кнопку «Добавить партнера».
Рисунок 51. Интерфейс управления партнёрами. |
---|
Для управления партнером необходимо выбрать его имя в «Списке партнеров». Когда партнер выбран, вы можете удалить его либо отредактировать список частей URL`ов и REFER`ов, по которым этот партнер может идентифицироваться. Это делается в соответствующем списке.
Для удаления значений из списка частей URL`ов и REFER`ов необходимо выделить то значение, которое вы хотите удалить, и нажать кнопку «Удалить», находящуюся внизу списка.
Следует отметить, что изменения, вносимые в список URL`ов и REFER`ов не отражаются на уже имеющихся данных, а будут учитываться только для тех посетителей которые приходят на сайт после внесения изменений.
Отчеты посещаемости
Рассмотрим основные отчеты, доступные для формирования в системе статистике. Доступ к ним осуществляется из блока меню «Посещаемость».
Общие параметры отчетов
Все формы отчётов, используемые в статистике SantaFox™, содержат общую часть интерфейса по выбору дат и партнёра (Рисунок 52).
Рисунок 52. Общая часть формы всех отчётов статистике. |
---|
Во всех представленных отчетах вы можете задать период, за который отчет будет сформирован. Для этого вы можете непосредственно ввести даты в формате ДД-ММ-ГГГГ (в качестве разделителя используется знак «-») в соответствующие поля формы. Также можно воспользоваться календарем, для чего необходимо кликнуть на кнопке, находящейся сразу за полем ввода даты. Можно воспользоваться и одним из предустановленных значений, выбрав его из списка «Период». При выборе предустановленного периода даты начала и конца отчета будут заполнены автоматически.
Если значения дат не введены (поля пустые), отчет будет формироваться по всей базе статистики. При работе с этой опцией следует проявлять осторожность, так как при очень больших объемах информации серверного времени может оказаться недостаточно для формирования отчета.
В случаях, когда отчет не может быть сформирован по причине нехватки времени, необходимо уменьшить период, за который формируется данный отчет.
Кроме того, вы можете выбрать конкретного партнера, чтобы сформировать тот или иной отчет только в его (партнера) разрезе.
Хосты и хиты
Простой, но информативный отчет, который позволяет узнать, какое количество уникальных человек посетило сайт за произвольный период времени (хосты), а также количество страниц, просмотренное этими людьми (хиты).
В качестве дополнительных параметров для формирования отчета вы можете определить, что именно хотите увидеть – хосты, хиты или оба показателя вместе (Рисунок 53).
Рисунок 53. Форма отчёта по хостам и хитам. |
---|
Обратим отдельное внимание на параметр «Показывать только людей». Дело в том, что, помимо обычных посетителей, сайт посещают и специальные программы (роботы). Цели визитов роботов на сайт различны. Статистика автоматически определяет около 200 роботов поисковых систем и учитывает их отдельно, однако могу быть и другие роботы, которые не известны системе статистики. В подобных случаях такие обращения могут значительно искажать данные этого отчета, так как реальное количество людей может быть значительно меньше указанного.
Для того чтобы избежать ошибочного учета неизвестных роботов и скриптов, обращающихся к вашему сайту, необходимо формировать отчет с установленным флагом «Показать только людей».
Результаты отчета формируются в виде диаграммы (столбцовой или линейной, в зависимости от периода, за который формируется отчет), а также таблицы с точными цифровыми значениями (Рисунок 54).
Рисунок 54. Внешний вид результата формирования отчёта |
---|
Ссылающиеся страницы
Отчет позволяет оценить, по каким ссылкам и с каких доменных имен к вам на сайт приходят посетители.
По умолчанию, здесь не учитываются посетители, которые попали на сайт, кликнув на результатах поиска той или иной поисковой машины из списка известных поисковой системе статистики.
Основная цель данного отчета — помочь вам определить, насколько эффективно работают ссылки, ведущие на ваш сайт с сайтов ваших партнеров. В этот отчет, к примеру, заносятся оценки эффективности банерной компании или эффективности Яндекс-директа.
При этом следует различать ссылки, поставленные для того чтобы на них кликали и попадали на страницы сайта с нужной информацией (тот же баннер или рекламное объявление в Яндекс-директе), и ссылки, которые направлены на увеличение позиций сайта в результатах выдачи поисковых систем.
Второй тип ссылок не отображается в отчете (конечно, если по ссылке всё-таки не кликнул человек) и не анализируются системой статистики. Для того чтобы оценить эффективность этих ссылок на сайт, необходимо анализировать общий трафик с поисковой системы (что можно сделать в этом отчете) и трафик по конкретным ключевым словам.
Для анализа трафика поисковых систем необходимо добавление соответствующего партнера. При инсталляции статистики создаются партнеры «Яндекс», «Гугл» и «Рамблер», но, в случае необходимости, вы можете добавить собственных партнеров, чтобы учитывать количество трафика с других поисковых систем.
Результатом формирования отчета являются две таблицы. Первая (Рисунок 55) содержит непосредственно список рефереров, с которых был осуществлен переход на сайт, и количество этих переходов. Если вы хотите увидеть страницу, с которой пользователь перешел на ваш сайт, необходимо произвести клик левой клавишей мыши на ссылке в таблице, и страница откроется в новом окне.
Помимо этого, в отчете доступна сводная таблица по доменам (Рисунок 56). В ней находятся уже не конкретные ссылки, а сумма переходов пользователей в разрезе доменов. Именно эта таблица (при условии ее формирования по всем партнерам) помогает оценить, откуда идет трафик на сайт.
Помимо анализа ссылок уже существующих партнеров, вам доступно и выявление новых ресурсов, с которых идет трафик на ваш сайт, а также производить необходимые работы по повышению этого трафика (при необходимости), или, наоборот, по его прекращению.
Популярные ключевые слова
Отчет позволяет узнать ключевые слова, по которым посетители попадают на ваш сайт через результаты выдачи в поисковых системах (Рисунок 57).
Рисунок 57. Результат формирования отчёта по популярным ключевым словам. |
---|
Кроме стандартных параметров, отчет имеет дополнительную опцию – «Вывод диаграммы поисковых систем». Если эта опция включена, то рядом с поисковым словом будет отображен небольшой рисунок, содержащий диаграмму, отражающую процентное соотношение количества пользователей, пришедших по запросу конкретного слова или словосочетания с каждой из поисковых систем.
Помимо этого, вы можете произвести клик левой клавишей мыши на слове в таблице. В новом окне будет открыта страница с результатами выдачи поисковой машины. Именно эту страницу видел пользователь, который ввёл поисковый запрос и перешел по ссылке из результатов поиска на ваш сайт. По этим результатам вы сможете увидеть позицию вашего сайта по данному ключевому слову в данной поисковой системе. В качестве поисковой системы выбирается та система, с которой пришло наибольшее количество человек.
Дополнительные отчеты
В этом блоке собранны менее важные отчеты, которые предназначены для решения более специализированных, редко возникающих задач.
Анализ прямых заходов
Пользователи могут попадать на сайт не только переходя по ссылкам с других сайтов (в том числе, и сайтов поисковых систем), но и непосредственно вводя имя сайта в адресной строке браузера.
Конечно, количество таких пользователей на порядок меньше, однако при этом возможно возникновение сложных ситуаций, потенциально опасных для сайта.
Если вы замечаете большое количество (относительно общей массы запросов в данном отчете или относительно общего количества хостов) посещений с одним и тем же IP, это может означать следующее (перечислим по возрастанию гипотетической опасности):
-
Появилась новая поисковая система или каталогизатор Интернет-ресурсов, о котором не знает система статистки.
-
Какой-либо посетитель сайта решил сделать локальную копию (у себя на компьютере) вашего сайта. Под копией сайта здесь понимается его HTML-версия (непосредственна та, что видима всем пользователям). Пользователь не сможет получить доступ к коду сайта.
-
Если на вашем сайте присутствует каталог продукции с большим количеством позиций номенклатуры, ценной с информационной точки зрения, то, возможно, происходит скачивание вашей базы данных с целью её дальнейшего использования.
-
Какой-либо вирус создаёт пустой трафик с целью забить каналы связи хостера, увеличив тем самым нагрузку на сервера хостера, в следствие чего упадет скорость формирования страниц вашего сайта (или же сайт вообще перестанет работать).
Возможно, ни один из предложенных вариантов не будет являться истинным, однако подозрительные объекты желательно проверить, Сделать это можно путем получения информации об IP-адресе. Для этого необходимо кликнуть по IP-адресу в отчете и дождаться появления информации об этом IP (Рисунок 58).
Рисунок 58. Результат формирования отчёта. |
---|
В дальнейшем вы можете закрывать посещение вашего сайта для пользователей, имеющих нежелательные IP-адреса. Для этого необходимо разместить определенный файл настроек в каталоге сайта. Более подробную информацию об этом вы можете получить у своего системного администратора.
Индексирование
В блоке собранны отчеты, помогающие понять, как индексируется ваш сайт, то есть, что знают о вашем сайте поисковые системы.
Рисунок 59. Результат отчёта о проиндексированных страницах. |
---|
Помимо людей, ваш сайт могут посещать так называемы роботы (ещё их называют «пауками»). Это специализированные программы, используемые, как правило, поисковыми системами с целью сбора информации о ресурсах Интернета. Роботы заходят на все страницы вашего сайта, на которые есть ссылки. Просмотр ссылок начинается с главной страницы.
Процесс индексации сайта подразумевает анализ вашего сайта, после того, как он (сайт) закачен роботом на сервер поисковой машины. Производя индексацию, поисковая машина выставляет индексы (рейтинги) на соответствие вашего сайта каждому конкретному поисковому запросу.
Соответственно, чем больше рейтинг страницы для поискового запроса, тем выше позиция выдачи данной страницы в результатах поиска по этому поисковому запросу. Алгоритмы выставления индексов являются коммерческой тайной компаний, владеющих поисковыми системами, и тщательно охраняются.
Отчет по работам
Данный отчет помогает понять, роботы каких поисковых систем приходили к вам на сайт и сколько страниц они скачали (Рисунок 59). При необходимости вы также можете посмотреть, какие именно страницы закачал каждый конкретный робот. Для этого вам необходимо произвести клик на числе страниц, скачанных в конкретный день, и в новом окне вам будет показан список скачанных страниц (Рисунок 60).
Рисунок 60. Список конкретных страниц сайта, которые были проиндексированы тем или иным поисковиком. |
---|
Анализ времени посещения роботом вашего сайта может дать информацию о том, когда необходимо создавать новые страницы, а также о том, когда о них узнала поисковая система (каждая в отдельности).
Описание встроенного редактора
Встроенный редактор контента — один из основных компонентов, с которым вы будете сталкиваться очень часто. С помощью встроенного в административный интерфейс визуального HTML-редактора администратор сайта обновляет контент.
Рассмотрим подробнее интерфейс редактора, заостряя внимание на наиболее интересных и востребованных возможностях. Для удобства описания, выделим несколько логических блоков действий и опишем особенности работы с каждым блоком. В начале описания каждого блока будет приведена расшифровка панели управления редактора c набором необходимых действий.
В редакторе присутствует контекстное меню, вызываемое одинарным кликом на правой кнопке мыши. В зависимости от того, над какой областью контента находился в этот момент курсор мыши, будет построено меню с набором доступных функций.
Управление процессом редактирования
Иконка | Название | Описание |
---|---|---|
Источник | При нажатии на эту иконку откроется новое окно, в котором будет показан непосредственно HTML-код редактируемого контента, в который можно внести необходимые изменения или исправления. | |
Сохранить | Производит сохранение отредактированного контента. | |
Отменить | Отменяет на один шаг изменения, внесенные администратором в процессе редактирования. | |
Повторить | Возвращает только что отменённые изменения (те, что были сделаны командой «Отменить»). |
Процесс редактирования контента абсолютно стандартен и не вызовет затруднений, если вы уже работали с любым из текстовых редакторов.
Следует отметить только особенность функции «Сохранить». При редактировании контента в составе других данных (например, в модуле «Новости» при редактировании новости) лучше воспользоваться отдельной кнопкой «Сохранить», которая расположена, как правило, в конце формы.
Работа с буфером обмена
В этом блоке объединены все функции, связанные с буфером обмена. Напомним, что буфером обмена является специальная часть памяти компьютера, предназначенная для обмена данными между разными программами. В нашем случае мы будем использовать буфер обмена для переноса контента между разными страницами и для вставки контента из документов Word и Excel (или других текстовых редакторов).
Иконка | Название | Описание |
---|---|---|
Вырезать | Позволяет вырезать из контента в буфер обмена выделенную область. | |
Копировать | Производит копирование выделенного блока контента в буфер обмена. | |
Вставить | Производит вставку содержимого буфера обмена в позицию курсора. Применяется после использования команды «Копировать». Производится вставка всех объектов, содержащихся в буфере обмена (текст, рисунки, таблицы, списки и т. д.). | |
Вставить как текст | Идентично команде «Вставить». Применяется в тех случаях, когда необходимо перенести из буфера обмена только содержащийся там текст (без рисунков, списков, разметки и т. д.). | |
Вставить из Word | Идентично команде «Вставить». Применяется в тех случаях, когда в буфере обмена находиться контент, скопированный из MS Word или MS Exel. |
Для выделения фрагмента текста, который вы хотите поместить в буфер обмена, необходимо подвести курсор к началу фрагмента, и, удерживая левую клавишу мыши, перенести курсор к концу фрагмента. Для выделения таблиц или картинок необходимо произвести одинарный клик левой клавишей мыши на их краях, при этом в углах этих объектов появятся небольшие квадраты.
Для перемещения контента между разными страницами вы также можете пользоваться командами этого блока. Для этого необходимо на одной странице произвести копирование контента в буфер обмена, а на другой – воспользоваться командой вставки.
Для того чтобы вставить контент, находящийся в документах Word, необходимо выполнить следующие действия:
-
открыть документ, и подготовить в нём (если это необходимо) переносимый контент;
-
выделить фрагмент контента, который вы хотите перенести;
-
скопировать выделенный фрагмент в буфер обмена (с помощью соответствующих иконок или горячих клавиш);
-
перейти в административный интерфейс и вызвать редактор контента для той страницы, куда необходимо поместить скопированный контент;
-
воспользоваться командой «Вставить из Word» (или «Вставить как текст»), поместив курсор в нужную позицию, если на странице уже присутствует другой контент.
Команда «Вставить из Word» производит вставку контента с максимальным сохранением всех стилистических особенностей контента, которые были приданы ему в Word`е (это применение разных стилей и шрифтов, цветовых решений, таблиц и т. п.). То есть, такая вставка контента делает его (контент) на странице сайта максимально похожим на тот, что был в первоисточнике.
Следует иметь ввиду, что, как правило, на сайте задана своя стилистика оформления контента, заголовков и других элементов и, если контент вставляется с помощью команды «Вставить из Word», к нему невозможно применить общие стили и единые стили. Однако в дальнейшем такой контент можно отредактировать с помощью команд блока «Работа с текстом и форматирование».
Команда «Вставить как текст» вставляет текстовый контент, и только его, опуская всю разметку и форматирование, которые, при необходимости, производятся средствами встроенного редактора.
Работа с текстом и форматирование
Достаточно обширный и важный блок, потому советуем внимательно с ним ознакомиться.
Иконка | Название | Описание |
---|---|---|
Найти | Открывает окно для поиска слов и их частей в редактируемом контенте. | |
Заменить | Открывает окно для замены одних слов (частей слов) другими словами (частями слов). | |
Убрать форматиро-вание | Снимает с выделенного фрагмента текста установленный шрифт и размер шрифта, возвращая эти два параметра к значениям, определенным стилем сайта. | |
Жирный | Делает выделенный текст жирным. | |
Курсив | Делает выделенный текст курсивным. | |
Подчеркива-ние | Делает выделенный текст подчеркнутым. | |
Зачеркнутый | Делает выделенный текст зачеркнутым. | |
Подстрочный индекс | Переводит выделенный текст в подстрочный индекс. | |
Надстрочный индекс | Переводит выделенный текст в надстрочный индекс. | |
Нумерован-ный список | Производит вставку (или удаление, если курсор находится уже на списке) в позицию курсора первой строки нумерованного списка (при удалении – удаляется весь список). | |
Маркирован-ный список | Идентично «Нумерованному списку», с той лишь разницей, что вставляемый список является маркированным, то есть, вместо цифр используется маркер. | |
Уменьшить отступ _ | Уменьшает отступ выделенного контента (текст, таблицы, рисунки) от левого края. | |
Увеличить отступ | Увеличивает отступ выделенного контента (текст, таблицы, рисунки) от левого края. | |
Вырав. по левому краю | Выравнивает выделенный абзац текста по левому краю страницы. | |
Вырав. по центру | Выравнивает выделенный абзац текста по центру страницы. | |
Вырав. по правому краю | Выравнивает выделенный абзац текста по правому краю страницы. | |
Вырав. по ширине | Выравнивает выделенный абзац по всей ширине страницы. | |
Стиль текста | Устанавливает один из возможных стилей выделенного фрагмента текста. | |
Формат текста | Задаёт формат выделенного текста. Используется для выделения заголовков в контенте, а также для выделения абзацев текста в контенте. | |
Шрифт текста | Задаёт одно из семейств шрифтов для выделенного текста. | |
Размер шрифта | Задаёт размер шрифта для выделенного текста. | |
Цвет текста | Устанавливает цвет выделенного фрагмента текста. При клике на стрелке открывается небольшое окно с набором цветов для выбора. В дальнейшем для назначения этого же цвета можно производить клик просто на иконке. С помощью этой функции цвет можно определить не только у текста, но и у ряда других объектов. | |
Цвет фона | Устанавливает цвет фона выделенного фрагмента текста. При клике на стрелке открывается небольшое окно с набором цветов для выбора. В дальнейшем для назначения этого же цвета можно производить клик просто на иконке. |
Большинство описанных выше функций очень похоже на функции стандартных текстовых редакторов. Однако есть ряд особенностей, или, скорее, правил, которые следует соблюдать при редактировании контента и непосредственно его текстовой части. Рассмотрим их ниже.
Немного о HTML
Для того чтобы работать со встроенным редактором контента, нет необходимости знать HTML (язык гипертекстовой разметки). Однако рекомендуем вам ознакомиться с этим небольшим разделом, чтобы в общих чертах понимать суть HTML и более эффективным способом решать задачи, связанные с поддержкой сайта.
Основным понятием в HTML является понятие тега (тег). С помощью тегов определяется положение текста, строятся таблицы, выводятся рисунки. Синтаксически HTML-тег выглядит так:
<h1>Заголовок страницы</h1>
<p>Текст первого абзаца</p>
<p>Текст второго абзаца</p>
Это — пример одной из простых страниц сайта, которая содержит заголовок и два абзаца текста. Как видите, заголовок начинается с <h1> а заканчивается символами </h1>. Это и есть HTML-тег, в данном случае — тег заголовка. В начале стоит открывающий тег, а в конце заголовка — закрывающий.
Похожая ситуация и со вторым тегом — <p>, тегом абзаца. Абзац начинается с тега <p>, а заканчивается тегом </p>.
У каждого тега есть набор строго определенных атрибутов, которые говорят браузеру о том, как должен выводиться контент, содержащийся в теге (как необходимо выравнивать текст, какого он должен быть цвета и т. п.). Все эти атрибуты вы задаёте визуально, с помощью интерфейса встроенного редактора, однако, в случае необходимости, вы можете перейти в режим редактирования HTML-кода и поставить у нужного тега нужный атрибут самостоятельно.
У сайта важнейшие атрибуты тегов заданы с помощью стилей. То есть, для всех тегов <p> указан используемый шрифт, размер символов и цвет. То же самое сделано и для тега <h1>, и для других тегов, используемых в контенте. Тем самым, вам не нужно каждый раз заново определять параметры контента, это делается автоматически. Кроме того, это позволяет быстро и корректно вносить стилистические изменения на сайт. Если потребовалось изменить стиль шрифта для всех заголовков всех страниц, нужно просто изменить стиль тега <h1>, а не вносить изменения в каждую страницу.
Но как только вы начинаете у конкретной страницы задавать размер шрифта, сам шрифт или ещё хуже – цвет, значит, что-то не так.
Из всего вышесказанного можно вынести ряд простых правил, которые приведены ниже.
Семь простых правил при работе с текстом
-
Не пользуйтесь функцией изменения шрифта.
-
Не используйте функцию изменения размера шрифта.
-
Не используйте функцию изменения цвета шрифта.
-
Не используйте функцию изменения фона шрифта.
-
Не используйте пробелы для отступов.
-
Используйте существующие стили.
-
Используйте функции форматирования текста (абзацы, заголовки).
Может возникнуть закономерный вопрос: «Если эти функции так плохи, зачем же они включены в редактор?». Всё дело в том, что возможны ситуации, когда без этих функций вам не обойтись, Например, когда, нужно выделить какую-то часть контента только на одной странице сайта.
Во всех остальных случаях необходимо формировать новый стиль и применять его к нужному контенту.
Стили
Выше мы уже несколько раз упоминали о стилях и о необходимости их использовать. Стиль может быть определён не только у текстового контента, но и у любого другого (таблица, рисунок, список).
Рисунок 61. Список для выбора и применения стиля к выделенному в редакторе объекту. |
---|
Для того чтобы задать стиль, необходимо выделить контент и, воспользовавшись соответствующей функцией, выбрать имя стиля. Если вам необходимо очистить стиль у выделенного контента, необходимо воспользоваться функцией «Убрать форматирование» ( ).
Если вы знакомы с HTML и можете сами определять новые стили и изменять существующие, то вам будет полезно знать, что стили, доступные в редакторе контента, находятся в файле “design/css/css.css”.
Форматирование
Кроме стилей, вам потребуются функции форматирования текста. Кроме набора стандартных функций форматирования (отступы, списки и т. п.), вы можете определить текст как абзац или как заголовок.
Рисунок 62. Список для выбора вида форматирования контента. |
---|
Если к контенту применить формат «Абзац», текст будет помещён в тег <p>. А если применить формат «Заголовок 1», то — в тег <h1>. Используйте различные форматы для разбиения текста на блоки и для выделения заголовков этих блоков.
Маленькие хитрости
При работе с контентом вам понадобится знание некоторых особенностей, которые могут существенно облегчить жизнь:
-
для получения доступа к функциям, применяемым к выделенному объекту, используйте контекстное меню (вызывается кликом на правой кнопке мыши);
-
для выделения всего контента можно использовать «горячую» клавишу «Ctrl+A»;
-
для отмены сделанного действия пользуйтесь «горячей» клавишей «Ctrl+Z»;
-
для того чтобы начать новый абзац в контенте, нажмите клавишу «Enter»;
-
для того чтобы перейти на новую строку, одновременно нажмите клавиши «Shift+Enter».
Работа с ссылками
После того, как мы научились правильно работать с текстовым конвентом страниц, задавать его стиль и форматирование, перед нами встаёт следующая задача: помочь пользователю быстро ориентироваться на страницах сайта, особенно если их достаточно много или на одной странице сайта очень много контента.
Для этого в редакторе контента вы можете задавать ссылки и использовать «якоря».
Иконка | Название | Описание |
---|---|---|
Создать «якорь» | Создает именованный «якорь» (метку) в позиции курсора, для того чтобы потом использовать его в команде «Вставить ссылку». | |
Вставить ссылку / Редактировать ссылку | Создаёт из выделенной области контента (текст или картинка) ссылку на внешний ресурс, другую страницу сайта, «якорь» на этой странице или файл на сервере. | |
Удалить ссылку Удаляет ссылку | Доступно только в случае, если в позиции курсора есть ссылка. |
Создать «Якорь»
Используя эту команду, вы можете создать на странице невидимый «якорь», другими словами, оставить в определенном месте отметку.
Это необходимо для того чтобы потом можно было создать ссылку, при клике на которую посетитель сайта переместиться к данному «якорю». Это очень удобно, когда на одной странице сайта вы помещаете достаточно объемный документ и в начале этой странице создаете перечень разделов документа (содержание). Каждый раздел в этом перечне является ссылкой на соответствующий «якорь», установленный в начале каждого раздела в теле страницы.
Рисунок 63. Форма ввода параметров нового якоря. |
---|
При вводе «якоря» в открывшемся окне (Рисунок 63) необходимо указать лишь его имя (имя «якоря» может содержать русские буквы и пробелы). В том месте страницы, где установлен «якорь», появится иконка (видна только в редакторе контента).
Следует учитывать то, что ссылаться на «якорь» можно только в пределах одной страницы.
Вставить ссылку
Перед выбором этой команды необходимо выделить фрагмент текста или рисунок, который будет являться ссылкой.
При клике на соответствующую иконку откроется окно, которое показано на рисунке.
Рисунок 64. Форма создания и редактирования новой ссылки, используемой в контенте. |
---|
Если вам необходимо указать сслыку на «якорь», воспользуйтесь соответствующим полем, выберите «якорь» из списка доступных и нажмите кнопку «Вставить».
Для всех остальных случаев необходимо указать адрес ссылки и определить, как будет открыта ссылка, с помощью параметр�
«Открыть в …»
. Рассмотрим работу с ссылками, исходя из поставленных задач.
Ссылка на страницу этого же сайта
Для выбора в качестве ссылки одной из страниц текущего сайта необходимо нажать на кнопку «Страница сайта» (вторая кнопка после поля «Адрес ссылки») и в открывшемся окне с картой сайта выбрать необходимую страницу.
В этом случае параметр «Открыть в …», как правило, остаётся в значении по умолчанию, то есть, ссылка будет открыта в этом же окне.
Вы можете и сами задать адрес ссылки, но она должна быть относительной, то есть, в ссылке не должно фигурировать доменное имя, так как в противном случае при смене доменного имени вам придется менять адреса всех ссылок. Если «http://www.mysite.com/my_page.html» является полной ссылкой, то относительной ссылкой будет являться «/my_page.html».
Ссылка на другой сайт
Вы самостоятельно вставляете в поле «Адрес ссылки» необходимую ссылку. Ссылка может вести как на страницу другого сайта, так и на файл (однако следует обязательно информировать пользователя о том, что это — ссылка непосредственно на файл).
Адрес ссылки должен быть полным, то есть, иметь вид «http://www.mysite.com/my_page.html».
Такие ссылки, как правило, необходимо открывать в другом окне, чтобы пользователь не покидал текущую страницу. Для этого в качестве значения поля «Открыть в …» выбираем вариант «Открыть в новом окне».
Ссылка на файл
Для того чтобы в качестве ссылки выбрать какой либо файл, необходимо нажать на кнопку «Подобрать» (первая кнопка после поля «Адрес ссылки»). Откроется новое окно, в котором вы можете выбрать один из файлов, а если его ещё нет на сервере, то закачать с локального компьютера. Правила работы с менеджером файлов рассмотрены в разделе «Менеджер файлов».
В этом случае вы можете оставить поле «Открыть в …» в значении «По умолчанию». При клике на такой ссылке пользователю будет предложено сразу сохранить или запустить файл.
Редактировать ссылку
Если у вас возникла необходимость отредактировать уже существующую ссылку, достаточно установить курсор в любое место ссылки и вызвать команду «Вставить ссылку» через контекстное меню или иконку в панели инструментов.
Удалить ссылку
Опция применяется в тех случаях, когда вы хотите удалить имеющуюся ссылку с фрагмента текста или рисунка. Для этого необходимо установить курсор в любую часть ссылки и вызвать команду «Удалить ссылку», воспользовавшись контекстным меню или иконкой в панели инструментов. Будет удалена только ссылка, сам фрагмент текста или рисунок останется без изменений.
Работа с таблицами
Отдельного внимания заслуживает интерфейс работы с таблицами. Таблицы будут использоваться вами в двух случаях: для непосредственного представления информации в табличном виде и для правильного позиционирования контента на сайте. Рассмотрим принципы работы с таблицами и доступный функционал.
Особенности работы с таблицами
Необходимо отметить, что работа с таблицам в данном редакторе несколько отлична от работы с таблицами в стандартных текстовых редакторах.
Вся работа со строками и колонками таблицы ведется через конкретную ячейку. То есть, для того чтобы вставить новую колонку в таблицу, необходимо переместить курсор в любую ячейку этой колонки. Идентичная ситуация и со строками.
Выделять всю строку (или всю колонку) для того чтобы задать какие-то свойства, не нужно, более того бессмысленно, так как редактор может неправильно интерпретировать ваши действия и определить конечную позицию курсора.
К сожалению, редактор не имеет отдельного интерфейса для работы целиком со всей колонкой таблицы.
У ячеек таблицы есть ещё одно очень важное свойство, которое необходимо иметь ввиду. Ячейки таблиц, которые находиться в одной колонке, имеют один размер по ширине. В свою очередь, ячейки, находящиеся в одной строке, имеют одинаковую высоту.
Все размеры (таблиц, строк, ячеек) могут быть указаны как в пикселях (вводиться как число), так и в процентах. Если указываются проценты, то после числа необходимо поставить знак процентов.
При указании 100%, например, в качестве значения ширины таблицы, таблица будет выведена на всю ширину той области, которая отведена под её вывод.
Доступные функции
Иконка | Название | Описание |
---|---|---|
Создать таблицу | Открывает окно добавления новой таблицы. Таблица будет вставлена в позицию курсора. | |
Параметры строки | Открывает окно для редактирования настроек все строки таблицы. В качестве строки выбирается та строка, в ячейке которой находится курсор | |
Параметры ячейки | Открывает окно для редактирования настроек конкретной ячейки, в которой находиться курсор. | |
Вставить строку «перед» | Вставляет новую строку в таблицу перед той строкой, в которой находится курсор. | |
Вставить строку «после» | Вставляет новую строку в таблицу после той строки, в которой находится курсор. | |
Вставить колонку «перед» | Вставляет новую колонку перед той колонкой, в которой находится курсор. | |
Вставить колонку «после» | Вставляет новую колонку после той колонки, в которой находится курсор. | |
Удалить строку | Удаляет строку таблицы, в которой находится курсор. | |
Удалить колонку | Удаляет колонку таблицы, в которой находится курсор. | |
Объединение ячеек | Открывает окно для настройки выполнения функции объединения ячейки таблицы, в которой находится курсор. | |
Разъединение ячейки | Отменяет объединения ячееки, в которой находится курсор. | |
Удаление таблицы | Полностью удаляет выделенную таблицу или таблицу, в которой находится курсор. Функция доступна из контекстного меню и не выведена на панель задач. |
Создание таблицы
При вызове соответствующей функции с панели инструментов или контекстного меню будет открыто окно, где необходимо указать первичные параметры таблицы (Рисунок 65).
Рисунок 65. Форма для настроек таблицы. |
---|
Вы можете сразу отредактировать необходимые параметры таблицы, а можете сделать это и в дальнейшем, нажав эту же иконку ( ) на ячейке уже существующей таблицы.
Все указываемые параметры достаточно понятны, поэтому мы заострим наше внимание только на одном – «Класс». В этом поле можно выбрать один из стилей, в котором и будет отображаться таблица. Если вы создаёте таблицу с целью позиционирования контента (то есть, таблица должна оставаться невидимой), это поле должно быть пустым. Если же таблица содержит именно табличные данные и должна быть видна, в этом поле следует указать стиль «content_table». Более подробно о том, как оформлять таблицы в составе контента, речь пойдет в соответствующем разделе ниже.
Редактирование строки таблицы
Данный редактор позволяет определить свойства сразу всей строки таблицы. Для этого надо поместить курсор в любую ячейку строки, которую вы хотите отредактировать, и нажать соответствующую кнопку, после чего откроется окно редактирования свойств строки таблицы. Помимо уже знакомого нам поля «Класс», где можно определить стиль выбранной строки (он может отличаться от стиля остальных строк таблицы), в этом окне доступно поле «Строка в части таблицы». Это поле определяет, является ли редактируемая строка шапкой таблицы, её подвалом или телом, то есть, обычной строкой.
Установленные параметры можно применять не только к текущей строке, но и, допустим, только к четным строчкам таблицы. Сделать это можно, воспользовавшись небольшим списком, находящимся над кнопкой «Применить».
Редактирование свойств ячейки
Чаще всего возможность отредактировать свойства ячейки применяется для того чтобы задать ширину колонки. Как уже говорилось, редактор не имеет интерфейса для работы с колонкой таблицы в целом (так же, как со строкой). Однако для того чтобы задать ширину колонки, достаточно определить ширину хотя бы одной ячейки в этой колонке. То же справедливо и для все строки, в которой находиться ячейка, но уже в отношении её высоты.
Рисунок 67. Форма редактирования свойств конкретной ячейки таблицы. |
---|
Удобным будет взять за правило определять ширину колонок в самой первой ячейки самой первой строки таблицы, а высоту строк (при необходимости) в ячейках первой колонки таблицы.
Необходимо отметить, что определение размеров ячейки возможно как для скрытых таблиц (определяющих только разметку контента), так и для видимых таблиц, к которым применён стиль.
Объединение и разъединение ячеек
Действия, необходимые к выполнению для объединения ячеек, отличаются от тех, что вы используете в стандартных текстовых редакторах.
Рисунок 68. Форма, вызываемая при объединение ячеек таблицы. |
---|
Для объединения необходимо поместить курсор в одну из ячеек таблицы и воспользоваться иконкой «Объединить ячейки», при этом будет выведено небольшое окно с двумя параметрами. В них необходимо указать количество строк и колонок, которые будут затронуты в объединении.
Таким образом, если вам необходимо объединить две ячейки, находящиеся друг под другом в одной колонке, в параметре «Строки» необходимо проставить значение 2, а параметр «Колонки» оставить без изменений (как на иллюстрации).
Можете поэкспериментировать в объединении ячеек, чтобы лучше понять механизм работы этой функции.
Для того чтобы вернуть объединенную ячейку в исходное состояние, необходимо поместить в неё курсор и воспользоваться соответствующей иконкой в панели инструментов или контекстного меню.
Создание таблиц контента
При создании таблиц, которые служат только для позиционирования контента на странице, не должно возникнуть трудностей, так как для таких таблиц весь процесс редактирования сводится к указанию ширины и высоты ячеек или строк.
Но как только встанет вопрос размещения красивой таблицы в составе контента, могут возникнуть трудности, так как необходимо не только сделать таблицу красивой (с шапкой, с чередованием строк и т. п.), но и соблюсти правило единообразия, т. е., все таблицы на сайте должны быть выполнены в едином стиле.
В целях облегчения этой задачи для таблиц уже прописаны готовые стили. По их образу и подобию вы можете создать собственные стили, если необходимы таблицы разных стилей. Также следует отметить, что, если у таблицы уже указан стиль, то не все параметры, устанавливаемые для таблицы, а также для строк и ячеек, будут изменять внешний вид таблицы. Однако это не относится к ширине и высоте строк и колонок таблицы, их можно (а иногда и нужно) смело задавать и определять.
Итак, рассмотрим пошагово те действия, которые необходимо выполнить, чтобы сделать таблицу в стиле сайта:
Шаг 1. Создать таблицу с необходимым (или предполагаемым) количеством строк и колонок, обязательно указав в поле «Класс» стиль «content_table».
Шаг 2. Вставить курсор в любую ячейку первой строки и, воспользовавшись функцией «Редактировать строку» ( ) в поле «Строка в части таблицы», выбрать значение «Заголовок таблицы» и нажать кнопку «Применить».
Шаг 3. Вставить курсор в любую ячейку первой строки и, воспользовавшись функций «Редактировать строку» ( ) в поле «Класс», определить значение «content_table_string» (кнопку «Применить» не нажимать).
Шаг 4. Выбрать одно из значений, определяющее, к каким строкам будут применен стиль (к четным строкам или нечетным), и нажать кнопку «Применить».
Шаг 5. Задать выравнивание контента в таблице на ваш вкус или в соответствии со стилем оформления сайта.
Работа с изображениями
Довольно часто необходимо разнообразить текстовый контент каким-то графическим элементом, будь то какой-либо график или картинка по теме. Кроме этого, иногда возникает потребность вставить в контекст флеш-ролик. Рассмотрим соответствующие функции редактора.
Иконка | Название | Описание |
---|---|---|
Вставить изображение | Открывает окно для добавления изображения в позицию курсора. | |
Вставить флеш-ролик | Открывает окно для добавления анимационного флеш-ролика в позицию курсора. |
Вставка изображения
Для того чтобы добавить картинку (графическое изображение) в редактируемый контент, необходимо установить курсор в ту позицию, куда должна быть добавлена картинка, и воспользоваться соответствующей иконкой в панели управления. Будет открыто окно, изображённое на Рисунке 69.
Рисунок 69. Форма для добавления изображения и редактирования его основных свойств. |
---|
Для выбора картинки с сервера и закачки новой картинки воспользуйтесь иконкой в конце поля «Адрес картинки». Интерфейс работы менеджера картинок описан ниже.
Заполните поле «Описание картинки». Это поле используется для отображения информации о картинке, если браузер пользователя не отображает картинки, а также этот текст всплывает рядом с курсором мыши в качестве подсказки (расшифровки).
Затем перейдите в закладку «Визуализация» (Рисунок 70), где задайте способ обтекания текста, отступы от текста и размер рамки.
Рисунок 70. Форма для управления дополнительными настройками изображения. |
---|
Если для картинок существует стиль, который определяет все эти параметры, то нужно просто выбрать его в поле «Класс».
Как видите, редактор позволяет вам изменить размеры изображения. По умолчанию, размеры выставлены в соответствии с истинными размерами изображения. При необходимости вы можете уменьшить их (или даже увеличить), что приведет к масштабированию картинки на странице.
Мы рекомендуем не изменять размеры таким образом, так как этим вы не уменьшаете физический размер файла с изображением. Он полностью передаётся на пользовательский компьютер и только потом обрабатывается браузером, а это создаёт дополнительную нагрузку для браузера и каналов передачи информации.
Вы можете смело изменять размеры картинки, чтобы прикинуть, какими они должны быть, а уже затем привести размер картинки в соответствие с выбранным. Всё это можно сделать в менеджере картинок, который описан ниже.
Следует отметить, что после вставки изображения вы можете прописать на него ссылку, ведущую на страницу сайта, файл или любой другой сайт. Если стиль картинки не задан, и вы не хотите, чтобы вокруг картинки появлялась синяя рамка, необходимо указать в поле «Рамка» значение «0».
Вставка флеш-ролика
Для того чтобы добавить ролик в редактируемый контент, необходимо установить курсор в ту позицию, где должен быть ролик, и воспользоваться соответствующей иконкой в панели управления. Будет открыто окно, изображённое на Рисунке 71.
Рисунок 71. Форма для добавления флэш-ролика. |
---|
Кликнув на иконке справа от поля «Флеш-файл», вы можете выбрать ролик с сервера или загрузить новый с локального компьютера. Интерфейс работы менеджера картинок описан ниже.
Кроме выбора самого ролика, вы можете определить его размеры, указав их в соответствующих полях формы.
Дополнительные функции редактора
Пришло время рассмотреть оставшиеся функции, доступные в редакторе. Сначала приведем их перечень и рассмотрим подробно наиболее интересные.
Иконка | Название | Описание |
---|---|---|
Чистка избыточного кода | Функция вызывается для выделенного фрагмента контента и осуществляет удаление избыточного HTML-кода. Функция не затрагивает сам контент. | |
Добавить символ | Позволяет добавить в контент специальные символы, не вынесенные на стандартную клавиатуру. | |
Вставить линию | Вставляет в позицию курсора горизонтальную линию. | |
Границы скрытых элементов | Показывает/скрывает границы скрытых элементов, таких как границы таблиц, иконка якоря и ряд других. | |
Смайлики | Позволяет добавить в контент пиктограмму, выражающую эмоции. | |
Вставить дату | Вставляет в текущую позицию курсора текущую дату в формате ДД.ММ.ГГГГ. | |
Вставить время | Вставляет в текущую позицию курсора текущее время в формате HH:MM:SS. |
Добавление смайлика
Переместите курсор в ту область контента, куда необходимо вставить смайлик, и кликните на соответствующей иконке в панели инструментов. В открывшемся окне выберите смайлик и осуществите одинарный клик на нем.
Рисунок 72. Форма для выбора и добавления смайлика. |
---|
Вставленный смайлик является картинкой, и вы можете совершать с ним те же операции, что и с картинками (изменять размер, ставить ссылки на него и т. д.).
Добавление специального символа
Иногда бывает необходимо добавить в контент символ, которого нет на клавиатуре, например, знак евро, или специфические знаки латинского алфавита.
Кликнув на соответствующей иконке в панели инструментов, вы откроете окно с таблицей имеющихся знаков (Рисунок 73).
Рисунок 73. Форма для выбора и добавления специальных символов. |
---|
Выберете необходимый и одинарным кликом на нем осуществите его добавление в текущую позицию курсора.
Менеджер файлов
С помощью менеджера файла вы можете помещать файлы на сервер сайта, удалять их, а также выбирать конкретный файл в качестве адреса для ссылки, чтобы у пользователя была возможность загрузить файл с сайта.
Общее описание интерфейса
Рассмотрим интерфейс менеджера файлов и заострим внимание на его важных отличительных особенностях.
Как видно на представленной иллюстрации (Рисунок 74), интерфейс можно условно разделить на три блока.
Верхний блок — это панель инструментов для вызова разных функций менеджера, часть из которых доступна только в случае, если есть хотя бы один выделенный файл или директория.
Слева расположен непосредственно список файлов и директорий, доступных на сервере. В этом же списке осуществляется навигация по дереву директорий.
Справа выводиться справочная информация о выбранном файле или папке. А при выборе конкретного файла выводится небольшое окно с его содержимым (для текстовых и графических файлов), а также кнопки для подтверждения выбора этого файла и кнопка для просмотра файла в отдельном окне.
Следует отметить, что здесь же модули могут хранить какие-то свои файлы, которые вы загружаете через административный интерфейс конкретного модуля. Как правило, названия таких папок будут перекликаться с названием базового модуля. Вы также можете использовать эти файлы в контенте. Но не следует перемещать такие файлы, так как в этом случае модуль не сможет к ним обратиться.
Панель инструментов
Иконка | Название | Описание |
---|---|---|
Создать директорию | Создаёт новую директорию в текущей позиции. | |
Создать файл | Создаёт новый файл. В данной версии не используется. | |
Обновить список | Обновить список файлов и папок. | |
Записать новый(е) файл(ы) на сервер | Открывает новое окно, в котором осуществляется выбор и закачка файлов на сервер. Файл помещается в текущий каталог. | |
Запаковать в архив | Запаковывает отмеченные папки и файлы в архив. | |
Распаковать из архива | Распаковывает отмеченный архив. | |
Переименовать | Открывает окно для переименования файла или папки. | |
Вырезать в буфер | Вырезает отмеченные файлы и папки в буфер обмена. | |
Копировать в буфер | Копирует отмеченные файлы и папки в буфер обмена. | |
Вставить из буфера | Вставляет файлы и папки в текущий каталог. |
Удалить | Удаляет отмеченные файлы и папки. |
Большинство функций работает только после того, как вы поставите отметки напротив файлов и (или) папок, с которыми хотите осуществить те или иные действия.
Для большинства функций также открывается новое окно, в котором необходимо вести имя нового файла или отредактировать имя существующего.
Для перемещения файлов и папок используйте функции работы с буфером, при этом вы можете отмечать сразу несколько файлов и работать уже с этой группой, то есть, перемещать файлы между папками, а сами папки, включая их содержимое, перемещать между собой.
Для того чтобы выполнить над файлом или папкой какие-либо операции, необходимо кликнуть на «галке» слева от имени файла. Кликать на самом файле не надо, так как этим действием вы выбираете файл для вставки в контент.
Создание архива и распаковка архивного файла происходят в текущем каталоге. В случае наличия в текущем каталоге файлов или папок с названиями, аналогичными названиям файлов или папок, находящихся в архиве, на экран выводится соответствующее предупреждение.
Попробуйте создать папку, переместить её удалить и т. п., чтобы привыкнуть к специфике редактора.
Загрузка файлов на сервер
Для того чтобы загрузить файл (или несколько файлов) на сервер вам необходимо использовать соответствующую функцию. Будет открыто окно (Рисунок 75), представленное на иллюстрации.
Рисунок 75. Окно загрузки новых файлов на сервер. |
---|
Нажав на кнопку «Обзор», вы выбираете с локального компьютера файл, который следует загрузить на сервер. А полем ниже указываете имя этого файла на сервере.
Имена файлов на сервере не могут быть кириллическими и должны состоять только из букв латинского алфавита.
После того как файл выбран и его имя указано, необходимо нажать кнопку «Upload» («Загрузить»).
По умолчанию вы можете загрузить на сервер только один файл, но если вам необходимо загрузить несколько файлов сразу, вы можете нажать на кнопку «Add upload» («Добавить загрузки»). Дополнительных блоков для загрузки файла появится столько, сколько раз вы нажмете на эту кнопку.
Менеджер изображений
С помощью менеджера изображений вы можете осуществить следующие действия:
-
загрузку изображений на сервер;
-
выбор изображения для его последующей вставки в контент;
-
редактирование изображения;
-
подготовка изображения без использования дополнительного программного обеспечения.
Общее описание интерфейса
Интерфейс менеджера разделён на две части (Рисунок 76).
Рисунок 76. Окно общего интерфейса менеджера изображений. |
---|
В верхней осуществляется навигация по папкам с изображениями, а также создание новых папок и загрузка новых изображений. В нижней части располагается непосредственно список изображений, представленный в виде их эскизов (уменьшенных копий).
В верхнем углу каждого эскиза есть набор иконок, посредством нажатия на которые осуществляется доступ к функциям работы с изображениями.
Навигация по папкам и загрузка изображений
Процесс навигации несколько отличается от аналогичного процесса в менеджере файлов. Для того чтобы перейти в конкретную папку с картинками, необходимо выбрать её в поле «Select directory».
В этом списке представлены все директории, куда вы можете переместиться. Для создания новой папки вам необходимо кликнуть на иконке справа от списка и в открывшемся окне ввести имя новой папки. Новая папка будет создана в той, которая на данный момент является текущей.
Для загрузки новых изображений на сервер необходимо кликнуть на соответствующей иконке, находящейся справа от списка директорий. Загрузка изображений осуществляется способом, абсолютно идентичным тому, что описан в менеджере файлов.
Рисунок 75. Окно загрузки новых файлов на сервер. |
---|
Для того чтобы выбрать изображения (для вставки в контент или в любую другую область, для которой был вызван менеджер картинок), необходимо произвести одинарный клик левой клавиши мыши на эскизе этого изображения.
Управление изображениями
Подробно рассмотрим те функции, которые доступны для работы с изображениями. Как уже говорилось, доступ к ним осуществляется через ряд пиктограмм, расположенных в углу эскиза каждого изображения.
Иконка | Название | Описание |
---|---|---|
Удалить изображение | Удаляет изображение с сервера, при этом ссылки на это изображение из контента не удаляются. Если где-то в контенте есть ссылки на данный файл изображения, оно не будет выведено. | |
Информация об изображении | При наведении курсора мыши выводит информацию о размере изображения в пикселях, занимаемом дисковом пространстве и формате. | |
Редактировать изображение | Открывает новое окно для редактирования изображения. | |
Просмотр исходного изображения | Открывает новое окно для просмотра изображения в исходном разрешении. В этом же окне присутствуют ссылки для перехода к предыдущему и следующему изображению (если таковые имеются в текущей папке). |
Редактор изображений
С помощью функции «Информация об изображении» вы принимаете решение о необходимости отредактировать изображение. Редактор изображений позволяет реализовать следующее важнейшие функции:
-
обрезка изображения;
-
изменение размеров изображения.
Рисунок 77. Окно интерфейса редактора изображений. |
---|
Рассмотрим панель управления редактора, а точнее, те действия, которые являются общими для обеих функций.
Иконка | Название | Описание |
---|---|---|
Сохранить изображение | Сохраняет внесённые изменения в редактируемый файл. | |
Восстановить изображение | В процессе редактирования позволяет заново вернуться к исходном изображению. | |
Обрезать изображение | Переводит редактор в режим обрезки изображения. | |
Изменить размер | Переводит редактор в режим изменения размеров изображения. | |
Сменить цвет рамки | Изменяет цвет рамки выделения с черного на белый и наоборот. | |
Отменить текущее действие | Отменяет обрезку или изменение изображения. | |
Применить текущее действие | Применяет обрезку или изменение размера изображения с отображением результата. |
Необходимо отметить, что все выполняемые преобразования изображения будут сохранены на сервере только после вызова функции «Сохранить изображение». До этого момента все данные хранятся в памяти локального компьютера.
Следует также учитывать, что после сохранения отредактированного изображения вы не сможете вернуться к исходному варианту, так как новое изображение будет записано поверх старого.
Более подробно рассмотрим функции обрезки изображения и редактирования его размеров.
Обрезка изображения
Если редактируемое изображение содержит лишнюю информацию (поля, какие-либо отметки, дефекты и т. д.), вы можете её удалить, выделив из изображения только важный фрагмент.
Для того чтобы выделить прямоугольную область изображения, которую вы хотите оставить, необходимо подвести курсор мыши к одному из предполагаемых углов и, удерживая левую клавишу мыши, перетащить курсор к противоположному углу предполагаемой области (как показано на иллюстрации).
После выделения области обрезки вы можете изменять её размер с помощью курсора мыши. Для этого достаточно просто раздвигать его с помощью небольших квадратов, расположенных по периметру области.
Кроме того, в панели инструментов присутствуют четыре поля, используя которые можно задать строгие числовые значения ширины и высоты окна обрезки (поля «W» и «H»), а также его координаты относительно левого верхнего угла исходного изображения (поля «X» и «Y»).
Все значения задаются в пикселях, и их изменения сразу отражаются в редакторе, тем самым, вы всегда можете контролировать конечный результат.
Перемещать рамку обрезки по изображению можно непосредственно с помощью мыши, если «схватить» рамку за пунктирную линию и перемещать курсор, удерживая левую клавишу мыши.
Рисунок 78. Процесс обрезки изображения. Изображение свечи выделено, вся остальная область будет обрезана. |
---|
После того как заданы необходимые координаты области обрезки, а также её размеры, необходимо подтвердить действие с помощью иконки «Применить текущее действие».
Изменение размеров изображения
На практике загружаемые изображения достаточно часто имеют слишком большое разрешение. Например, снимок, сделанной современным цифровым фотоаппаратом по ширине будет иметь разрешение более 2000 пикселей, тогда как для решения большинства задач достаточно не более 300-400 пикселей.
Рисунок 79. Редактор изображения в режим изменения разрешения (размеров) изображения. |
---|
Рисунок 79. Редактор изображения в режим изменения разрешения (размеров) изображения.
Для того чтобы уменьшить изображение, необходимо кликнуть на иконку и вызвать соответствующую функцию. При этом появятся два поля — для ввода ширины и высоты, к которым надо привести исходное изображение.
По умолчанию, при изменении одного из параметров изображения (ширины или высоты) автоматически будет пересчитан и другой параметр, таким образом, чтобы сохранить исходные пропорции изображения.
Если по каким-то причинам (например, из-за подгонки изображения под строго заданное разрешение) необходимо менять параметры ширины и высоты изображения не зависимо друг от друга, необходимо снять отметку «Constrain proportions». В этом случае изменение одного из параметров не будет приводить к изменению второго.
Измененное изображение будет сразу отображено, поэтому можно несколько раз менять размеры, подбирая оптимальные (потери качества происходить не будет).
После того как размер изображения откорректирован, необходимо нажать кнопку «Принять изменение».
Заключение
Надеемся, что данное руководство дало вам всю необходимую информацию для разработки собственных модулей, работающих под управлением SantaFox™.
Как написать руководство пользователя программы или сайта — инструкции, советы, помощь, программное обеспечение
Журавлев Денис
Что такое руководство пользователя и для чего его создавать
Ежедневно создаются новые продукты, программы, сервисы и часто пользователям приходится несладко при освоении какой-нибудь сложной программы, поэтому каждому новому продукту желательно собственное руководство. Для чего?
Большинство людей не хочет разбираться с чем-то незнакомым без персонального, всегда доступного и понятного помощника. А именно им и является хорошее руководство пользователя.
Общие советы по созданию пользовательской документации
Перед тем как приступить к созданию руководства, нужно определиться с некоторыми важными моментами. Например, определить, для кого вы его пишете? Кто его будет читать — рядовые пользователи, для которых важны базовые функции продукта, или люди, которым нужны особые, нечасто используемые функции программы/сервиса.
После этого важно подумать о том:
- Где пользователь будет к нему обращаться: дома, на работе, в машине?
- Как часто он будет его просматривать?
- Насколько объективно сложен для понимания продукт?
Из этого можно сделать вывод, насколько интенсивно пользователь будет работать с документацией, а значит уже можно выбрать между сжатым «справочником» или объемным «путеводителем» Также важно, чтобы руководство писал профессионал, знающий продукт. Так что по возможности делегируйте написание техническому специалисту или аналитику, у которого есть полное представление о всех тонкостях продукта.
Определившись со всеми представленными пунктами, станет понятнее, какой нужно использовать стиль изложения, какого объема написать текст. Но помните, что излишне стилистически окрашенные слова мешают пользователю добраться до сути. Так что лучшим вариантом в большинстве случаев будет нейтрально-формальный стиль. Пишите так, чтобы пользователь вас понял. Постарайтесь по возможности избегать технических терминов, но проанализируйте — не сделает ли полное отсутствие терминов ваше руководство бесполезным?
Структура руководства пользователя
После того как вы ответили на предыдущие вопросы, создайте структуру руководства. У любого хорошего «путеводителя» хорошая и логичная структура. Начните с оглавления. Информативное содержание поможет читателю легко ориентироваться в документе.
В первом разделе желательно рассказать общую информацию о программе:
- Для чего создан продукт.
- Какие задачи он решает.
- Какие основные выгоды от использования для клиента.
В следующем разделе можно указать основные элементы пользовательского интерфейса. Пользователю будет трудно разобраться в софте, если он не поймёт для чего служат различные элементы интерфейса, или он не разберётся в основных режимах работы ПО. Опишите понятным языком предназначение экранов и окон.
Создайте раздел, где расскажете о наиболее эффективных способах применения продукта для решения типовых задач. Какие цели стоят перед клиентом, и как ваша программа/сервис помогает достичь их. Укажите информацию о том, как быстро и продуктивно пользоваться программой.
Ни одно руководство не обойдется без таких разделов как: «Частые вопросы» и «Устранение типовых проблем» В них разбираются вопросы и проблемы, с которыми часто сталкиваются пользователи. Для заполнения данного раздела вам скорее всего понадобятся уже готовые отзывы клиентов. Если у вас абсолютно новый продукт, вы можете предугадать проблемы ваших клиентов либо на первое время не включать данный пункт в ваше руководство.
Иногда технические писатели забывают о важном моменте в руководстве пользователя — контактная информация. Этот раздел поможет пользователям связаться с вами, даже если у них нет никаких вопросов и руководство полностью закрывает все их потребности. Клиент может дать совет, поделиться опытом или предложить выгодное вам сотрудничество.
Инструменты для быстрого создания руководства пользователя
Но как создать руководство пользователя, если пишешь его впервые? Или что делать, если руководство пользователя нужно постоянно обновлять и дорабатывать? Или нужны особые функции, которых нет в традиционных текстовых редакторах, например, в MS Word.
Одним из популярных инструментов для создания качественного руководства является программа Dr. Explain (https://www.drexplain.ru), в которой уже есть готовые шаблоны руководств пользователя с готовой структурой разделов и в которой удобно обновлять документацию, как бы часто эти обновления не происходили.
Видео-обзор основных возможностей программы Dr.Explain
Удобной особенностью инструмента является возможность экспортировать один и тот же документ в форматы: HTML, CHM, PDF. Простой и понятный интерфейс сам подскажет, как быстро просмотреть документ в различных форматах и настроить его под вывод в эти форматы.
Любой проект в Dr.Explain вы можете создать с нуля или импортировать уже существующую документацию, например из формата MS Word, HTML или CHM-файла, и буквально за несколько минут создать из нее онлайн-помощь, файл справки в формате CHM, или документ в формате PDF.
При создании руководства важно опираться на заранее составленный план. Дерево проекта в Dr.Explain поможет структурировать документ по вашему усмотрению. Вы можете добавлять, удалять перемещать разделы и переименовывать их. Для каждого раздела вы можете определить, в какой формат он будет экспортироваться. Также в работе удобно использовать статусы готовности разделов.
У программы свой собственный редактор, оптимизированный под работу со сложной документацией. Основные функции редактора вынесены в компактный тулбар. Это — управление стилем текста, форматирование абзацев, вставка ссылок, изображений, видео, таблиц и списков, а также вставка специальных объектов. Dr. Explain экономит время и силы своих пользователей. Разработчики документации часто сталкиваются с проблемой многократного использования одного и того же фрагмента текста и прибегают к очевидным решениям — «Ctrl+c», Ctrl+v». Dr.Explain предлагает решение по повторному использованию контента — текстовые переменные. Это решение экономит время, когда нужно много раз использовать один и тот же текст, особенно, который может периодически изменяться — например, версия документируемой системы.
Многие российские компании сталкиваются с тем, что руководство пользователя нужно писать согласно ГОСТ 19 и ГОСТ 34. Dr.Explain активирует поддержку требований ГОСТ фактически одним кликом. Программа автоматически сформирует структуру обязательных разделов и установит требуемые параметры страницы, стили абзацев, списков и заголовков.
Часто техническим писателям при документировании пользовательского интерфейса приходится снабжать изображения пояснительными выносками. Для таких случаев программа поддерживает специальные графические объекты — аннотированные экраны. Чаще всего аннотируются скриншоты программ и страниц веб-сайтов. Уникальной особенностью Dr.Explain является автоматическая аннотация изображений, получаемых при захвате экранов с окнами программ или сайтов. Программа анализирует структуру окон и добавляет пояснительные выноски ко всем значимым элементам.
Кроме того, Dr.Explain позволяет нескольким авторам одновременно работать над проектом с использованием сервиса www.tiwri.com, учетную запись на котором можно создать бесплатно за пару минут. При внесении правок одним автором сервис блокирует редактируемые разделы проекта для изменения другими авторами. По окончании редактирования изменения отправляются на сервер, и блокировка снимается. Так несколько человек могут одновременно работать над различными разделами проекта без риска помешать друг другу.
Попробовать режим многопользовательской работы в Dr.Explain можно даже с бесплатной лицензией. Вы можете создать общий проект и полноценно работать с ним в многопользовательском режиме до семи дней.
Почему компании выбирают Dr.Explain для создания руководств пользователя
Павел Свиридов, профессиональный военный, полковник, создатель астрологической системы «Вега Матрица»
«Только программа Dr.Explain обладала всеми необходимыми возможностями. А главное — она давала простор для творчества. Можно было выбрать цветовую гамму, вид и форму служебных элементов, настраиваемые шаблоны. Это позволило мне сохранить стилевое единство документации и самой программы. Ну, и конечно, полуавтоматическая обработка материала существенно облегчает и ускоряет работу по созданию хелпа.
Обучение работе в Dr.Explain было наглядным и сделано возможностями самой программы, что безусловно повлияло на мой выбор в ее пользу».
Прочитать полный кейс компании «Вега Матрица вы можете перейдя по ссылке
Наталья Обухова, бизнес-аналитик компании CRM Expert
«По классике жанра был пилотный проект на двух фаворитах (Dr.Explain и HelpNDoc) и муки выбора.
Через неделю справка была полностью готова. Конечно, если мы набивали ее «с нуля», за это время мы бы не успели. Мы просто конвертировали все бумажные инструкции во внутренний формат программ, изменили каталогизацию и организовали систему гиперссылок.
Сначала фаворитом выбора была другая система, но решающим фактором в пользу Dr.Explain стал возглас человека, выполняющего основную часть работы по переносу текста: «Вжух! И вся структура документа перенеслась в файл справки». Функция импорта в Dr.Explain отработала на ура и сэкономила кучу времени.
Также очень подкупил дизайн веб-справки, который формируется Dr.Explain, и красивый способ организации подписей к окнам нашей системы. В Dr.Explain это называется «Аннотирование экрана».
Возможность установки статуса раздела тоже оказалась очень удобной, особенно, после импорта старой версии справки легко отслеживать, какие разделы требуют обновления, в каких еще ведутся изменения, а какие уже обновлены и актуальны».
Прочитать полный кейс компании CRM Expert
Николай Вальковец, разработчик компании 2V
«Мы значительно сократили время работы техподдержки с новыми клиентами на этапе подключения. Раньше требовалось проводить онлайн презентации и видео конференции для новых клиентов, объясняя особенности программы. Сейчас же, один раз постаравшись максимально подробно всё описать, мы избавили себя и нашу техподдержку от этой работы. Нам импонирует простота программы и скорость работы. Можно быстро редактировать, добавить новые пункты в документацию, сохранить в формате HTML и выложить на сайт».
Прочитать кейс компании V2
Подытожим
Создание и написание хорошей пользовательской документации — это труд, который требует много времени и усилий. Но если успешно справиться с задачей, можно навсегда получить лояльных и довольных клиентов. Не забывайте о том, что недовольство от некачественного руководства может быть спроецировано пользователем на сам продукт и повлиять на дальнейшие решения о его выборе. Пользовательская документация должна стать персональным и незаменимым помощником. Используя Dr. Explain, вы сможете быстро создать качественное руководство пользователя, которое будет помогать пользователям разбираться в продукте, а вам позволит сосредоточить свои силы на более важных задачах — разработке и продвижении программного продукта.
Скачать Dr.Explain с неограниченной по срокам возможностью бесплатной работы можно по адресу: https://www.drexplain.ru/download/
Успешных вам разработок!
Смотрите также
- Dr.Explain — инструмент для создания мобильной версии пользовательской документации к программным продуктам
- Шаблоны файлов помощи, руководства пользователя программного обеспечения или сайта, шаблон базы знаний — бесплатные шаблоны и примеры пользовательской документации
Предложите, как улучшить StudyLib
(Для жалоб на нарушения авторских прав, используйте
другую форму
)
Ваш е-мэйл
Заполните, если хотите получить ответ
Оцените наш проект
1
2
3
4
5