Оффициальный сайт системы EasyEdit находится в стадии разработки. Тем временем, на этой странице представлена инструкция по эксплуатации системы, предназначенная для владельцев сайтов, построеных на её основе.

Система управления содержимым интернет-сайтов (Content Management System) EasyEdit

Инструкция по эксплуатации

Содержание

Простое редактирование содержимого

Если нужно исправить что-то в существующем тексте, то для этого нужно:
  1. Включить режим редактирования сайта. Для этого нужно:
    1. Открыть страницу по адресу http://www.имя.вашего.сайта/adm/
    2. В ней ввести полученый от разработчиков пароль
    3. Кликнуть по кнопке "Включить режим редактирования" ("Turn on the editing mode")
    4. Вернуться на сайт, кликнув по зелёной кнопке "Site"
    После этого на сайте можно будет увидеть маленькие буквы е около каждого элемента сайта.
  2. Теперь достаточно кликнуть на такую е около элемента, который нужно изменить.
После этого откроется экран редактирования элемента сайта.

Редактирование
Рис. 1. Редактирование

Как видно из рисунка, элемент может состоять из нескольких полей. В данном случае показано редактирование статьи, включающей в себя заголовок (1), анонс (2) который показывается в разделе каталога вместе с анонсами других статей этого раздела, и тело статьи (3). Каждое из этих полей можно редактировать, то есть, просто кликнуть в нужное место и впечатывать текст.
По окончании редактирования важно не забыть сохранить изменения зелёной кнопкой "Save" (4).

Добавление нового содержимого

Если нужно добавить новую статью, новый пункт меню или новый раздел, то для этого нужно:
  1. Включить режим редактирования сайта, если он не включён.
  2. Открыть экран редактирования существующего подобно элемента
  3. Открыть бланк создания элемента зелёной кнопкой "Add" (Добавить) (1)
Добавление
Рис. 2. Добавление

Как видно на рисунке, кроме полей редактирования, доступных при редактировании существующего элемента, на этом экране присутствуют ещё 2 дополнительных поля (2 и 3). Это очень важные поля, хотя они никогда не будут показаны посетителям сайта.
Первое - Item Name (2) - это короткое кодовое имя создаваемого элемента. В нём можно использовать только английские буквы и цифры, без пробелов. Нужно всё-таки постараться выбрать смысловое значение для этого поля, оно будет учавствовать в адресе страницы, показывающей создаваемый элемент, и смысловое имя будет способствовать лучшей индексации этой страницы поисковиками (гуглом).
Второе - Item Description (3) - это смысловое название статьи для вас. Можно писать на английском или русском, пробелы разрешены. Придумайте такое название, по которому вы всегда сможете узнать и иденцифицировать эту статью.
По окончании заполнения всех полей, если нужно опубликовать созданную статью на сайте сейчас, установите галочку в пункте Publish (4).
Для сохранения результатов необходимо кликнуть зелёный Save (5).
Теперь можно указать к какому разделу будет относиться эта статья (6).

Изображения (картинки)

EasyEdit предоставляет широкие возможности в использовании изображений на сайте. Изображения могут быть добавлены как в специальные, предусмотренные для них поля, так и в тела и анонсы любых статей. Главное необходимое условие для добавления изображения на сайт - нужно иметь это изображение в электронном формате на вашем компьютере, и знать где именно (в какой папке) оно на вашем компьютере находится. При этом, файл, содержащий изображение должен иметь небольшой размер (до 100Кб). Желательно использовать формат JPG.

Для добавления изображения следует:
  1. Поставить курсор текста (не мышки) в место, куда требуется вставить изображение. Если поле ещё не содержит текста, тем не менее, необходимо поставить в него курсор (кликнуть).
  2. Кликнуть по кнопке добавления картикни (рис. 2 №7)
После этого откроется специальное окошко управления изображениями статьи, в простонародье называемое "накопитель".

Картинки (накопитель)
Рис. 3. Картинки (накопитель)

Использование изображений в системе EasyEdit разделяется по способу и по расположению:
  1. Способ
    1. Простой
    2. С предпросмотром
  2. Расположение
    1. Обтекаемое (в тексте)
    2. Отдельное (в галерее)

Простой способ

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

Способ с предпросмотром

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

Обтекаемое расположение (в тексте)

Если речь идёт о вставке единичного небольшого изображения в текст статьи, то для этого варианта лучше всего подходит обтекаемое расположение. При таком расположении картинка будет расположена у левой кромки участка страницы сайта, на котором распологается редактируемая статья. Правее картинки будет расположен текст статьи. Этот текст может обтекать картинку, то есть стелиться правее картинки и затем перетекать ниже неё. Так обычно поступают, когда в начале статьи располагают небольшую иллюстрацию.

Отдельное расположение (в галерее)

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


Итак, прежде чем продвигаться дальше, вам необходимо чётко решить, какой способ и какое расположение подходят для данного случая. Если такое решение имеется, то следует:
  1. Кликнуть по кнопке "Browse" (Обзор) (рис. 3 №1) При этом откроется окошко обзора содержимого вашего компьютера. В этом окошке необходимо выбрать файл, содержащий вставляемое изображение.
  2. Если изображение будет вставляться простым способом, то чекбокс "Resize" должен быть чист (не чекнут). В случае использования способа с предпросмотром, чекбокс "Resize" должен быть помечен птичкой (чекнут)
  3. Кликнуть по кнопке "Загрузить картинку" (3).
  4. Подождать некоторое время (5 - 30 секунд)
  5. Если изображение успешно загружено, то его уменьшенная копия (независимо от чекбокса Resize) появится в этом же окошке. Размер этой уменьшенной копии не имеет ничего общего с размером вставляемого изображения. Эта копия показывается только в накопителе.
  6. Если вы планируете вставить ещё другие изображения в эту статью, то сейчас можно их загрузить на сервер, выполнив предыдущие пункты для каждого из изображений.
  7. Если было по ошибке загружено лишнее изображение, то его можно удалить с сервера следующим путём:
    1. Выберите опцию "Удалить" (5).
    2. Кликните по уменьшенной копии изображения, которое нужно удалить.
  8. Убедитесь, что выбрана опция "Вставить" (4).
  9. Используя опции 6 и 7, выберите надлежащее расположение вставляемого изоражения.
  10. Кликните по уменьшенной копии вставляемого изображения.

Интеграция с FTP

FTP (file transfer protocol) - это технологическое средство для перемещения больших объёмов информации между компьютерами, соединёнными в компьютерную сеть. Чаще всего FTP используется для обмена файлами между пользовательским (вашим) компьютером и интернет-сервером (компьютером, на котором физически находятся файлы, составляющие ваш сайт). Главным преимуществом FTP является возможность одновременной загрузки на сервер (или скачивания с него) большого количества файлов. В случаях, когда с помощью EasyEdit создаётся подобие галереи изображений, представляется рациональным использовать FTP для одновременной загрузки больших количеств изображений на ваш сайт. EasyEdit предусматривает для этого, для вашего удобства, частичную интеграцию с FTP, которая будет описана ниже.

Использование FTP обычно осуществляется с помощью одной из специальных программ, называемых FTP-клиентами. Наиболее распространённой и удобной из таких программ является FileZilla. FileZilla не является частью EasyEdit и инструкция по её эксплуатации не входит в рамки данного руководства. Посредством FileZilla или другого FTP-клиента вы можете подключиться к вашему серверу, используя логин и пароль, полученные от вашего хостера. Вы увидете на сайте папку upimages, и в ней вы найдёте папки с именами, совпадающими с именами созданных вами статей. Не для всех статей будут созданы папки, а только для тех, в которых уже были загружены изображения. В каждой папке статьи вы найдёте папку full. Изображения следует загружать в такие папки full для соответствующих статей. В сами же папки статей следует загружать уменьшенные варианты (превью) этих изображений.

Последний абзац может оказаться сложным для неподготовленных пользователей. Поэтому, проявляя неустанную заботу о клиентах, EasyEdit предусматривает упомянутую выше интеграцию с FTP, аналогов которой мы ещё не встречали ни в одной системе управления содержимым сайтов. Счастливым обладателям EasyEdit, вместо всех сложностей работы с FTP-клиентами, нужно знать только две ссылки: номера 8 и 9 на рисунке 3. Кроме использования FTP-клиентов, работа с FTP возможна так же посредством Internet Explorer. В EasyEdit используется именно такая возможность. При клике по ссылке 8 будет открыто новое окно эксплорера, содержащее детальные инструкции последующих действий, необходимых для подключения к вашему серверу по протоколу FTP используя Internet Explorer. Для вашего удобства, процитируем их здесь:

После клика по ссылке ниже, в этом окне будет открыта папка FTP, в которую можно скопировать (перетащить мышкой из окна локальной папки) файлы картинок для редактируемой статьи. По открытии папки, будет представлено сообщение сервера в виде всплывающего окошка. Закройте его, кликнув "Ок". Если оно не будет показано, обновите страницу (F5, или Refresh в меню). Затем, в меню эксплорера выберите File / Login As... , и в открывшемся диалоге введите имя пользователя и пароль, полученные от разработчиков.
Не забывайте, что нужно использовать только файлы в формате .jpg, и не слишком большого размера. После завершениия процесса копирования закройте это окно, и в окошке выбора картинок (накопителе) кликните по линку "Вставить с FTP". Это создаст уменьшенные картинки предварительного просмотра (превьюхи) и вставит их все в редактируемую статью.
Как видно из инструкций, EasyEdit сделает за вас почти всю работу, вам нужно только скопировать обычным способом, принятым в вашей повседневной работе в Windows, все изображения, относящиеся к редактируемой вами статье в предоставленное вам окно. Не нужно беспокоиться о создании уменьшенных копий изображений (превьюх), EasyEdit и это сделает автоматически.

Каталогизация (разделы сайта)

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

Создание разделов и распределение статей по разделам организовано в EasyEdit максимально просто и удобно. Так же, как в общем случае добавления нового содержимого, для добавления нового раздела следует:

  1. Включить режим редактирования сайта, если он не включён.
  2. Открыть экран редактирования существующего раздела
  3. Открыть бланк создания раздела зелёной кнопкой "Add" (Добавить) (п. 1 рис. 2)
Далее, заполнение информации, относящейся к разделу, ничем не отличается от работы с новой статьёй или любым другим новым элементом сайта.

После того, как будут созданы статьи и разделы сайта, можно приступить к распределению статей и подразделов по разделам. Для этой цели предусмотрен специальный экран "Каталогизатор" , который доступен по зелёной кнопке "Catalog" (Каталог) на любом экране редактирования любого элемента, а также на экране http://www.имя.вашего.сайта/adm/ сразу после ввода пароля.



Каталогизатор
Рис. 4. Каталогизатор

Строение экрана - просто и интуитивно. Разделы представлены в виде голубых прямоугольников, а статьи - в виде зелёных. Первоначально вы видете все статьи в левой части экрана, и все разделы в правой. С помощью опций 1,2 и 3 (рис. 4) вы можете выбрать, что показывать в левой части экрана: 1 - все статьи, 2 - только нераспределённые статьи (те статьи, которые не находятся ни в одном разделе), 3 - разделы. Для того, чтобы поместить одну или несколько статей в определённый раздел следует:

  1. Выбрать раздел, в который вы собираетесь помещать статьи, кликнув по названию раздела в правой части экрана (п. 4, рис. 4). Прямоугольник раздела при этом станет выделен более насыщенным голубым цветом.
  2. Кликать по прямоугольникам статей, которые вы хотите поместить в этот раздел, в левой части экрана. При этом внутрь прямоугольника раздела будут вставляться прямоугольники статей, что даст вам визуальную индикацию расположения статей в разделах.
Первоначально в правой части экрана будут показаны все разделы, созданные на сайте, без разделения на основные разделы и подразделы. Для того, чтобы поместить подразделы внутрь основных разделов следует:
  1. Удалить будущий подраздел из списка основных разделов в правой части экрана. Для этого следует кликнуть по красному Х в правом верхнем углу прямоугольника удаляемого подраздела (рис. 5)
  2. Выбрать раздел, в который вы хотите поместить этот подраздел, кликнув на его название (п. 4, рис. 4)
  3. В левой части экрана сверху выбрать опцию "Topics" (п. 3, рис. 4)
  4. В левой части экрана кликнуть по подразделу, который следует поместить в раздел, который вы выбрали в п. 2.


Удаление подраздела
Рис. 5. Удаление подраздела

Имейте в виду, каждая статья может присутствовать в нескольких разделах, но к подразделам это не относится. Каждый раздел может присутствовать в правой части экрана только один раз - либо в качестве основного раздела, либо в качестве подраздела. Поэтому важно перед тем, как поместить подраздел в раздел, удалить этот подраздел с правой части экрана. Физически он при этом не удалится из системы, но это позволит добавить его в качестве подраздела в другой раздел.

По окончании распределения не забудьте сохранить изменения зелёной кнопкой "Save" (Сохранить) (п. 5, рис. 4)

Продолжение следует...