Как пользоваться Системой Управления Сайтом Компания Версия V 2.1 с Блогом

Cистема Управления Сайтом Компании Версия V 2.1 с Блогом является простым и удобным решением для администрирования многостраничных сайтов с возможностью размещения на сайте витрины товаров или услуг и новостного раздлела - блога. Работа по редактированию контента сайта не требует специфических знаний и навыков, с нею справится любой сотрудник, знающий WORD! По сути это именно Система Администрированя сайтов (САС - в дальнейшем в тексте систему управления будем называть сокпащенно САС), в данном случае САС Компании Версия 1.0.

Что может:

1. Управление информацией в блоках главной страницы сайта
2. Создание неограниченного числа внутренних страниц, дизайн которых может быть абсолютно разным, благодаря встроенному визуальному редактору Summernote, позволяющему вставлять любой HTML код - заранее подготовленные конструкции для описания внутренних страниц, страниц товаров или услуг, страниц блогов.
3. Управление всеми SEO тегами для всех страниц
4. Управление страницей контакты с формой обратной связи ( форма работает только на платных хостингах).

Страница входа САС Компания Версия V 2.1 с Блогом.

Ввведите Логин (UserName) и Пароль (Password). Логин и пароль выдаются разработчиком. Позднее их можно поменять в разделе Settings верхнего меню САС.

Главная Страница САС Компания Версия V 2.1 с Блогом.

Главная страница САС Компания Версия V 2.1 с Блогом состоит из Трех разделов:
-- Управление Главной страницей сайта, Общими блоками и Кодами --
-- Управление Категориями (Страницами) и Товарами (Услугами) сайта --
-- Управление Блогом и рекламой в Блоге сайта --

Управление Главной страницей сайта, Общими блоками и Кодами

В данном разделе осуществляется управление Главной Страницей сайта, общими блоками для всех страниц - Топ секция с верхним меню и Футер, а также кодами Верификации и Аналитики.

Управление Главной страницей сайта

Перейдите по ссылке на страницу управления содержимым блоков главной страницей.
Структура страницы управления содержимым блоков главной страницы сайта построена таким образом, что каждому блоку управления главной страницей соотоветствует блок, который отображается на самом сайте в порядке следования сверху вниз.
Для удобства пользователя каждый редактируемый блок снабжен картинкой, которая показывает как выглядит блок на самом сайте.
Каждое редактируемое поле каждого блока снабжено достаточно подробными комментариями, как надо правильно заполнять данное поле.
ПРИМЕР ОДНОГО ИЗ БЛОКОВ:

Перед редактированием контентных блоков есть специальные блоки, которые напрямую не отображается в видимой части сайта, но играют важную роль.
ПУТЬ К ГЛАВНОЙ СТРАНИЦЕ важно указать, если скрипт используется не как самостоятельный сайт, а часть какого-то уже существующего сайта.
SEO ГЛАВНОЙ СТРАНИЦЫ Включает все необходимые SEO теги: Title, Decription, Keywords, а также SEO теги протокола Open Graph.
Open Graph Protocol представляет собой микроразметку для интеграции сайта с соц. сетями и является важным элементом SEO.

БЛОКИ ГЛАВНОЙ СТРАНИЦЫ САЙТА

С этого момента начинается редактирование инфомации, которая будет отобржаться на главной странице сайта.
В зависимости от конкетного проекта набор блоков может меняться

ТОП БЛОК С ЛОГОТИПОМ И КОНТАКТАМИ - там все просто: заполните поля в соответствии с подсказками. Тут располагаются активные ссылки на телефон, WhatsApp, картинку логотипа. ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ!

ТОП МЕНЮ БЛОК С НАЗВАНИЕМ САЙТА. ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ! - ссылка перехода для редактирования верхнего меню. Информацию по редактиованию верхнего меню смотрите в соответствующем разделе.

ШАПКА САЙТА может быть оформлена как СЛАЙДЕР, БЛОК С ФОНОВОЙ КАРТИНКОЙ или как то еще, в зависимости от шаблона, в который встраивается САС 2.1. Для конкретного шаблона сайта набор полей может быть разным. При редактировании вашего сайта заполните поля в соответствии с подсказками системы, находящимися на странице редактирования главной страницы.
В данном примере в интро-блоке ШАПКА САЙТА используются поля редактирования заголовков (теги H1, Н2 и Н3), фонового изображения, картинки, текстов "преимущества", кнопок под блоком.

БЛОК О НАС (О КОМПАНИИ) Блок с кратким описанием деятельности компании. Если в нем нет необходимости,этот блок может быть скрыт от отображения на сайте. Набор полей блока зависит от шаблона, на который устанавливливается система.
В данном примере в БЛОКЕ О НАС используются поля редактирования заголовков (теги Н2 и Н3), фонового изображения, картинки, блока контактов, текста, кнопки со ссылкой под блоком.

БЛОК МОИ УСЛУГИ, ПОРТФОЛИО, ТОВАРЫ и так далее С ПЕРЕХОДОМ НА СТРАНИЦЫ ОПИСАНИЯ - На странице управления главной страницей сайта заполняем только данные заголовков и текстов, фильтра по категориям и другие поля в форме, которые управляют данными, отображающимися на главной странице сайта.
Можно изменить количество блоков в строке, фон всего блока, отключенить показ всего блока при ненадобности, а также управлять группой кнопок - ссылок под блоком (оказать кнопки, тексты, ссылки).
ВАЖНО! В блоке ТОВАРЫ на ГЛАВНОЙ СТРАНИЦЕ раздела САС - ГЛАВНАЯ СТРАНИЦА создается список категорий фильтра товаров. Всего можно задать 6 категорий фильтра, однако, при необходимости, количество категорий можно увеличить.
Управление самим списком товаров происходит на отдельной странице САС, а подробное описание товара или услуги на странице управления содержимым внутренних страниц сайта. Это можно сделать и после заполнения информации главной страницы.
Если нужно перейти к управлению списком товаров сразу, можно перейти по кнопке ссылке "Перейти к редактированию списка услуг". Там можно создавать новые услуги и редактировать уже созданные. Страница управления карточками товаров на главной откроется в отдельном окне.

Если нужно перейти к управлению подробным описанием товаров сразу, перейдите с Главной Страницы САС по кнопке "Управлениями категориями", создайте новую внутреннюю страницу, заполните поля формы и данные (шаблон товара) в визуальном редакторе. Ссылку на созданную страницу используйте в соответствующем поле карточки товара.
Фильтр категорий услуг важен для сортировки на главной странице, а также для выдачи на внутренних страницах и привязки отдельных категорий товаров к страницам, описывающим эту категорию. В зависимости от направления деятельности компании всем товарам может быть присвоена одна общая категория, а сам фильтр скрыт от отображения на сайте.
Для конкретного шаблона сайта набор полей может быть разным.

БЛОК КАТЕГОРИИ УСЛУГ - На странице управления главной страницей сайта заполняем только данные заголовка, текста, управлять группой кнопок - ссылок под блоком (показать кнопки, тексты, ссылки), показать или скрыть блок полностью - поля в форме, которые управляют данными, отображающимися на главной странице сайта.
Управление самими категориям услуг производится на отдельной странице САС (странице управления внутренними страницами сайта). Это можно сделать и после заполнения информации главной страницы.
Если нужно перейти к редактированию категорий. сразу, это можно сделать это нажав на кнопку "Перейти к редактированию страниц". Список внутренних страниц сайта откроется в отдельном окне. Там можно создавать новые страницы и редактировать уже созданные. Создайте страницу и заполните необходимые поля в форме.
Заполните поля формы и данные (шаблон внутренней страницы) в визуальном редакторе.Ссылку на созданную страницу используйте в меню сайта.
Для конкретного шаблона сайта набор полей может быть разным.

БЛОК СПИСОК ПРЕИМУЩЕСТВ, ЭТАПЫ РАБОТЫ и т.п. Это универсальный блок с большим количеством регулируемых параметров отображения.
Можно отрегулировать количество колонок в блоке. Шрифты заголовков, иконок, шрифт текста, скрыть от показа отдельный элемент блока. Иконка появится, если будет заполнено поле иконка, картинка появится, если будет заполнено поле картинка, текст появится, если будет заполнено поле текст. Под блоком находятся кнопки ссылки, которые появятся при заполнении полей. В админпанели есть соответствующие подсказки. При необходимости блок можно полностью скрыть.
Для конкретного шаблона сайта набор полей может быть разным.

БЛОК БРЕНДЫ (партнеры, товары, фотогалерея) Элемент блока появляется если будет заполнено поле картинка соответствующего элемента. Если необходимо, то под картинкой может быть поставлена подпись. В данном шаблоне элементы блока представлены в виде слайдера(карусели). Всего можно разместить до 18 элементов. Под блоком находится подблок кнопок-ссылок, который можно скрыть при необходимости. Блок БРЕНДЫ можно отключить полностью, если он не нужен.

БЛОК КАРУСЕЛЬ - слайдер (отзывы, картинки, тексты) Это универсальный блок с большим количеством регулируемых параметров отображения. В данном шаблоне предусмотрено всего 9 элементов БЛОКА КАРУСЕЛЬ-слайдер, число которых можно увеличить (задача разработчику).
Он может использоваться для демонстрации товаров, отзывов от клиентов и так далее.
С помощью настроек может принимать различный вид. Картинка, картинка с текстом, картинка с заголовком текстом и ссылкой и так далее. Он может состоять из одной колонки (на всю ширину), двух, трех, четырех, шести колонок (настройка с помощью настройки параметров адативности JS dopjs в папке assets/js). БЛОК КАРУСЕЛЬ - слайдер можно отключить полностью, если он не нужен.

БЛОК ВОПРОСЫ ОТ КЛИЕНТОВ Заполните хотя бы два вопроса или отключите блок при ненадобности. Всего возможно отобразить восемь Вопросов-Ответов. Большее количество обычно не требуется. ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ!

БЛОК СЛАЙДЕР ТЕМ БЛОГА На странице САС, управляющей содержимым ГЛАВНОЙ СТРАНИЦЕЙ САЙТА задаются ТОЛЬКО следующие параметры: заголовок, текст под заголовком, управление подблоком кнопок под слайдером тем блога.
Управление отображением элементов слайдера (тем) блога на ГЛАВНОЙ СТРАНИЦЕ САЙТА происходит на СТРАНИЦЕ САС "Управление темами блога". На этой странице можно создать или отредактировать тему блога, а также указать нужно ли показывать конкретную тему среди тем слайдера на ГЛАВНОЙ СТРАНИЦЕ САЙТА.
Среди страниц сайта есть общая страница ВСЕ ТЕМЫ БЛОГА. Управление контентом этой страницы а также категориями тем блогов производится на отдельной странице САС "УПРАВЛЕНИЕ СТРАНИЦЕЙ ТЕМ БЛОГОВ и КАТЕГОРИЯМИ БЛОГОВ".

БЛОК НИЖНИЙ ТЕКСТ Этот блок предназначен для размещения заголовка и резюмирующего текста о деятельности компании, в котором прописывают ключевые слова. В случае ненадобности этот блок можно скрыть.

БЛОК КАРТА Отображает место расположения компании на карте. В поле вставляется код Яндекс карт. В случае ненадобности этот блок можно скрыть. ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ!

БЛОК ФУТЕР (САМЫЙ НИЖНИЙ БЛОК САЙТА) Управление блоком ФУТЕР производится на отдельной странице САС.Это ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ САЙТА Если нужно перейти к управлению БЛОКОМ ФУТЕР сразу, можно сделать это нажав на кнопку. Страница управления внутренними страницами сайта откроется в отдельном окне.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ГЛАВНОЙ СТРАНИЦЫ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Управление Блоком Верхнее Меню сайта

ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ!
ВАЖНО!!! Пункты меню отображаются на сайте если заполнено название пункта. Выпадающее меню отображается если заполнено название пункта, с которого идет выпадающее меню. Пункты выпадающего меню отображаются, если заполнено название пункта выпадающего меню.
Всего предусмотрено 12 пунктов горизонтального меню и 8 пунктов выпадающего меню. Если потребуется большее количество пунктов выпадающего меню, обратитесь к разработчику.
Положение выпадающего меню по горизонтали можно менять путем измененния количества заполненных пунктов горизонтального меню ДО и После позиции, с которой идет выпадающее меню.
Так же на этой странице редактируем текстовый логотип, отоюражающийся слева от меню.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ БЛОКА ВЕРХНЕЕ МЕНЮ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!


Управление Блоком ФУТЕР

ЭТО ОБЩИЙ БЛОК ДЛЯ ВСЕХ СТРАНИЦ!
Блок ФУТЕР состоит из четырех столбцов. Все данные столбцов редактируются в соответствующих полях. Содержание столбцов слева направо:
1-ый столбец - назваение компании, адрес, часы работы и контакты компании. Всего можно создать 6 контактов.
2-ой столбец - Заголовок и блок ссылок. Всего можно создать 9 ссылок.
3-ий столбец - Заголовок и блок ссылок. Всего можно создать 9 ссылок.
4-ый столбец - Заголовок, краткий текст и реквизиты комании.
Также на станице управления блоком футер задаются дата основания компании и текст для копирайта.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ БЛОКА ФУТЕР НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Управление Блоком JS, CSS и Коды Статистики

ЭТОТ БЛОК визуально на сайте не отображается. Он предназначен:

1. Для управления CSS стилями и JS скриптами формирующими внешний вид сайта (размеры и цвет текстов, рамки, отступы и т.д.) и его функционал (слайдеры, анимация и т.д.). Файлы CSS стилей и JS скриптов хранятся в специальных папках шаблона. В соответствующие поля вписываем пути до этих файлов.
Такой подход позволяет:
★ Просто менять внешний вид и функционал отдельных частей сайта, загружая в соответствующие папки новые файлы CSS стилей и JS скриптов.
★ Полностью сменить шаблон (изменить дизайн) сайта, заменив старые CSS стили и JS скрипты на новые (в этом случае потребуется доработка блоков админки).

2. Для вставки Кодов Яндекс Метрики Google Analytics, кодов верификации и так далее.

Мы разрабатываем сайты под ключ. В эту услугу помимо формирования полностью работоспособного сайта с прописанными CSS стилями и JS скриптами входят: регистрация служебной Яндекс Почты, регистрация в Яндекс Метрике, Яндекс Вебмастере, поэтому все коды статистики будут уже прописаны в соответствующих полях.

Если у вас недостаточно опыта для работы с полями этого блока, пожалуйста, ничего не меняйте!

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ БЛОКА КОДЫ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

-- Управление Внутренними Страницами и Товарами (Услугами) сайта --

В данном разделе осуществляется управление:
★ Внутренними страницами сайта: страницами-категориями и прочими внутренними страницами,
★ Отображением элементов Портфолио (Товаров, Услуг) на Главной Странице Сайта,
★ Управление Страницей Контакты и формой обратной связи на ней,
★ Представлена информация о HTML кодах для вставки в поле текстового редактора Summernote при создании разных типов внутренних страниц.

Управление Категориями и содержимым внутренних страниц

При переходе по ссылке Управление Категориями и содержимым внутренних страниц попадаем на страницу со списком всех страниц, которые уже созданы ранее.
Вначале этот список пуст. Как только создается новая страница она появляется в списке внутренних страниц в таблицы.
Для создания внутренней страницы надо нажать кнопку НОВАЯ СТРАНИЦА и перейти на страницу создания страниц.
Для редактирования внутренней страницы надо нажать значок редактирования в левой крайней колонке соответствующей страницы.
Редактирование и Создание Страниц принципиально не отличаются друг от друга и будут описаны ниже.

К внутренним страницам относятся:
- Страницы-Категории, в данном случае УСЛУГИ. Как вариант - категории товаров, услуг
- Страницы Темы Блога
- Страница О нас (О компании)
- Страницы в данном случае - Портфолио. Как вариант - товары, услуги сответствующей категории
- Страницы Товары - вариант оформления товара с картинками в виде слайдера, как в типовом интернет-магазине.

Под управлением САС2.1 можно создавать сайты любого назначения для люболго бизнеса. Внешний вид сайта и набор внутренних страниц будет меняться в соответствии с задачами проекта!

Поля ввода контента внутренних страниц можно разделить на два типа:
Обычные поля формы редактирования (SEO страницы, Параметры шапки, отображение товаров категории на страницах категорий);
Поле визуального редактора SUMMERNOTE.
Подробнее эти поля будут описаны ниже.

Подробная информация по столбцам таблицы внутренних страниц:
★ Столбец Edit - нажимаем на значок для редактирования данных страницы.
★ Столбец Тип страницы - показывает для какого контента используется эта страница: для простых внутренних страниц сайта, для страниц товаров или страниц блогов.
★ Столбец Дата - дата создания страницы,
★ Столбцы Title, Н1 и News Content- соответствующие теги, и отрывок контента страницы
★ Столбец Показ на Главной? - указывает на то, отображается или не отбражается Подблок отдельной категории с ссылкой на данную страницу в БЛОКЕ КАТЕГОРИЙ на Главной Странице Сайта /Данный атрибут применяется только для страниц-категорий/,
★ Столбец Показ товара на стр.(Категория) - указывает на то, какая категория товаров или услуг показывается на этой странице. От выбора категории зависит, список товров, который будет отображаться на этой странице /Данный атрибут может применяться для любой внутренней странице, но чаще всего для страниц-категорий/,
★ Столбец URL отображает адрес страниц. Он может быть использован для создания ссылки на данную страницу, например, в меню, ссылки на страницу блога или страницу описания товара, даже если эта страница не отображается в блоке категорий. Можно создать любое количество внутренних страниц сайта.
★ Столбец Delete с чекбоксом предназначен для удаления неактуальной страницы. Удаление страниц, тем более, если они уже индексируются поисковыми системами, нежелательно. Это крайняя мера. Для удаления страницы поставьте галочку в чекбокс и нажмите кнопку Delete в правом нижнем углу.

В правом верхнем углу расположена кнопка возврата на Главную Страницу САС.

Для удобства пользователя таблица снабжена поисковым полем по ЛЮБОМУ слову или сочетанию букв вне зависимости от регистра. Данная функция позволяет легко находить нужную страницу, когда страниц много.

Редактирование и Создание Страниц

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

Рассмотрим как пример работы со страницей создания или редактирования СТРАНИЦЫ САЙТА.

Самое первое поле на странице добавления/редактирования - выбор метки типа страницы. Данная метка дает представление о том какой шаблон был (будет) использован при формировани контента внутренней страницы при работе с полем редактора Summernote в режиме HTML а также помогает быстрее найти нужную страницу в списке страниц.

Перед редактированием контентных блоков ВНУТРЕННЕЙ СТРАНИЦЫ есть БЛОК, который напрямую не отображается в видимой части сайта, но играет важную роль - БЛОК SEO.
SEO ВНУТРЕННЕЙ СТРАНИЦЫ Включает все необходимые SEO теги: Title, Decription, Keywords, а также SEO теги протокола Open Graph.
Open Graph Protocol представляет собой микроразметку для интеграции сайта с соц. сетями и является важным элементом SEO.

БЛОК Отображать или НЕ отображать ПОДБЛОК с ссылкой на СТРАНИЦУ-КАТЕГОРИЮ в БЛОКЕ КАТЕГОРИИ НА ГЛАВНОЙ СТРАНИЦЕ Сайта.
Этот блок нужен ТОЛЬКО для работы с внутренними Страницами-Категориями.
Эти поля следует заполнять, только если вы:

При Создании Страниц - Создаете новую Страницу-Категорию и хотите чтобы она ОТОБРАЖАЛАСЬ в специальном Блоке Категорий на Главной Странице. Тогда в поле надо будет выбрать значение ПОКАЗАТЬ.
При Редактировании Страниц - Редактируете уже созданную Страницу-Категорию и хотите чтобы она НЕ ОТОБРАЖАЛАСЬ в специальном Блоке Категорий на Главной Странице. Тогда в поле надо будет выбрать значение УБРАТЬ.

При Создании или Редактировании других типов внутренних страниц (блога, товара) это поле заполнять НЕ НАДО!


БЛОК ОТВЕЧАЮЩИЙ ЗА ОТОБАЖЕНИЕ ИНФОРМАЦИИ О ТОВАРАХ ИЛИ УСЛУГАХ НА ВНУТРЕННЕЙ СТРАНИЦЕ - КАТЕГОРИИ
Даннный блок отвечает за ОФОРМЛЕНИЕ и ОТОБАЖЕНИЕ ТОВАРНОГО БЛОКА НА ВНУТРЕННЕЙ СТРАНИЦЕ-КАТЕГОРИИ и использует следующие поля управления:
★ Скрыть или показать блок на внутренней странице,
★ Заголовок блока,
★ Выбор категории товаров или услуг, размещаемых на странице.
✦ Если на данной странице не предусмотрено размещение товаров, скройте весь блок, а это поле оставляем пустым.
Если у вас всего одна категория товаров или услуг и вы хотите чтоб товары отображались на этой странице, то в разделе управления Главной Страницей Сайта задаем одну категорию фильтра, например, услуги, а сам фильтр скрываем от отображения.
✦ Если у вас несколько категорий товаров и вы хотите чтоб они отображались на внутренней странице выбираем нужное значение категории.
★ Отображение кнопок БЛОКА ТОВАРОВ ИЛИ УСЛУГ на ВНУТРЕННЕЙ СТРАНИЦЕ-КАТЕГОРИИ Сайта.

ОБЫЧНО ЭТОТ БЛОК ЗАПОЛНЯЕТСЯ ТОЛЬКО ДЛЯ СТРАНИЦ - КАТЕГОРИЙ, в этом случае, при Создании или Редактировании других типов внутренних страниц (блога, товара) это поле заполнять НЕ НАДО! ОДНАКО, бывает необходимость отобразить товары на других внутренних страницах. Тогда выбираем нужную категорию и задаем параметр показать в поле "Убрать/Показать Блок".

БЛОК ОТВЕЧАЮЩИЙ ЗА СОДЕЖАНИЕ ИНФОРМАЦИИ О СТРАНИЦЕ-КАТЕГОРИИ В БЛОКЕ КАТЕГОРИИ НА ГЛАВНОЙ СТРАНИЦЕ Даннный блок отвечает за содержание инфомации в отдельном подблоке БЛОКА КАТЕГОРИЙ на ГЛАВНОЙ САЙТА. В зависимости от шаблона сайта, в который встраивается система, данный блок системы управления может содержать различные поля.
Поля снабжены комментариями, как их надо правильно заполнять.
ЭТО БЛОК ЗАПОЛНЯЕТСЯ ТОЛЬКО ДЛЯ СТРАНИЦ - КАТЕГОРИЙ! При Создании или Редактировании других типов внутренних страниц (блога, товара) это поле заполнять НЕ НАДО!


ШАПКА ВНУТРЕННЕЙ СТРАНИЦЫ - важный блок! В шапке задается самый главный заголовок с точки зрения SEO тег Н1 редактируемой внутренней страницы.
В САС 2.1 предусмотрено два варианта формирования шапки внутренних страниц.
Вариант 1 - Тег H1 и путь до страницы (хлебные крошки).
Такой вариант используется для внутренних страниц товаров или страниц блогов.

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


СОДЕРЖАНИЕ ВНУТРЕННЕЙ СТРАНИЦЫ, КОТОРОЕ ВВОДИТСЯ ЧЕРЕЗ ВИЗУАЛЬНЫЙ РЕДАКТОР
В этом блоке задается: основной контент, который определяется типом внутреней страницы - контент страницы-категории, контент страницы товара и так далее.

Рассмотрим информацию о том, как работать с основным контентом, который заполняется через окно визуального редактора Summernote.
Визуальный редактор позволяет редактировать и форматировать текст, который вводится в окно визуального редактора. Визуальный редактор позволяет вводить в текст, изображения, редактировать заголовки, выбирать шрифт.
С одной стороны это вроде бы удобно, но есть одно важное НО! Визуальные редакторы создают много лишнего кода, и это плохо сказывается на качестве создаваемого контента (содержания).
Однако, есть и большой плюс - возможность редактиования кода в режиме HTML.

Перейдя в этот режим по кнопке </>, можно вставлять в поле редактора заранее подготовленные HTML конструкции, которые будут соответствовать стилистике шаблона сайта.
Для удобства работы в режиме HTML и режиме визуального редактора есть кнопка , которая позволяет растянуть окно редактора на ширину экрана
Список таких конструкций приведен в разделе HTML конструкции.
Для каждого сайта разрабатываются различные HTML шаблоны внутренних страниц:
* Обычная внутренняя страница сайта
* Страница товара (услуги, портфолио)
* Страница блога
И так далее...
!!!ВНИМАНИЕ!!!ПОСЛЕ ВНЕСЕНИЯ ИЗМЕНЕНИЙ В РЕЖИМЕ HTML ОБЯЗАТЕЛЬНО:
1. ПЕРЕКЛЮЧИТЕСЬ В РЕЖИМ ВИЗУАЛЬНОГО РЕДАКТОРА ТОЙ ЖЕ КНОПКОЙ
2. НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

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


БЛОК НИЖНИЙ ТЕКСТ СТРАНИЦЫ Этот блок предназначен для размещения заголовка и резюмирующего текста по содежанию станицы, в нем обычно прописывают ключевые слова. В случае ненадобности этот блок можно скрыть.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ВНУТРЕННЕЙ СТРАНИЦЫ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

--УПРАВЛЕННИЕ СОДЕРЖАНИЕМ БЛОКА ТОВАРОВ (УСЛУГ, ПОРТФОЛИО) НА ГЛАВНОЙ СТРАНИЦЕ САЙТА И ВНУТРЕННИХ СТРАНИЦАХ (СТРАНИЦАХ - КАТЕГОРИЯХ) --

При переходе по ссылке Управление Товарами попадаем на страницу со списком всех ТОВАРОВ или УСЛУГ, которые уже созданы ранее.
Вначале этот список пуст. Как только создается новый товар (укслуга) он появляется в списке в таблицы.
Для создания ТОВАРА надо нажать кнопку НОВЫЙ ТОВАР (УСЛУГА) и перейти в форму создания Товара (Услуги).
Для редактирования ТОВАРА надо нажать значок редактирования в левой крайней колонке соответствующего ТОВАРА.

!ВНИМАНИЕ! В том разделе мы создаем только КАРТОЧКИ товаров или услуг, отображаемых на главной и внутренних станицах-категориях сайта.!
Страницы подробного описания Товаров (Услуг), как и прочие внутренние станицы сайта создаются в блоке "Управление внутренними страницами и страницами категорий"


Для перехода к списку товаров нажмите кнопку "Управление отображением товаров на Главной Странице и страницах категорий"
Редактирование и Создание Товаров (Услуг) принципиально не отличаются друг от друга и будут описаны ниже.
Подробная информация по столбцам таблицы:
Столбец Edit - нажимаем на значок для редактирования данных товара.
Столбец дата - Дата создания товара (услуги),
Столбец ID - ID Номер товара (услуги), задается в порядке ввода нового товара
Столбец Название - Название товара (услуги),
Столбец Категория - Категория товара (услуги),
Столбец Стоимость - Стоимость товара (услуги) - можно любой текст,
Показать на Главная ? - Отображает метку, которая устанавливается в форме создания (редактирования) товара (услуги), определяющую его отображение в общем списке на ГЛАВНОЙ СТРАНИЦЕ в БЛОКЕ ТОВАРОВ (УСЛУГ).
Для того чтобы товар отображался в БЛОКЕ ТОВАРОВ НА ГЛАВНОЙ СТРАНИЦЕ, должна стоять метка Показать, при этом в общих настройках БЛОКА ТОВАРОВ НА ГЛАВНОЙ СТРАНИЦЕ ("Управление Главной Страницей Сайта") должен быть установлен параметр Показать БЛОК ТОВАРОВ НА ГЛАВНОЙ СТРАНИЦЕ.
Столбец Показать на Внутр? - Отображает метку, которая устанавливается в форме создания (редактирования) товара (услуги), определяющую его отображение в общем списке на ЛЮБОЙ ВНУТРЕННЕЙ странице в БЛОКЕ ТОВАРОВ (УСЛУГ).
Для того чтобы товар отображался в БЛОКЕ ТОВАРОВ НА ВНУТРЕННЕЙ СТРАНИЦЕ, должна стоять метка Показать, при этом в общих настройках БЛОКА ТОВАРОВ НА ВНУТРЕННЕЙ СТРАНИЦЕ ("Управление внутренними страницами и страницами категорий") для данной страницы должен быть установлен параметр Показать БЛОК ТОВАРОВ НА ВНУТРЕННЕЙ СТРАНИЦЕ и ВЫБРАНА КАТЕГОРИЯ ТОВАРОВ, которые будут отображаться на внутренней странице.
Столбец Delete с чекбоксом предназначен для удаления неактуального товара (услуги). Для удаления товара (услуги) поставьте галочку в чекбокс и нажмите кнопку Delete в правом нижнем углу.

В правом верхнем углу расположена кнопка возврата на Главную Страницу САС.
Для удобства пользователя таблица снабжена поисковым полем по ЛЮБОМУ слову или сочетанию букв вне зависимости от регистра. Данная функция позволяет легко находить нужный товар (услугу), когда товаров (услуг) много.

Редактирование и Создание Товаров (Услуг)

ПРИМЕР РЕДАКТИРОВАНИЯ ТОВАРА (УСЛУГИ)

Как было отмечено ранее принципиальных различий между редактиованием уже существующих ТОВАРОВ (УСЛУГ) и созданием новых нет. При редактировании в полях формы будут отображаться ранее введенные значения. Если нужно их отредактировать, введите новые данные и нажмите кнопку SAVE в правом нижнем углу.

Рассмотрим как пример работы по РЕДАКТИРОВАНИЮ ТОВАРА (УСЛУГИ).
В зависимости от проекта и шаблона сайта блок создания/редактирования товара может содержать разные поля, которые необходимо заполнить, согласно пояснениям в форме. Вот некоторые поля формы:
Поле: Выберите категорию Товара. Выберите категорию товара или услуги, соответстаующую создаваемой (редактируемой) позиции. Для того чтобы категория появилась в поле выбора, надо предварительно заполнить информацию о категориях в соотоветствующем поле данных для фильтра при редактировании главной страницы.
Поле: Название товара. Любое название товара или услуги.
Поле: Текст (цена, стоимость и т.д.): например, стоимость от, цена до, цена и.т.д.
Поле: Стоимость: числовое или текстовое отображение стоимости товара, например, 1 000 руб., договорная и т.д.
Поле: Идентификатор позиции: Любое значение, например, артикул. Позволяет легче найти товар (услугу) для редактирования через поле поиска. Поле Идентификатор может использоваться в расширенной версии САС (в разработке) для организации каталога товаров и интернет-магазина.
Поле: Убрать/Показать отдельный товар на главной странице: Выберите значение из выпадающего списка. Метка с помощью которой можно ПОКАЗАТЬ ИЛИ СКРЫТЬ товар (услугу) из списка товаров на ГЛАВНОЙ СТРАНИЦЕ. Для того чтобы товар отображался в списках, должна стоять метка Показать
Поле: Убрать/Показать отдельный товар на внутренней странице: Выберите значение из выпадающего списка. Метка с помощью которой можно ПОКАЗАТЬ ИЛИ СКРЫТЬ товар (услугу) из списка товаров на ЛЮБОЙ ВНУТРЕННЕЙ СТРАНИЦЕ. Для того чтобы товар отображался в списках, должна стоять метка Показать

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ТОВАРА (УСЛУГИ) НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

В правом верхнем углу расположена кнопка возврата на К Списку Товаров (Услуг).

Управление Страницей Контакты

Работа по заполнению полей редактирования аналогична рассмотренным ранее.
SEO СТРАНИЦЫ КОНТАКТЫ Включает все необходимые SEO теги: Title, Decription, Keywords, а также SEO теги протокола Open Graph.
Open Graph Protocol представляет собой микроразметку для интеграции сайта с соц. сетями и является важным элементом SEO.
ЗАГОЛОВОК СТРАНИЦЫ КОНТАКТЫ Тег Н1 - обязательно надо заполнить!
БЛОК АДРЕСА И ТЕЛЕФОНЫ СТРАНИЦЫ КОНТАКТЫ В этом блоке редактируем: иконки, адрес, данные для навигатора, адреса электронной почты, заголовок над Формой Обратной Связи, комментарий к Форме Обратной Связи, название полей Формы Обратной Связи, поле позволяющее скрыть отображение Формы Обратной Связи на странице Контакты.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ТОВАРА (УСЛУГИ) НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

В правом верхнем углу расположена кнопка возврата на Главную Страницу.

Примеры (шаблоны) внутренних страниц.

Каждый сайт состоит из главной и внутренних страниц. Как уже было указано ранее, внутренние страницы имеют несколько варантов. Количество вариантов внешнего вида внутренних страниц зависит от шаблона сайта. Различным типам внутренних страниц соответствует определенный отрезок HTML кода, который можно назвать HTML конструкцией. Текстовый редактор Summernote позволяет вставлять различные HTML конструкции в режиме HTML редактора. Набор HTML блоков для данного шаблона - внешний вид и код, можно посмотреть перейдя в раздел "Примеры (шаблоны) внутренних страниц". При разработке другого сайта под ваши задачи дизайн и набор блоков может быть иным.

Посмотреть информацию о работе с шаблонами внутренних страниц.

-- УПРАВЛЕННИЕ БЛОГОМ И РЕКЛАМОЙ В БЛОГАХ --

В данном разделе осуществляется управление БЛОГОМ: SEO и содежимым Общей Страницей Тем Блогов, Отображением тем блогов на главной станице сайта (Карусель), Категориями Блогов, Рекламными объявлениями на Общей Странице Тем Блогов.

!ВНИМАНИЕ! В этом разделе мы создаем только КАРТОЧКИ БЛОГОВ для ГЛАВНОЙ и Общей Странице Тем Блогов (page-blog.html)!
Страницы подробного описания ТЕМ БЛОГОВ, как и прочие внутренние станицы сайта, создаются в блоке "Управление внутренними страницами и страницами категорий"


Для перехода к списку тем блогов нажмите кнопку "Управление темами блога"

Управление темами блога

При переходе по кнопке "Управление темами блога" попадаем на страницу с таблицей тем блогов, которые уже созданы ранее.
Вначале этот список пуст. Как только создается новая ТЕМА БЛОГА она появляется в списке в таблицы.
Для создания ТЕМЫ БЛОГА надо нажать кнопку "Новая Тема Блога" и перейти на страницу создания ТЕМЫ.
Для редактирования ТЕМЫ БЛОГА надо нажать значок редактирования в левой крайней колонке соответствующей ТЕМЫ.

Редактирование и Создание Тем Блогов принципиально не отличаются друг от друга.
Подробная информация по столбцам таблицы:
* Столбец Edit - нажимаем на значок для редактирования данных страницы,
* Столбец дата - дата создания темы,
* Столбец ID - ID Номер темы,
* Столбец Название - Название темы,
* Столбец Категория - Категория темы,
* Столбец Показ на стр тем - Показать тему блога на Общей Странице Тем Блогов (page-blog.html),
* Столбец Показать на Главной? - Показать тему блога в карусели тем блога на ГЛАВНОЙ странице
* Столбец Delete с чекбоксом предназначен для удаления неактуального товара (услуги). Для удаления товара (услуги) поставьте галочку в чекбокс и нажмите кнопку Delete в правом нижнем углу.

В правом верхнем углу расположена кнопка возврата на Главную Страницу САС.
Для удобства пользователя таблица снабжена поисковым полем по ЛЮБОМУ слову или сочетанию букв вне зависимости от регистра. Данная функция позволяет легко находить нужную тему блога, когда их много.

Редактирование и Создание Тем Блогов

ПРИМЕР РЕДАКТИРОВАНИЯ ТЕМ БЛОГА

Как было отмечено ранее принципиальных различий между редактиованием уже существующих ТОВАРОВ (УСЛУГ) и созданием новых нет. При редактировании в полях формы будут отображаться ранее введенные значения. Если нужно их отредактировать, введите новые данные и нажмите кнопку SAVE в правом нижнем углу.

Рассмотрим как пример работы по РЕДАКТИРОВАНИЮ ТЕМ БЛОГА.
В зависимости от проекта и шаблона сайта блок создания/редактирования товара может содержать разные поля, которые необходимо заполнить, согласно пояснениям в форме. Вот некоторые поля формы:
Поле: Выберите категорию БЛОГА. Для того чтобы категория появилась в поле выбора, надо предварительно заполнить информацию о категориях в соотоветствующих полях формы на странице САС "Управление SEO и данными страницы тем блогов, категориями блогов".
Поле: Картинка блога. Главная картинка блога.
Поле: ТЕМА БЛОГА. Название темы блога.
Поле: Текст ссылки: например, подробнее, посмотреть, и т.д.
Поле: URL Ссылки: адрес внутренней страницы с описанием темы блога (создается на странице "Управление Категориями и содержимым внутренних страниц")
Поле: Идентификатор позиции: Любое числовое значение. Позволяет легче найти тему блога для редактирования через поле поиска.
Поле: Показать / Скрыть Товар: Позволяет Убрать/Показать АНОНС ТЕМЫ БЛОГА на главной странице в карусели БЛОГ. Выберите значение из выпадающего списка. Для того чтобы тема отображалась, должна стоять метка Показать
Поле: Показать тему: Позволяет Показать тему блога в общем списке тем на Общей Странице Тем Блогов (page-blog.html). Чтоб блок появился в списке вставьте в поле ниже слово показать и сохраните изменения. Чтобы снова убрать тему, удалите слово из поля и сохраните изменения.
Поле: ТЕКСТ Общей Страницы Тем Блогов: Сюда размещаем текст анонса темы блога на Общей Странице Тем Блогов (page-blog.html)

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ТЕМЫ БЛОГА НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

В правом верхнем углу расположена кнопка возврата на К Списку ТЕМ БЛОГА.

Управление SEO и данными страницы тем блогов, категориями блогов.

Данная страница предназначена для управления параметрами на Общей Странице Тем Блогов (page-blog.html).
На странице "Управления категориями и данными страницы тем блогов" задаются:
* Параметры для SEO,
* Данные для заголовка на Общей Странице Тем Блогов
* Заголовок и отображение списка категорий в форме поиска в сайдбаре на Общей Странице Тем Блогов,
* Список категорий для блога

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ ТЕМЫ БЛОГА НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Управление рекламой на Общей Странице Тем Блогов.

Данная страница предназначена для управления информационными блоками (объявлениями, рекламными банерами, наиболее важными новостями) на Общей Странице Тем Блогов (по умолчанию - page-blog.html).
На странице "Управления рекламой" задаются поля формы:
* Поле: Показать/убрать блок: - Показать/убрать блок БОКОВЫЕ ОБЪЯВЛЕНИЯ,
* Поле: Кол-во рекламных блоков: - Количество объявлений в блоке ОБЪЯВЛЕНИЯ.
Если задано объявлений меньше, чем установленное в поле значение, то скрипт карусели может создавать лишнее пустое поле снизу, увеличивая вертикальный размер блока без необходимости. В поле устанавливаем значение меньше или равное количеству объявлений.
При задании в настройках системы небольшого количества тем блога на одной странице, высота поля рекламных объявлений может превышать высоту поля тем блогов. Тогда следует уменьшиить количество рекламных блоков на странице. В поле ниже вводится только целое число.
* Поля ввода данных объявления: можно задать до 15 объявлений, банеров или важных тем для блогов. Каждое поле формы снабжено подсказками по его оформлению!
Внимание! В данном блоке ссылки закрыты от индексирования. Если вы не планируете размещать в объявлениях ссылки на внешние (рекламируемые) ресурсы, обратитесь к разработчику для снятия закрытия индексирования.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ БЛОКА УПРАВЛЕНИЕ РЕКЛАМОЙ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

-- HTML конструкции для оформления --

Поля САС, которые можно оформить с помощью HTML конструкций можно разделить на два типа:
- ТЕКСТОВЫЕ ПОЛЯ -
- ПОЛЯ HTML РЕЖИМА ВИЗУАЛЬНОГО РЕДАКТОРА -
В зависимости от типа поля НУЖНО использовать разные HTML конструкции.

- ТЕКСТОВЫЕ ПОЛЯ -


ТЕКСТОВЫЕ ПОЛЯ - это обычные поля в формах ввода данных на различных страницах САС. Они позволяют вводить не только текст, но и использовать различные теги для оформления этого текста. Подробнее об этих тегах:
Тег: strong
Использование тега strong - пример: А тут какой-то текст - используют для выделения жирным цветом текста, важного для посетителя сайта. Тег strong так же обращает внимание на выделенный текст поисковых роботов. Слишком много использовать этот тег не рекомендуется. Если текст уже выделен жирным цветом средствами сайта, использовать его нельзя. Код:

<strong> А тут какой-то текст </strong>

Тег: i
Использование тега i - пример: А тут какой-то текст - используют для выделения текста КУРСИВОМ. Если текст уже выделен курсивом средствами сайта, использовать его нельзя. Код:

<i> А тут какой-то текст </i>

Совместное использование Тегов: strong и i
Использование тегов strong и i - пример: А тут какой-то текст - используют для выделения текста КУРСИВОМ и ЖИРНЫМ ШРИФТОМ. Если текст уже выделен курсивом и жирным средствами сайта, использовать такой вариант нельзя. Код:

<strong><i> А тут какой-то текст </i></strong>

Тег: br/
Тег используется для перехода на новую стоку. Возможно использование тега br/ два раза подряд - пример:
А тут какой-то текст
Текст после тега br/
Тег br/ можно ставить в любом месте текста, в том числе между тегами strong и i. Код:

А тут какой-то текст <br/>Текст после тега br/

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ ДАННЫХ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

- ПОЛЯ HTML РЕЖИМА ВИЗУАЛЬНОГО РЕДАКТОРА -

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

ПОСМОТРЕТЬ ПОДРОБНЕЕ О HTML КОНСТРУКЦИЯХ ДЛЯ ЭТОГО САЙТА!

При разработке шаблона сайта будут созданы конструкции для внутренних страниц сайта для визуального редактора: страниц КАТЕГОРИЙ УСЛУГ, СТРАНИЦ БЛОГА, СТРАНИЦ ПОРТФОЛИО и т.д.
После ввода кода в режиме HTML возвращаемся в обычный режим визуального редактора и вносим исправления уже в нем.
!!!ВНИМАНИЕ!!!ПОСЛЕ ВНЕСЕНИЯ ИЗМЕНЕНИЙ В РЕЖИМЕ HTML ОБЯЗАТЕЛЬНО:
1. ПЕРЕКЛЮЧИТЕСЬ В РЕЖИМ ВИЗУАЛЬНОГО РЕДАКТОРА ТОЙ ЖЕ КНОПКОЙ
2. НАЖМИТЕ КНОПКУ ОТПРАВИТЬ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Далее текст введенный с помощью HTML конструкций, можно редактиовать с помощью визуального редактора не переходя в HTML режим.
Картинки, которые будут встречаться в содержимом кода нужно вставлять в режиме редактирования HTML кода с указанием пути до картинки от корневой папки и указанием расширения (jpg, png и т.д.)
Приведем пример: данный сайт находится не в корневой папке, а в папке /MARKET/(http : // leto.c1.biz /MARKET/), значит путь до картинки будет: /MARKET/assets/img/../kartinka.jpg
Если, как и большинство сайтов на хостингах, ваш сайт уствновлен в папку http : // ваш сайт/, путь к картинке ..путь до папки с картинкой../kartinka.jpg.
При вставке кода картинки в редакторе надо это учитывать.

Для вставки конструкций КОДА СТРАНИЦ КАТЕГОРИЙ УСЛУГ для ДАННОГО САЙТА вставляем код:

<!-- ======= Контент СТРАНИЦЫ УСЛУГ, который вводится через визуальный редактор SUMMERNOTE ======= --> <!-- ======= Блок 2 колонка Section ======= --> <section id="chtodelay" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(assets/img/uslugi/menedzher-marketplejsa.jpg); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Что сделаю (например, Оценю состояние вашего веб-ресурса)</h2> <div class="col-lg-6 d-flex flex-column " data-aos="fade-up" data-aos-delay="200"> <div class="content"> <p> Найду ошибки и битые ссылки на сайте, проверю скорость загрузки, код, положение тега H1, наличие на страницах Title и Description, а также другие факторы, которые влияют на продвижение </p> </div> </div> <div class="col-lg-6 d-flex flex-column " data-aos="fade-up" data-aos-delay="200"> <div class="content"> <p> Подскажу, как эффективно оптимизировать сайт и отдельные страницы под поисковые системы Яндекс и Google </p> </div> </div> </div> </div> </section><!-- End Блок 2 колонка Section --> <!-- ======= Features Section ======= --> <section id="features" class="features"> <div class="container" data-aos="fade-up"> <!-- Feature Icons --> <div class="row feature-icons" data-aos="fade-up"> <h3>Менеджмент маркетплейсов под ключ включает в себя:</h3> <div class="row"> <div class="col-xl-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="/MARKET/assets/img/features-3.png" class="img-fluid p-4" alt=""> </div> <div class="col-xl-8 d-flex content"> <div class="row align-self-center gy-4"> <div class="col-md-6 icon-box" data-aos="fade-up"> <i>1</i> <div> <h4>Поменял текст так просто</h4> <p>Это самый первый этап работы он очень важен и поэтому на него стоит обратить больше внимания onsequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100"> <i>2</i> <div> <h4>Ullamco laboris nisi</h4> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200"> <i>3</i> <div> <h4>Labore consequatur</h4> <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300"> <i>4</i> <div> <h4>Beatae veritatis</h4> <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400"> <i>5</i> <div> <h4>Molestiae dolor</h4> <p>Et fuga et deserunt et enim. Dolorem architecto ratione tensa raptor marte</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500"> <i>6</i> <div> <h4>Explicabo consectetur</h4> <p>Est autem dicta beatae suscipit. Sint veritatis et sit quasi ab aut inventore</p> </div> </div> </div> </div> </div> </div><!-- End Feature Icons --> </div> </section><!-- End Features Section --> <!-- ======= Блок 2 колонка Section ======= --> <section id="dlyachego" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(assets/img/uslugi/menedzher-marketplejsa.jpg); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Для чего нужен менеджмент маркетплейсов</h2> <div class="col-lg-6 d-flex flex-column " data-aos="fade-up" data-aos-delay="200"> <div class="content"> <p> Он позволяет выявить критичные ошибки, влияющие на его удобство, конверсию и ранжирование. На то, какую позицию занимает ресурс в поисковой выдаче. Например, если сайт будет медленно загружаться, на нем будут нерабочие кнопки и т. д., пользователь простой уйдет к Вашим конкурентам </p> </div> </div> <div class="col-lg-6 d-flex flex-column " data-aos="fade-up" data-aos-delay="200"> <div class="content"> <p> С помощью аудита Вы сможете подробнее узнать недочеты Вашего сайта и своевременно устранить их. Сделать ресурс более привлекательным для поисковых систем </p> </div> </div> </div> </div> </section><!-- End Блок 2 колонка Section --> <!-- ======= Prise Section ======= --> <section id="priceblok" class="pricik"> <div class="container" data-aos="fade-up"> <h2>Стоимость работ</h2> <div class="batbar"> <span>Ресурсы до 100 страниц от 10 000 руб.</span> </div> <div class="batbar"> <span>Ресурсы от 101 до 300 страниц от 12 000 руб.</span> </div> <div class="batbar"> <span>Ресурсы от 301 до 500 страниц от 15 000 руб.</span> </div> <div class="batbar"> <span>Ресурсы более 500 страниц от 20 000 руб.</span> </div> </div> </section><!-- End Блок 1 колонка Section --> <!-- ======= Блок 1 колонка Section ======= --> <section id="dlyachego" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(assets/img/uslugi/menedzher-marketplejsa.jpg); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Сроки выполнения работ по Менеджменту Маркетплейсов</h2> <div class="col-lg-9 d-flex flex-column " data-aos="fade-up" data-aos-delay="200"> <div class="content"> <p> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> </div> </section><!-- End Блок 1 колонка Section --> <!-- ======= Контент СТРАНИЦЫ УСЛУГ, который вводится через визуальный редактор SUMMERNOTE ЕНД ======= -->

Как будет выглядеть на сайте: СМОТРЕТЬ ЗДЕСЬ



Для вставки конструкций КОДА СТРАНИЦ ТОВАРОВ (УСЛУГ), а для ДАННОГО САЙТА ПОРТФОЛИО вставляем код:

<!-- ======= Контент КОДА СТРАНИЦ ТОВАРОВ (УСЛУГ), а для ДАННОГО САЙТА ПОРТФОЛИО, который вводится через визуальный редактор SUMMERNOTE ======= --> <!-- ======= Блок 1 колонка Section ======= --> <section id="dlyachego" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(assets/img/uslugi/menedzher-marketplejsa.jpg); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Описание проекта Завод Пиролизных Котлов</h2> <div class="col-lg-9 d-flex flex-column " data-aos="fade-up" data-aos-delay="100"> <div class="content"> <p> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> </div> </section><!-- End Блок 1 колонка Section --> <!-- ======= Достижения Section ======= --> <section id="services" class="advancement"> <div class="container" data-aos="fade-up"> <h2>Работа над проектом завод пиролизных котлов</h2> <p class="sdvigal">Veritatis et dolores facere numquam et praesentium</p> <div class="row gy-4"> <div class="col-lg-6 col-md-6" data-aos="fade-up" data-aos-delay="200"> <div class="service-box blue"> <h3>Проблема</h3> <p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis tempore et consequatur.</p> </div> </div> <div class="col-lg-6 col-md-6" data-aos="fade-up" data-aos-delay="300"> <div class="service-box orange"> <h3>Решение</h3> <p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p> </div> </div> <div class="col-lg-6 col-md-6" data-aos="fade-up" data-aos-delay="400"> <div class="service-box green"> <h3>Результат</h3> <p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p> </div> </div> <div class="col-lg-6 col-md-6" data-aos="fade-up" data-aos-delay="500"> <div class="service-box red"> <h3>Сроки/бюджет</h3> <p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p> </div> </div> </div> </div> </section><!-- End Достижения Section --> <!-- ======= Контент, который вводится через визуальный редактор SUMMERNOTE ЕНД ======= -->

Как будет выглядеть на сайте: СМОТРЕТЬ ЗДЕСЬ



Для вставки конструкций КОДА СТРАНИЦ БЛОГА. используйте следующий код:

<!-- ======= Контент БЛОГА, который вводится через визуальный редактор SUMMERNOTE ======= --> <!-- ======= Blog Single Section ======= --> <section id="blog" class="blog"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-12 entries"> <article class="entry entry-single"> <div class="entry-img"> <img src="/MARKET/assets/img/blog/blog-1.jpg" alt="" class="img-fluid"> </div> <h2 class="entry-title"> Dolorum optio tempore voluptas dignissimos cumque fuga qui quibusdam quia </h2> <div class="entry-content"> <p> Similique neque nam consequuntur ad non maxime aliquam quas. Quibusdam animi praesentium. Aliquam et laboriosam eius aut nostrum quidem aliquid dicta. Et eveniet enim. Qui velit est ea dolorem doloremque deleniti aperiam unde soluta. Est cum et quod quos aut ut et sit sunt. Voluptate porro consequatur assumenda perferendis dolore. </p> <p> Sit repellat hic cupiditate hic ut nemo. Quis nihil sunt non reiciendis. Sequi in accusamus harum vel aspernatur. Excepturi numquam nihil cumque odio. Et voluptate cupiditate. </p> <blockquote> <p> Et vero doloremque tempore voluptatem ratione vel aut. Deleniti sunt animi aut. Aut eos aliquam doloribus minus autem quos. </p> </blockquote> <p> Sed quo laboriosam qui architecto. Occaecati repellendus omnis dicta inventore tempore provident voluptas mollitia aliquid. Id repellendus quia. Asperiores nihil magni dicta est suscipit perspiciatis. Voluptate ex rerum assumenda dolores nihil quaerat. Dolor porro tempora et quibusdam voluptas. Beatae aut at ad qui tempore corrupti velit quisquam rerum. Omnis dolorum exercitationem harum qui qui blanditiis neque. Iusto autem itaque. Repudiandae hic quae aspernatur ea neque qui. Architecto voluptatem magni. Vel magnam quod et tempora deleniti error rerum nihil tempora.</p> <h3>Et quae iure vel ut odit alias.</h3> <p> Officiis animi maxime nulla quo et harum eum quis a. Sit hic in qui quos fugit ut rerum atque. Optio provident dolores atque voluptatem rem excepturi molestiae qui. Voluptatem laborum omnis ullam quibusdam perspiciatis nulla nostrum. Voluptatum est libero eum nesciunt aliquid qui. Quia et suscipit non sequi. Maxime sed odit. Beatae nesciunt nesciunt accusamus quia aut ratione aspernatur dolor. Sint harum eveniet dicta exercitationem minima. Exercitationem omnis asperiores natus aperiam dolor consequatur id ex sed. Quibusdam rerum dolores sint consequatur quidem ea. Beatae minima sunt libero soluta sapiente in rem assumenda. Et qui odit voluptatem. Cum quibusdam voluptatem voluptatem accusamus mollitia aut atque aut. </p> <img src="/MARKET/assets/img/blog/blog-inside-post.jpg" class="img-fluid" alt=""> <h3>Ut repellat blanditiis est dolore sunt dolorum quae.</h3> <p> Rerum ea est assumenda pariatur quasi et quam. Facilis nam porro amet nostrum. In assumenda quia quae a id praesentium. Quos deleniti libero sed occaecati aut porro autem. Consectetur sed excepturi sint non placeat quia repellat incidunt labore. Autem facilis hic dolorum dolores vel. Consectetur quasi id et optio praesentium aut asperiores eaque aut. Explicabo omnis quibusdam esse. Ex libero illum iusto totam et ut aut blanditiis. Veritatis numquam ut illum ut a quam vitae. </p> <p> Alias quia non aliquid. Eos et ea velit. Voluptatem maxime enim omnis ipsa voluptas incidunt. Nulla sit eaque mollitia nisi asperiores est veniam. </p> </div> <!-- ======= Video for Blog Single Section ======= --> <div class="entry-video"> <h4> Новое видео о том о сем </h4> <div class="col-lg-12 video-play position-relative" style="background: linear-gradient(rgba(102, 255, 255, 0.7), rgba(102, 255, 255, 0.7)), url(assets/img/marketing-video.jpg);"> <a href="https://youtu.be/BRTucu44CpA" class="glightbox play-btn" rel="nofollow noopener"></a> </div> </div> <!-- ======= Video for Blog Single Section End======= --> <div class="entry-footer"> <i class="icofont-document-folder"></i> <ul class="cats"> <li><a href="#">Business</a></li> </ul> </div> </article><!-- End blog entry --> </div><!-- End blog entries list --> </div> </div> </section><!-- End Blog Single Section --> <!-- ======= Контент БЛОГА, который вводится через визуальный редактор SUMMERNOTE ЕНД ======= -->

Как будет выглядеть на сайте: СМОТРЕТЬ ЗДЕСЬ



Для вставки конструкций КОДА СТРАНИЦЫ ОБО МНЕ используйте следующий код:

<!-- ======= Контент ОБО МНЕ, который вводится через визуальный редактор SUMMERNOTE ======= --> <!-- ======= Блок 1 колонка + картинка справа Section ======= --> <section id="dlyachego" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/MARKET/assets/img/otkuda.png); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Откуда я и какое у меня образование</h2> <div class="col-lg-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="/MARKET/assets/img/otkuda1.png" class="img-fluid p-4" alt="Откуда я и какое у меня образование"> </div> <div class="col-lg-8 d-flex flex-column " data-aos="fade-up" data-aos-delay="100"> <div class="content"> <p> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> </div> </section><!-- End Блок 1 колонка + картинка справа Section --> <!-- ======= Блок 1 колонка + картинка справа без фона Section ======= --> <section id="dlyachego" class="col2sect"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Опыт работы в интернет-маркетинге</h2> <div class="col-lg-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="/MARKET/assets/img/opyt.png" class="img-fluid p-4" alt="Опыт работы в интернет-маркетинге"> </div> <div class="col-lg-8 d-flex flex-column " data-aos="fade-up" data-aos-delay="100"> <div class="content"> <p> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> </div> </section><!-- End Блок 1 колонка Section --> <!-- ======= Блок 1 колонка + картинка справа Section ======= --> <section id="dlyachego" class="col2sect" style="background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(/MARKET/assets/img/features-2.png); background-size: no-repeat; background-position: center; background-size: cover;"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Мои сильные стороны как маркетолога</h2> <div class="col-lg-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="/MARKET/assets/img/features-2.png" class="img-fluid p-4" alt="Мои сильные стороны как маркетолога"> </div> <div class="col-lg-8 d-flex flex-column " data-aos="fade-up" data-aos-delay="100"> <div class="content"> <p> 1. Я молодец <br> 2. У меня все отлично получается. <br> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> </div> </section><!-- End Блок 1 колонка + картинка справа Section --> <!-- ======= Блок 1 колонка + картинка справа без фона Section ======= --> <section id="dlyachego" class="col2sect"> <div class="container" data-aos="fade-up"> <div class="row gx-0 conteblo"> <h2>Мои самые успешные проекты</h2> <div class="col-lg-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="/MARKET/assets/img/proekty.png" class="img-fluid p-4" alt="Мои самые успешные проекты"> </div> <div class="col-lg-8 d-flex flex-column " data-aos="fade-up" data-aos-delay="100"> <div class="content"> <p> Технический анализ сайта выполняется около 15 дней и оформляется как список рекомендаций по исправлению ряда проблем. Вы можете сразу внедрить все пункты технического аудита или начать с самых важных, критических ошибок. Однако, чем больше исправлений Вы сделаете, тем быстрее увидите результаты: рост трафика потенциальных клиентов и заказов. </p> </div> </div> </div> <!-- ======= БЛОК КНОПОК ======= --> <div data-aos="fade-up" data-aos-delay="500"> <div class="col-lg-12 d-flex align-items-center justify-content-center"> <div class="text-center text-lg-start pb40"> <a href="/MARKET/#portfelli" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center"> <span>Мое Портфолио</span> <i class="icofont-arrow-right"></i> </a> </div> </div> </div> <!-- ======= БЛОК КНОПОК ФИНИШ ======= --> </div> </section><!-- End Блок 1 колонка Section --> <!-- ======= Контент СТРАНИЦЫ ОБО МНЕ, который вводится через визуальный редактор SUMMERNOTE ЕНД ======= -->

Как будет выглядеть на сайте: СМОТРЕТЬ ЗДЕСЬ



Возможно применение других конструкцимй HTML кода. Для этого надо обратиться к разработчику.
Для разных шаблонов сайта, на которые устанавливается система, набор кодов может отличаться.
ВАЖНОЕ ПРИМЕЧАНИЕ! При работе в HTML режиме между тегами p можно использовать теги strong и i для выделения участков текста. Выделение текста этими тегами гораздо более желательно, чем создание наклонного и жирного текста средствами визуального редактора в обычном режиме.

!!!ВНИМАНИЕ!!!ПОСЛЕ ВНЕСЕНИЯ ИЗМЕНЕНИЙ В РЕЖИМЕ HTML ОБЯЗАТЕЛЬНО:
1. ПЕРЕКЛЮЧИТЕСЬ В РЕЖИМ ВИЗУАЛЬНОГО РЕДАКТОРА ТОЙ ЖЕ КНОПКОЙ
2. НАЖМИТЕ КНОПКУ ОТПРАВИТЬ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Далее текст введенный с помощью HTML конструкций, можно редактиовать с помощью визуального редактора не переходя в HTML режим.
Картинки, которые будут встречаться в содержимом кода нужно вставлять в режиме редактирования HTML кода с указанием пути до картинки от корневой папки и указанием расширения (jpg, png и т.д.)


ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!

Управление Настройками Сайта (Settings).

В правом верхнем углу сайта находится поле Settings. Рассмотрим какие настройки сайта пользователь САС может менять по своему усмотрению, а какие устанавливаются разработчиком и которые КАТЕГОРИЧЕСКИ НЕЛЬЗЯ менять!!!
Страница НАСТРОЕК имеет следующие ПОЛЯ:
* Use SEO urls (Использовать SEO urls): НЕ МЕНЯТЬ!!!
* Date Format (Формат Даты) НЕ МЕНЯТЬ!!!
* News per Page: Максимальное количество отображаемых БЛОКОВ ОТВЕЧАЮЩИХ ЗА СОДЕЖАНИЕ ИНФОРМАЦИИ О СТРАНИЦЕ В БЛОКЕ КАТЕГОРИИ НА ГЛАВНОЙ СТРАНИЦЕ. Здесь не используется! НЕ МЕНЯТЬ!!!
* Кол-во тем стр блога: Максимальное количество тем отображаемых на странице листинга тем блогов, после превышения этого количества включается пагинация.
* Admin Email Address: Адрес электронной почты куда будут приходить сообщения из Формы Обратной Связи на странице КОНТАКТЫ. Его ОБЯЗАТЕЛЬНО поменять на адрес ВАШЕЙ электронной почты!!!
* Use Captcha Images: (Использовать изображение Каптча) Специальное проверочное изображение с цифрами, которое исользуется для того чтобы оверить, кто ввел данные в Форму Обратной Связи. Предотвращает рассылку информации ботами. Исользовать можно не на всех хостингах. УСТАНАВЛИВАЕТСЯ РАЗРАБОТЧИКОМ при установке САС на хостинг. НЕ МЕНЯТЬ!!!
* Time Zone (Часовой пояс): НЕ ИСПОЛЬЗУЕТСЯ, НЕ МЕНЯТЬ!!!
* Image quality (0-100) (Качество Изображения): НЕ МЕНЯТЬ!!!
* Maximum image width (px) (Максимальный размер изображения в пикселях): НЕ МЕНЯТЬ!!!

Modify the Admin Username & Password (Изменить логин и пароль администратора.Секция изменения ЛОГИНА И Пароля. Можно сменить на СВОЙ после окончания работ над сайтом разработчиком. !НЕ ЗАБУДЬТЕ СОХАНИТЬ ИЗМЕНЕННЫЕ ДАННЫЕ В ОТДЕЛЬНОМ ФАЙЛЕ. ЕСЛИ ЗАБУДЕТЕ ЭТИ ДАННЫЕ, ВЫ НЕ СМОЖЕТЕ РЕДАКТИОВАТЬ СВОЙ САЙТ.
* UserName: (ЛОГИН) При желании измените на свой. При установке САС на хостинг разработчик каждый раз устанавливает новые данные!
* Old Password: (Прежний Пароль) При желании измените на свой. При установке САС на хостинг разработчик каждый раз устанавливает новые данные!
* New Password: (Новый Пароль) Ваш новый пароль.
* Confirm New Password: (Подтвердите Новый Пароль) Подтвердите Ваш новый пароль.

ВНИМАНИЕ! ПОСЛЕ ЗАВЕРШЕНИЯ РЕДАКТИРОВАНИЯ НАЖМИТЕ КНОПКУ SAVE В ПРАВОМ НИЖНЕМ УГЛУ ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ!!!