Визуальный редактор WordPress

online-investicii-soveti-e1411751188593-300x169Визуальный и текстовой редактор WordPress

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

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

Что из себя представляет визуальный редактор

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

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

Справа находим переключатель «Визуально» — «Текст»    При  написании и редактировании текста в визуальном режиме, вы видите всё так же, как увидят запись или страницу пользователи, а в режиме «Текст», редактор переключается в HTML режим.  Обычно используется визуальный режим редактора, HTML  включают для добавления в текст кодов или тегов HTML, которых нет в редакторе.

Ниже находится панель с кнопками,  которую мы рассмотрим подробнее.

Первая  кнопка визуального редактора вордпресс обозначена буквой «B» и с её помощью текст выделяется жирным  это тег strong, и в HTML режиме  это соответствует тегу strong   В HTML это выглядит так <strong>  текст  </strong>
Этим тегом выделяются важные места текста статей, на которые нужно обратить внимание.  Поисковики обращают внимание на этот тег, поэтому им выделяют ключевые слова, хотя злоупотребление этим тегом ( впрочем, как и другими приемами оптимизации ), может привести к обратному эффекту

Читать также:  Файл robots.txt

Далее идет кнопка «I», которая позволяет сделать текст наклонным.  Часто это выделение используют как для того, чтобы обратить внимание на текст, так и для цитат.

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

Маркированный список выглядит таким образом

  • Пункт один
  • Пункт два
  • Пункт три

И так далее, нумерованный список точно такой же, только пункты списка пронумерованы

Кавычки — цитата, используется для цитирования теста другого сайта

Следующие три кнопки ( 7, 8 и 9 ) — выравнивание текста, выравнивание по левому краю,  выравнивание посередине и выравнивание текста по правому краю.

Звено цепи и разорванное звено — кнопки добавления и удаления ссылки.

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

Кнопка ABC- выбор языка, следующая после неё — переход в полноэкранный режим

Завершает первый ряд кнопка, которая открывает и скрывает второй ряд кнопок редактора

Второй ряд визуального редактора WordPress

Кнопка с надписью абзац.

При нажатии на неё  появляется список в котором есть «Абзац», !Адрес» и список заголовков «Заголовок1″, «Заголовок2″ и так далее до заголовка номер 6.   В режиме HTML им соответствуют теги H1, H2, H3 и так далее

Заголовок 1

Заголовок 2

заголовок 3

заголовок 4

Заголовок 5
Заголовок 6

В некоторых шаблонах размеры заголовка можно изменить так, как вам необходимо

Следущющая кнопка «U»  выделяет текст подчеркиванием

За ней идет весьма полезная кнопка выравнивания текста по ширине страницы.
Кнопка «А»  позволяет выбрать цвет для текста

Читать также:  Настройка WordPress

 

Кнопка с буквой «W»  позволяет вставлять текст из редактора «Word»  Используйте сочетание Ctrl+V, чтобы вставить в окно текст.

Кнопка «Ω»  позволяет вставить в текст произвольный символ из набора символов

Следующие кнопки позволяют сдвигать часть текста вправо и возвращать всё обратно, делая эту часть текста более заметной

Следующие две кнопки позволяют отменить последние действия с текстом и отменить отмену.
Вот вроде и всё с обычным визуальным редактором WordPress, переключив его в режим HTML вы увидите там другие кнопки, с которыми, я думаю сможете разобраться самостоятельно.
http://www.historays.ru/blog

Закладка постоянная ссылка.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *