Руководство (инструкция) пользователя по редактированию материалов сайта

Вход в панель администрирования

001vhodvadmin

Что бы войти в панель администрирования сайта необходимо в адресной строке браузера набрать адрес, присланный Вам на e-mail, или если ссылка активна щелкнув по ней перейти на страницу входа. Затем необходимо набрать присланный логин и пароль в соответствующих полях.

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

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

002home panel

Редактирование материалов сайта.

003material

Все материалы (контент) представленные на сайте находятся в пункте меню «Материалы»(верхнее меню). Все материалы представленные на сайте находятся в пункте меню «Материалы»(верхнее меню). Материалы представленные на сайте делятся на «Разделы»(Менеджер разделов) → «Категории» (Менеджер категорий) → Материалы (Менеджер материалов). Такое разделение необходимо для облегчения работы с материалами.

Менеджер разделов

Кликнув по пункту меню Менеджер разделов Вы видите все разделы сайта. На примере сайта http://www.artclimatdon.com разберем как редактировать и добавлять новый раздел. Чтобы добавить новый раздел необходимо кликнуть на кнопке создать (зелена кнопка со знаком +) и в открывшемся редакторе раздела ввести Заголовок раздела и Псевдоним (обязательно английскими буквами).

003razdel1

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

003razdel2

Менеджер категорий:

Разделы разделяются на категории. На примере админпанели сайта http://www.artclimatdon.com видно 8 разделов. Добавим в Раздел «Кондиционеры» категории в нашем случае это компании производящие кондиционеры. Войдя через верхнее меню Материалы--> Менеджер категорий Вы видите все существующие категории, отсортируйте их для удобства используя сортировщик вверху справа. Так как добавлять мы будем категорию в раздел «Кондиционеры» то в сортировщике выберите кондиционеры. Выбрав вы увидите только категории в разделе «Кондиционеры».

004kategoriya

Что бы добавить новую категорию в раздел нажмите кнопку «Cоздать» при этом Вы войдете в режим добавление новой категории, тут все аналогично добавлению разделов. Что бы отредактировать существующую категорию нажмите на название этой категории в списке и опять откроется раздел добавления/редактирования категорий. В режиме добавления/редактирования категорий меняем как и при редактировании раздела заголовок и псевдоним категории и добавляем если необходимо описание категории. (как работать с редактором описания мы рассмотрим позже при добавления/редактировании нового материала).

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

004kategoriya2

Менеджер материалов

Вся информация представленная на сайте это «материалы» или так называемый «контент сайта». Материалы это всевозможные статьи, новости, информация о компании и т.д. Как было сказано выше материалы для удобства разделяют по категориям, которые в свою очередь разделяются на разделы.

Новые материалы создаются с помощью все той же кнопки создать а редактируются уже созданные материалы при нажатии на заголовок нужного материала. Зайдем в режим редактирования материалов. Для этого идем в верхнее меню--> менеджер материалов. Мы видим все присутствующие на сайте материалы.

005material

Отредактируем материал на примере сайта http://www.artclimatdon.com. Как уже говорилось выше создание нового материала отличается от редактирование существующего только тем, что при создании нового необходимо нажать кнопку «создать», а при редактирование существующего кликнуть по нему в списке. При этом вам откроются абсолютно одинаковые редакторы. Отсортируем для удобства с помощью фильтра (напомню это выпадающие свитки над списком материалов) материалы. В свитке «Выберете раздел» выбираем «Кондиционеры» в свитке «Выберете категорию» выбираем категорию «Carrier». В данной категории только 3 материала. Для примера выберем «Кондиционеры CARRIER серия X-Power Gold Inverter» кликнем по нему и войдем в режим редактирования.

005material2

Как Вы видите панель инструментов похожа на панель инструментов Microsoft Word. Что бы создать новый материал Вам необходимо заполнить: «Заголовок» - пишем название материал; «Псевдоним» - можно тоже название только латиницей; Выбираем Раздел — в нашем случае «Кондиционеры»; Выбираем категорию — в нашем случае «Carrier»; «Опубликовано» - ставим «Да» иначе материал на сайте не появиться (к слову сказать чтобы материал появился на сайте необходимо его привязать к пункту меню но об этом в разделе Редактирование меню). «На главной» - ставим нет если показ материала не предусмотрен на главной.

005material3

В Правой панеле «Параметры расширенные» необходимо отключить все параметры как показано на рисунке выше. Если этого не сделать ничего страшного не произойдет просто наш материал будет слегка «замусорен» не нужной информацией.

Редактирование текста и добавление иллюстраций.

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

005material4

005material5Текст можно набирать прям в редакторе или копировать из других мест. Например из Microsoft Word или попросту из интернета. При наборе текста непосредственно в редакторе форматировать ничего не нужно все уже прописано в стилях необходимо просто применить стиль к тексту для этого нужно выделить текст и на панеле инструментов выбрать свиток «Format» и выбрать нужный стиль текста.

В свитке уже заданы такие стили как: Paragraph это абзац, выбрав его Ваш текст отформатируется как абзац с красной строкой и отступом красной строки; Heading – это набор заголовков разного размера. Стиль, цвет, начертание заголовков уже заданы в стилях. Что бы сохранить целостность дизайна менять ничего не стоит пользуйтесь существующими заголовками и абзацем этого обычно достаточно. Остальные элементы: список, нумерованный список, расположение текста и т.д.

Вам должны быть знакомы по Word и выполняют аналогичную функцию.

Если текст и таблицы Вы копируете из другого редактора или интернета при вставке его необходимо почистить от чужих стилей добавленных Word. Скопируйте текст или таблицы или все вместе, затем поставьте курсор в текстовую область(по умолчанию при создании нового материала курсор всегда в текстовой области)и вставьте копируемые данные.

005material6

Выделите все вставленные данные они примут показанный на рисунке вид. Затем нажмите кнопку на которой изображен ластик (очистка форматирования), и кнопку на которой нарисована метелка (очистка кода). Все текст должен вычиститься от чужих стилей. Обратите внимание на панеле инструментов для удобства желательно включить кнопку показа таблиц и параграфа (эта кнопка такая же как и Word смотрите выделенные красным элементы на рисунке).

При редактировании текста обращайте внимание на активные инструменты(на рисунке активен инструмент «список» обведен красным) они показывают где находиться курсор. То-есть если активен список значит Ваш курсор стоит на списке в тексте если таблица значит вы в таблице.

Добавление и редактирование иллюстраций

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

006illustracii

Для того чтобы вставить иллюстрацию в материал необходимо нажать кнопку добавления/редактирования изображений (как показано на рисунке). 007illustracii3При этом открывается окно добавления/редактирования иллюстраций. Рисунки (особенно если их будет много) можно и даже нужно разбивать на папки для добавления новой папки служит кнопка «Новая папка» (на картинке справа выделено красным две кнопки). Нажав её и задав название папки (только латиницей!) Вы создадите новую папку куда добавите изображения.

Кнопка загрузки изображений находится рядом с «Новая папка». При её нажатии появляется окно в которое можно просто перетащить необходимый рисунок или нажав кнопку обзор, выбрать нужное изображение. Нажмите загрузить. Все рисунок появиться в окне посередине. Только что вставленное изображение подсветится жирным.

006illustracii2

Нажав левой клавишей мыши по добавленному рисунку Вы увидите его свойства в панеле свойства. Тут необходимо сосредоточит внимание на размерах изображения. Если они слишком велики для вашего материала то размер можно изменить правя только один из параметров ширину или высоту второй по умолчанию изменится пропорционально (если отмечено рядом с размерами пропорционально).

006illustracii3Выравнивание изображения необходимо для его позиционирования относительно текста. Допусти выбрав в выпадающем свитке «влево» Вы зафиксируете изображение по левому краю при этом тест будет обтекать изображение справа. Это можно наблюдать на панеле «Просмотр» справа. Добавив отступ скажем 5 и текст будет отстоять от изображение на 5 пикселей. Если Вы не хотите что бы текст обтекал рисунок, скажем изображение должно быть по центру, тогда ничего настраивать не нужно (разве что размер картинки) просто нажмите вставить. Все изображение в материале. Нажмите на изображение при этом оно выделиться и центрируйте его пользуясь знакомыми с «Word» форматировками текста (По центру, Вправо, влево).

Добавление и редактирование таблиц
Вставляем таблицу из другого редактора (текстового редактора Word, Excel)

Для того чтобы вставить таблицу из другого Выделите её и скопируйте через буфер обмена. Затем вставьте таблицу в редактируемый материал. При этом таблица, как было сказано ранее «потянет» с собой стили и форматировки которые в ней были заданы Word или другим текстовым редактором. Для очистки таблицы от чужих стилей выделите таблицу и нажмите кнопки «Убрать форматирование» и «Очистить html». Обратите внимания что-бы кнопка «Отобразить все знаки» была активна. Это поможет определить почистилась таблица или нет.

008table

Если таблица не почистилась, обычно это выражается в наличии внутри ячеек таблицы формата абзаца «P» в пунктирном прямоугольнике. Такая таблица будет выглядеть на сайте не коректно поэтому выделите ячейки в которых есть абзац «P» (при выделении ячейка таблицы окраситься в голубой цвет) и нажмите еще раз кнопку «Убрать форматирование». Ячейка должна остаться без абзаца «P» только с Вашей информацией. К слову сказать ячейки можно и не выделять а просто поставить курсор в нужную ячейку таблицы.

Создаем новую таблицу

008table2

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

008table3