WYSIWYG - редактор - это редактор визуального редактирования страниц.
В режиме визуального редактирования вы можете:
-
Устанавливать/редактировать/перемещать/удалять функциональные блоки
-
Редактировать тексты и изображения
-
Редактировать и настраивать шапку сайта
-
Редактировать и настраивать подвал сайта
-
Устанавливать/редактировать/удалять дополнительное меню
-
Добавлять произвольные элементы HTML-кода
-
Добавлять гиперссылки к текстам и элементам
Войти в режим WYSIWYG-редакторования можно 2-мя способами:
-
Кликнуть на надпись "Визуальный редактор" на главной странице панели управления сайтом - в режиме редактирования откроется главная страница сайта:
2. В режиме правки страницы кликнуть на кнопку "Перейти на сайт" - в режиме редактирования откроется выбранная страница:
Открывшееся в новой вкладке браузер будет представлен WYSIWYG-редактор.
Описание работы в WYSIWYG-редакторе
С левой стороны окна располагается панель редактора с 5 иконками:
Где:
- Возврат в панель управления сайтом
- Просмотр страницы в браузере
- Выбор страницы для редактирования
- Добавление функциональных блоков на страницу
- Справка
Для целей наполнения страницы контентом, функциональными блоками и идивидуализации дизайна используется используются функциональные блоки.
При наведении курсора на иконку
откроется список блоков, которые вы можете разместить на странице:
Блоки предварительно настроены для использования либо в колонке слева, либо в колонке справа - это сделано в целях оптимизации адаптивного отображения на сайте.
Важно знать, что адаптивная верстка предусматривает сохранение контента на странице, но для целей правильного отображения производит изменение в расположении колонок. А именно: на смартфонах сначала отображается содержимое левой колонки, а потом правой!
Для установки выбранного блока откройте список и кликните на нужный блок - выбранный блок будет установлен:
В правой колонке:
В левой колонке:
Для управления установленным блоком наведите на него курсор - появится меню блока:
Где:
- редактирование блока
- настройки блока
- перемещение блока (захватить мышкой и перетаскивать)
- удаление блока
Для каждого вида блоков "Редактирование" и "Настройка" имеют свои наборы возможностей, их описание читайте в описаниях самих блоков.
Общие принципы работы в WYSIWYG-редакторе
При наведении курсора на элементы страницы все из них, доступные для редактирования, отображаются с дополнитнльными элементами:
-
Красный пунктирный прямоугольник - редактирование текста
-
Пиктограмма редактирования (карандаш) - редактирование элемента, пиктограммы, гиперссылки и т.п.
-
Пиктограмма настроек (шестеренки) - настройка элемента, макета, блока
Для каждого блока и элемента имеется свой набор параметров, свойств, контента.
Редактор текстов для всех элементов одинаков.