Возможности вывода информации

Начиная с версии CMS Web-canape 3.19.2 панель управления сайтом имеет два редактора для вывода контента на страницу. Текст , размещенный в первом редакторе, будет выводиться прямо под заголовком страницы, а добавленный через нижний — внизу, после всех информации из остальных модулей (каталога, статей, новостей, отзывов, форм обратной связи). Это позволяет вам самостоятельно решать, в каком порядке будет располагаться контент на той или иной странице вашего сайта.

Если на данный момент такой возможности в панели управления вашим сайтом не предусмотрено (если вы выбрали для размещения сайта свой хостинг, автоматическое обновление системы невозможно), вы можете обратиться в службу технической поддержки WebCanape и заказать обновление CMS до актуальной версии.


Рис. 1. Визуальные редакторы

Добавление текста

Чтобы добавить текст на страницу сайта, необходимо ввести его в поле визуального редактора, по необходимости оформить его и сохранить результат. Рассмотрим это на примере демо-версии http://demo.web-canape.ru/.

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

Рис. 2. Верхняя часть страницы
Рис. 3. Нижняя часть страницы

Авторизовавшись в системе управления, в левой части панели из списка разделов сайта выберем страницу «Каталог». При переходе к ней вкладка с визуальным редактором откроется автоматически. Если вы к настоящему моменту уже находились в этом разделе, но работали с другим модулем (например, «Баннеры»), просто кликните по вкладке «Редактор», чтобы перейти к работе в нем.


Рис. 4. Переход к визуальному редактору

Введите текст в окно редактора. В нашем примере мы ввели один и тот же текст в оба редактора, чтобы продемонстрировать результат для обоих случаев. Не забудьте нажать на кнопку «Сохранить» для подтверждения изменений.


Рисунок 5. Ввод текста и его сохранение

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

Рис. 6. Вывод текста из первого (верхнего) редактора
Рис. 7. Вывод текста из второго (нижнего) редактора

 

Особенности переноса текста

Помимо ручного ввода вы можете использовать функцию копирования и вставки текста из любых текстовых документов, интернет-страниц и т.п., просто выделив нужный фрагмент и вставив его в поле редактора. Вставлять текст можно с помощью комбинаций клавиш Ctrl + C (копирует выделенный текст) и Ctrl + V (вставляет скопированный текст в область, где установлен курсор).

Обратите внимание:

  1. Если вы переносите текст или фрагмент текста с изображениями, их нужно добавлять отдельно (подробнее о работе с изображениями). В противном случае они сохранятся некорректно, это негативно скажется на продвижении вашего сайта.
  2. Если вы добавляете текст, скопировав его из другого источника (Word, презентации, веб-страницы и т.д.), его форматирование необходимо очищать, чтобы на сайте он выглядел опрятно и был ясен для восприятия. Сделать это можно рассмотренным ниже способом.

Как очистить форматирование скопированного текста

  1. Выделите необходимый текст мышью, нажмите одновременно клавиши Ctrl и C (установленный язык ввода текста не важен) — текст сохранится в буфере обмена.


Рис. 8. Копирование текста из Word

  1. Вставьте текст в визуальный редактор, поставив курсор в редактор и нажав одновременно клавиши Ctrl и V.
  2. На панели редактора нажмите на кнопку «Выделить все» (аналог комбинации клавиш Ctrl + A) — выделится весь введенный в редактор текст.


Рис. 9. Удаление форматирования средствами визуального редактора

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


Рис. 10. Результат удаления форматирования

  1. Не забудьте нажать кнопку «Сохранить» и проверить результат на сайте.


Рис. 11. Результат на сайте

Возможности редактирования текста

Панель выделения текста

С помощью данной панели вы можете оформить слово или часть текста, чтобы посетитель сайта обратил на него внимание.

Опции выделения (слева направо):

  • жирный,
  • курсив,
  • с подчеркиванием,
  • зачеркнутый.

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

Внимание! Чрезмерное использование средств выделения текста может усложнить его восприятие. Прочитать советы по оформлению контента вы можете в разделе «Инструменты выделения».

Панель выравнивания текста

В этой панели можно изменить расположение текста или его части по своему усмотрению.

Опции выравнивания (слева направо):

  • по левому краю,
  • по центру,
  • по правому краю,
  • по ширине.

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

Советы по использованию средств выранивания текста

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

С помощью нее можно вырезать текст, скопировать и вставить. Но в рамках политики безопасности СMS Web-canape 3.Х функции вырезки и копирования (первые две кнопки на панели) заблокированы, и их можно выполнить только с помощью следующих комбинаций клавиш:

  • Ctrl + X — вырезать выделенный мышью фрагмент (он исчезнет из источника);
  • Ctrl + C — копировать выделенный мышью фрагмент (он останется в источнике).

Чтобы выполнить вставку вырезанного или скопированного фрагмента, можно использовать одну из трех кнопок панели:

— вставляет содержимое буфера обмена с сохранением формативрования.
— вставляет текст, находящийся в буфере обмена, без сохранения форматирования. Изображения игнорируются, ссылки заменяются простым тестом.
— вставка текста, скопированного из Word. Ненужные параметры в коде будут удалены.

Вы также можете выполнить вставку, воспользовавшись комбинацией клавиш Ctrl + V.

Панель действий

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

Панель поиска и замены

Данная панель предназначена для поиска по тексту в редакторе. Чтобы выполнить поиск, нажмите на пиктограмму лупы. Откроется окно, в которое нужно ввести несколько символов искомого участка текста и нажать на кнопку «Найти».


Рис. 12. Поиск текста

Также с помощью этой панели можно заменить слово или словосочетание. Для этого нужно нажать на выбрать вкладку «Заменить», набрать слово, которое вы хотите заменить, набрать слово, на которое вы его заменяете, и нажать «Заменить». При первом нажатии слово будет найдено, при повторном — заменено. Такой способ замены исключает возможность ошибки.


Рис. 13. Поиск и замена текста

Если вы уверенны в необходимости замены и это слово или часть текста часто встречается на странице, то нажмите «Заменить все».


Рис. 14. Поиск и замена всех найденных фрагментов текста

Панель выделения и форматирования

С помощью данной панели вы можете проделать следующие операции:

  • Выделить весь текст. Для этого достаточно лишь нажать на левую иконку — и текст будет выделен.
  • Отменить форматирование текста.

Если вам не нравится, как вы отредактировали текст, или вы уже вставили редактированный, то данная функция поможет привести его в «естественное» состояние. Выделите часть текста и нажмите «Убрать форматирование».

Панель списков

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

Какой тип списка выбрать

Панель отступов

Данная панель позволит вам увеличить или уменьшить отступ текста от левого края строки.


Рис. 15. Изменение отступа текста от левого края

Эта функция также позволяет создавать многоуровневые списки. Для этого необходимо выделить элементы списка, которые будут вложены в один из пунктов, и нажать на кнопку создания отступа.


Рис. 16. Создание многоуровневых списков с помощью панели отступов

 

Панель индексов

С помощью данной функции можно привести к нужному виду такие выражения как м2 или х3. Согласитесь, что они так выглядят более корректно: м2 или x3.

Чтобы воспользоваться этой функцией, выделите текст, который должен быть оформлен как индекс, и нажмите на соответствующую кнопку на панели.

Цветовая панель

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


Рис. 17. Выбор цвета текста

Если нужного оттенка среди представленных нет, то нажав на иконку, а после – на «Еще цвета», вы сможете выбрать оттенок из палитры или ввести код цвета (например, #ffffff – белый).


Рис. 18. Палитра для выбора дополнительных цветов оформления текста

Советы по оформлению текста с помощью шрифта и цвета

Панель размеров шрифта

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


Рис. 19. Выпадающий список для выбора размера шрифта

Советы по оформлению текста с помощью шрифта и цвета

Панель шрифтов

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


Рис. 20. Выпадающий список для выбора шрифта

Советы по оформлению текста с помощью шрифта и цвета

Панель тегов

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

Если вы только что открыли раздел, где собираетесь оформлять текст, название кнопки данной панели будет отображаться согласно приведенной выше иконке. Если же курсор уже установлен в какую-то область текста, на кнопке может быть написано «Обычное», «Заголовок» и т.п. — в зависимости от типа установленных в тексте тегов. Если вы затрудняетесь с поиском данной кнопки, ориентируйтесь на стоящую рядом с ней панель выбора шрифта.

В первом случае на выбор представлены заголовки от 1 до 6 уровня (в порядке убывания значимости), соответствующие тегам h1–h6. Устанавливая заголовки с помощью даной панели, вы можете сделать текст более простым для восприятия. В CMS Web-canape 3.X используются только заголовки первых трех уровней, поскольку остальные имеют незначительную роль и крайне редко используются в вебе.

Чтобы оформить текст как заголовок, выделите его, нажмите на кнопку на панели и выберите из списка необходимый тип заголовка от 1 до 3 уровня. Если же вы, напротив, хотите вернуть заголовок к виду обычного текста, выберите пункт «Обычное».


Рис. 21. Выбор типа заголовка

Советы по использованию заголовков

Если прокрутить открывшийся список ниже, вы можете также увидеть варианты оформления текста: с иконками или с цветными блоками — по 12 вариантов на каждый тип. Их можно использовать для оформления ссылок на скачивание документов, важной информации и т.д.

Рис. 22. Варианты оформления текста иконками и цветными блоками

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

Рис. 23. Результат оформления текста блоком

Ознакомиться подробнее со стилями оформления контента

Документация

© «Копирайт», 2017

Web-canape - быстрое создание сайтов и продвижение