Хозяину на заметку
26 Сентября 2020
Хочу научиться делать сайты! Часть 6 Знакомство с CMS Evolution

Хочу научиться делать сайты! Часть 6 Знакомство с CMS Evolution

Админку установили, разбираемся как она работает и сделаем первую страничку самостоятельно.

Ну что же, после ряда несложных манипуляций перед нами не что иное, как страница входа в святая святых нашего сайта – панель администратора. Адрес входа вы можете увидеть в адресной строке браузера, он довольно простой – www.ваш_сайт.ru/manager. При желании, в целях безопасности вы сможете в дальнейшем изменить этот адрес на любой другой, например, на www.ваш_сайт.ru/5677ghsd8h.

Вводим, сохранённые нами ранее в файлике логин и пароль администратора сайта и попадаем внутрь.

Первоначальная настройка CMS Evolution

Система предлагает заполнить ряд полей и сохранить эти параметры для работы. Приступим.

Я перечислю лишь те параметры, которые минимально необходимы для нормального функционирования сайта:

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

Обратный адрес e-mail: Пишем адрес электронной почты на который будут приходить все сообщения отправленные с сайта, а также сообщения об ошибках от системы управления. Во избежание блокировки отправки писем с сайта, адрес почты должен быть на том же домене, что и ваш сайт. Т.е. если у вас сайт на домене vasyapupkin.ru, почтовый ящик должен быть вида info@vasyapupkin.ru. Вариант использовать свою почту от mail.ru или яндекса не подходит. Точнее вы можете её указать, но все письма, отправленные с сайта доходить до вас не будут, т.к. отправитель (например, vasya@mail.ru) не будет соответствовать реальному отправителю (вашему сайту) и почтовые антиспам фильтры эти письма не пропустят, увидев подлог обратного адреса.

На первой вкладе больше ничего изменять не требуется, на второй тоже и переходим сразу к третьей – Интерфейс и представление. Здесь находим пункт «Кнопка "Новый ресурс"» и отмечаем «Да». Это позволит нам иметь отдельную кнопку для создания новых ресурсов (страниц или папок со страницами)

Переходим на вкладку безопасность. В разделе «Уведомления о системных ошибках» отметим «error». Если на сайте появятся ошибки, то система пришлёт нам письмо с текстом ошибки, и мы сможет оперативно её исправить.

На вкладке «Файл-менеджер» мы ничего трогать пока не будем, но запомним, что в будущем, когда мы точно будем знать какой контент и какие файлы, в том числе и медиа будут использоваться на нашем сайте мы сможет создать жёсткие ограничения на загрузку этих самых медиа файлов. Тут речь идёт именно о типах файлов, которые могут быть загружены либо через форму на самом сайте, либо менеджерами через панель администратора. Т.е., если вы не планируете загружать на сайт файлы с flash анимацией, то можете смело убрать из разрешённых к загрузке файлов тип «swf» (расширение файла). Как вы уже заметили, типов файлов, разрешённых по умолчанию много и некоторые из них вам даже не знакомы, так что эту работу предстоит сделать рано или поздно, это обезопасит ваш сайт от различных типов заражения, которые часто происходят именно через загрузку файлов из вне.

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

И последняя вкладка – «файл-браузер». Здесь находим «Изменение размера изображений на стороне клиента» и ставим «да», аналогично поступаем с разделом «Создание эскизов только при загрузке изображения» - ставим «да». Эти параметры призваны ускорить загрузку изображений и одновременно создать уменьшенную копию для более быстрого показа на сайте.

Последним пунктом изменим «Запретить переименование расширений файлов» на «да». Это поможет нам предотвратить изменение расширений у загруженных файлов, что очень часто делают многие вирусы и как следствие сделает наш сайт ещё немножечко более стойким к взлому.

Теперь нажимаем на зелёную кнопку «сохранить» в правом верхнем углу. Если после сохранения система показала сообщение об обновлении на более новую версию, то можете смело это сделать, нажав на кнопку «обновить». Всё происходит в автоматическом режиме и похоже на установку, только уже ничего не нужно вводить и лишь изредка нажимать на «ок». Система развивается и обновляется, что очень хорошо. На момент написания этого текста актуальная стабильная версия 1.4.10.

А теперь настало время ознакомиться с интерфейсом системы управления сайтами "Evolution".

вид админки Evolution изнутри

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

В левой части навигационной панели есть своё мини меню, под которым вы уже заметили название своего сайта, а чуть ниже непонятная надпись «Evolution CMS Install Success». Эта надпись не что иное как название первой и пока единственной страницы нашего сайта. Нужно запомнить, понять и привыкнуть, что вся структура нашего сайта располагается в левой панели и представлена в виде папок и подпапок, внутри которых находятся документы (страницы нашего сайта). Т.е., с точки зрения логического представления, наш сайт состоит из папок и подпапок внутри которых файлы, всё как на обычном компьютере. И папки и файы внутри неё могут отображаться в браузере как отдельные страницы сайта.

«Evolution CMS Install Success» является пока обычным документом рядом с которым мы можем создать ещё один с произвольным названием и у нас будет на сайте уже 2 страницы! Давайте попробуем, в левом верхнем углу найдите кнопку, похожую на лист бумаги – это копка «создания нового ресурса», помните мы включали её при настройке. Нажимаем на неё и на основной панели появился открытый новый документ с заголовком «Новый ресурс».

Создание страниц в CMS "Evolution"

Ну так давайте же его создадим. В поле «Заголовок» впишем название «моя первая страница» и на верху нажмём на зелёную кнопку «сохранить+продолжить». Основное поле админки обновилось и что мы видим?

моя первая страница в cms "Evolution"

В левой, назовём её «структурной», панели появился наш документ - «моя первая страница». Сама страница по-прежнему осталась открытой для редактирования на основном поле и у неё уже есть заголовок. Так же появился псевдоним, т.е. имя страницы которое будет видно в адресной строке браузера. Т.к. браузеры не очень дружат с кириллицей, равно как и все компьютеры, которые изначально были созданы только англоязычными, то название нашей страницы в адресной строке было транслитерировано – русские буквы были заменены на английские сходные по звучанию (moya-pervaya-stranica). Так же автоматически были добавлены тире между словами, т.к. адреса страниц не могут быть с пробелами.

Правила транслитерации задаются в специальном плагине TransAlias, который уже есть в системе (элементы/плагины/TransAlias). Открыв плагин вы можете перейти на вкладку «конфигурация» изменить параметры. Сейчас делать этого не стоит, т.к. по умолчанию всё настроено корректно. Максимум, вы можете настроить плагин на «не разделение» слов с помощью тире, а просто удалять пробелы и слова будут написаны слитно. Параметр «Remove Periods» установить в значение «Yes». Но я не советую этого делать, т.к. поисковые роботы умеют выполнять обратную транслитерацию и вашу страницу им будет найти легче если слова будут разделены.

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

Одним из самых важных параметров, который влияет на отображение страницы на сайте является «Шаблон». Именно от назначенного шаблона зависит где и как будет выведена информация, содержащаяся в данном конкретном документе. У нас пока нет ни одного шаблона, мы их попросту ещё не создали, поэтому система автоматически подставляет шаблон «по умолчанию» - «Minimal Template». Какой шаблон подставлять вновь создаваемым документам можно настроить в «Конфигурации» - иконка с шестерёнками в правом верхнем углу админки, на вкладке «сайт», в разделе «Шаблон по умолчанию:». Сейчас там стоит один из единственных возможных - Minimal Template. Так же, можно настроить, чтобы система выбирала сама один из 3-х вариантов шаблона (когда их будет несколько) – это системный, указанный сейчас как «Шаблон по умолчанию», либо соседний, т.е. шаблон как и у других документов в конкретной папке, либо родительский, т.е. такой же шаблон как и у папки в которой создаётся документ. Поменять шаблон в ручную можно всегда и в любой момент при редактировании документа.

Давайте откроем для редактирования документ «Evolution CMS Install Success» просто ткнув по названию мышкой. А теперь посмотрим, как он выглядит на сайте. Для этого нажмите на иконку монитора в правой верхней части админки.

Вид первой страницы в cms "evolution"

Как вы заметили? мы видим только то, что написано в теле текстового редактора, который расположен в нижней части окна, где мы редактируем документ. Не закрывайте страницу сайта и вернитесь в админку. Удалите в редакторе весь текст и вместо него напишите что-нибудь другое, например, «Привет мир». Нажмите на зелёную кнопку «сохранить+продолжить», вернитесь на открытую страницу и обновите её. Вы увидите ваш текст.

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

Пару слов про кнопку «сохранить+продолжить». Я думаю вы догадались, что она сохраняет документ и не закрывает его для дальнейшего редактирования. Вы может выбрать любое действие для кнопки: «закрыть», тогда документ сохранится и будет автоматически закрыт, и вы увидите лишь краткую информацию о нём или "создать новый", тогда будет создан новый документ. Соседние кнопки позволяют создавать дубликат, удалять, просматривать и отменять внесённые изменения. Краткая информация о странице выглядит так:

просмотр информации о странице в cms "Evolution"

Здесь можно увидеть все основные параметры страницы и при необходимости отредактировать её. В таком виде документы представлены если выбран режим просмотра (вместо редактирования) при клике на документ. Эти настройки доступны в Конфигурация/интерфейс и представление в разделе «Режим щелчка мышью на ресурсе». При начальной настройке мы оставили значение «редактировать» т.к. при первичном создании и наполнении сайта нам меньше придётся кликать мышкой. В независимости от режима «кликанья» отредактировать документ можно всегда нажав на зелёную кнопку «редактировать» в режиме просмотра.

Как видите, внутри системы управления «Evolution» нет ничего сложного и страшного, всё на русском языке, с подсказками и весьма логично. Я не буду останавливаться на всех возможностях интерфейса системы управления, вы можете их сами рассмотреть и попробовать, тем более сломать пока нечего, сайта как такового мы ещё не сделали. На следующем этапе приступим к интеграции шаблона в систему управления, рассмотрим несколько сниппетов и плагинов Evolution и попробуем разобраться в базовых вещах HTML и CSS.

Комментарии (показать/скрыть)

Maxim.Zone

Ещё статьи по теме "Интернет"