3 500р.
5 000р.
подробнее

пакет
САЙТ ВИЗИТКА

5 600р.
8 000р.
подробнее

пакет
ПРЕДСТАВИТЕЛЬСКИЙ САЙТ

7 000р.
10 000р.
подробнее

пакет
КОРПОРАТИВНЫЙ САЙТ

9 800р.
14 000р.
подробнее

пакет
САЙТ КАТАЛОГ

10 500р.
15 000р.
подробнее

пакет
ИНТЕРНЕТ МАГАЗИН

 
Главная » Подробная пошаговая инструкция пользователю системы управления содержимым сайта CMS MadeSimple

Подробная пошаговая инструкция пользователю системы управления содержимым сайта CMS MadeSimple

Сайт имеет простую, понятную панель управления, которая похожа на панель при создании документов в MS Word

1. Программное обеспечение


Для работы с системой управления содержимым используется программное обеспечение Microsoft Internet Explorer версии 8 и выше, или любой другой браузер, например, Google Chrome, Opera, Mozilla Firefoxи.т.п.

2. Доступ к системе

Доступ к системе осуществляется через сеть Интернет. Для доступа необходимо с помощью программы-браузера соединиться со следующим адресом Интернет: http://ваш_сайт/admin

3. Авторизация в системе


После того, как соединение с указанным адресом будет установлено, необходимо произвести авторизацию ввести имя пользователя, пароль доступа и нажать кнопку «Отправить» (имя и пароль индивидуальны, предоставляются с пакетом документов).

4. Интерфейс системы

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

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

5. Добавление, изменение страниц сайта

Для получения возможности редактировать страницы сайта необходимо в разделе «Контент» выбрать вкладку «страницы», любым из показанных стрелками способов.

Появиться панель управления страницами

Разберём меню подробнее:

Здесь вы видите название и номер страниц, на сайте они расположены в таком же порядке, что и в меню. У одной из страниц стоит синяя стрелочка, она означает, что секция содержит «под страницы», нажав на нее, вы увидите дополнительные страницы данной секции, которые вы так же можете редактировать. Раскрыть и скрыть все секции сайта вы можете нажатием на соответствующие кнопки расположенные на панели управления страницами.
Поля, которые не имеют особой важности, но мы их разберём:

Шаблон – используемый шаблон дизайна (задаётся автоматически)
Тип – Будет стоять контент (мы будем использовать только этот тип)
Владелец – вы и только вы (задаётся автоматически)
Активность страницы (для изменения активности страницы нажмите на галочку, появится красный крестик – это означает, что страница не активна, и показываться на сайте не будет).
По умолчанию страница, может быть только одна. Чаще всего это главная страница сайта, яркий цвет галочки означает, что эта страница откроется первой при входе на сайт.
Структура отображения страниц. В данном поле меняется порядок отображения страниц на сайте. Нажимая на стрелочки, страницы будут перемещаться в зависимости от того кнопку в верх, или в низ вы нажмете. Пример: (Доставка Контакты Корзина) можно поменять местами (Корзина Доставка Контакты) новый порядок отобразится на сайте.
  Быстрые кнопки:
Просмотр – позволяет просматривать ваш сайт на данной странице.
Копировать – даёт возможность скопировать страницу.
Редактировать – данная кнопка позволяет редактировать содержимое страницы (нажатие на название страницы, также открывает раздел редактирования).
Удалить – удаляет страницу сайта (страница, выбранная по умолчанию, не может быть удалена)

6. Внутреннее редактирование (наполнение)


Нажмите на любую страницу для её редактирования. В появившемся окне, вверху, вы увидите кнопки:

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

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

7. Текстовый редактор

Поле для редактирования и/или добавления контента. Графический редактор, по типу Word.

Вставка текста без сохранения форматирования
Вставка текста с сохранением форматирования
Отменить/ вернуть
Редактирование HTML-кода (без специальных знаний программирования не рекомендуем работать в этом режиме)

Форматирование текста
Подстрочный / надстрочный символ
Оформление цитирования
Добавление / изменение изображения
Добавление / удаление ссылок
Очищение форматирования / лишнего кода
   

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

8. Загрузка изображений

Для того чтобы загрузить изображение зайдите во вкладку Контент – Галерея (Gallery)

Вы увидите окно, нажмите на строку «Галерея сайта»

Здесь отображаются все ваши изображения, вы можете редактировать, удалять, активировать и добавлять комментарии к изображениям.

Чтобы добавить новое изображение нажмите (выберите изображения), загрузите файл с вашего компьютера и создать папку для изображений (для вашего удобства). Добавление изображения Для вставки рисунка необходимо:

  1. Подготовить картинку в формате *.gif, *.jpg, *.png. Название файла должно содержать только латинские буквы, допускается использование в названии файла цифры, тире и нижнее подчеркивание. Рекомендуется, чтобы размер картинки НЕ превышал 500 Кб.
  2. Кликнуть на кнопку «Добавить/ Изменить изображение».
  3. В открывшемся окне, рядом с полем «Адрес» нажать кнопку «Обзор».
  4. При помощи файлового менеджера загрузить нужное изображение из галереи.
Здесь прописывается адрес изображения.
Открытие файлового менеджера.
«Заголовок изображения» выводится при наведении курсора на изображение. «Описание изображения» в случае, когда картинки отключены.
Окно предварительного просмотра.
После этого путь к картинке пропишется в поле «Адрес». Теперь можно настроить свойства изображения.
Выравнивание: положение изображения относительно текста.
Размеры: маленькие изображения – 120х120 пикселей, большие – 500х500 пикселей. Картинки, которые вставляются на страницы сайта, должны быть не больше 500 пикселей по ширине (при этом необходимо учитывать ширину страницы/блока, где размещается изображение). *Размеры должны быть пропорциональными, чтобы не происходило искажение рисунка.
Отступы: отступ от изображения до текста (или другой картинки) задается в пикселях (например, 10 по горизонтали, 10 по вертикали).

Для окончания действия – нажать кнопку «Вставить».

9. Вставка гиперссылки

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

  1. Открыть страницу сайта, на которую будет осуществляться переход.
  2. Из адресной строки скопировать адрес страницы.
  3. Перейти на редактируемую страницу в системе администрирования сайта.
  4. Выделить часть текста (или изображение), которая будет являться гиперссылкой.
  5. На панели инструментов нажать кнопку «Добавить/ Изменить ссылку».
  6. В строке «Адрес» вставить скопированный ранее адрес страницы.

При ссылке на файл вставляется путь к файлу на сервере. Чтобы выгрузить файл на сервер нажмите кнопку «Обзор» напротив поля «Адрес». В окне файлового менеджера (см. раздел «Файловый менеджер») выберите требуемый файл / либо загрузите новый (название файла должно содержать только латинские буквы, допускается цифры, тире и нижнее подчеркивание), нажмите кнопку «Выбрать». После этого в поле «Адрес» пропишется путь к файлу на сервере.

  1. Настроить необходимые параметры ссылки.
  2. Нажать кнопку «Вставить».

10. Создание якорей (ссылки внутри страницы)

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

  1. Выделить то слово в тексте, которое станет якорем и нажать на иконку «Добавить/ Изменить якорь».
  2. В появившемся окне нужно указать имя этого якоря (использовать только латинские буквы или цифры).
  3. Нажать кнопку «Вставить». После завершения операции у слова появиться знак якоря:
  1. Далее выделить тот фрагмент текста, который будет являться ссылкой на якорь, нажать кнопку «Добавить/ Изменить ссылку». В строке «Адрес» указать адрес страницы, где расположен якорь, к которому добавить знак # и имя якоря.
site.ru/o_kompanii # имя якоря
  1. Для окончания действия – нажать кнопку «Вставить».

11. Изменение контактов

Зайдите во вкладку Контент - «Блоки контента»

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

Нажав на имя блока, вы перейдете в панель редактирования (название страниц у вас может быть другим) Она чем-то похожа на панель редактирования страниц. Из всего появившегося окна нам понадобиться только одна область:

Нажмите галочку рядом с «Использовать визуальный редактор WYSIWYG» После чего вы можете редактировать ваши контакты. После редактирования, нажмите «отправить».

12. Управление интернет магазином.

Для добавления категории зайдите во вкладку Контент -  Управление продуктами

 

  1. Для того чтобы добавить или изменить категорию товара и её позиции используйте вкладки: «Иерархия Каталога» и «Категории».

620137, Екатеринбург, ул. Академическая 11а, офис 802
Телефон: +7(922)22-311-22 +7(908)908-08-54
Электронная почта: info@seteka.ru