Используем визуальный редактор WordPress

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

Простое руководство для форматирования текста в WordPress

WordPress поставляется с простым и легким в использовании полнофункциональным WYSIWYG редактором (что вы видите, то и получаете) визуальный контент редактор, который позволяет форматировать текст, создавать гиперссылки, добавлять изображения и средства массовой информации на ваши посты и страницы, и многим другим, просто нажав несколько кнопок …

В этом уроке вы узнаете, как использовать Визуальный редактор WordPress — то, что делают кнопки меню, как форматировать текст, как изменить размер текста, и многое другое!

Если вы использовали текстовый редактор, например MS Word раньше, то интерфейс визуального редактора WordPress должен показаться вам довольно знакомым…

 

Вот краткое описание функции каждой из кнопок визуального редактора WordPress, показанных на скриншоте выше:

 

  1. Название поля – то поле где вы вводите название вашего поста или страницы.
  1. Постоянная ссылка — Нажмите на кнопку «Изменить», чтобы изменить постоянную ссылку текст вашего поста или страницы. Это полезно, если вы хотите сократить или изменить URL вашего поста или страницы.
  1. Добавить медиафайл — Нажмите эту кнопку для загрузки, управления и вставка медиафайла в сообщение (например, изображения, видео, аудио и т.д.) с вашего компьютера, внешнего URL, или из собственной медиа — библиотеки вашего сайта.
  1. Визуально — Нажмите на эту вкладку, чтобы получить доступ к WYSIWIG редактору ( от англ. What (что) You (ты) See (видишь) Is What (то) You (ты) Get (получишь)).
  1. Текст — Нажмите на эту вкладку для просмотра и работы с кодом контента вашей записи. Переключение между этими двумя вкладками позволяет добавлять контент в режиме WYSIWIG, а затем вносить изменения в исходный код.

  1. Жирный — Выделите текст и нажмите эту кнопку, чтобы выделить слова жирным шрифтом .

 

  1. Курсив — Выделите текст и нажмите эту кнопку, чтобы слова были выделенные курсивом.
  1. Подчеркивание — выбранный текст будет оформлен подчеркнутым
  1. Маркированный список — используйте эту кнопку для создания маркированного списка, как на пример ниже:
  • Элемент списка 1
  • Элемент списка 2
  • Элемент списка 3
  • и т.д …
  1. Нумерованный список — используйте эту кнопку, чтобы создать упорядоченный список, как на примере ниже:
  1. Элемент списка 1
  2. Элемент списка 2
  3. Элемент списка 3
  4. и т.д …
  1. Цитата. Используйте эту функцию, чтобы создать цитату. Просто выберите текст, который вы хотите отобразить в блоке цитаты и нажмите кнопку.

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

12, 13 и 14. Кнопки выравнивания — Используйте эти кнопки, чтобы выровнять текст и объекты, которые вставляются в посты или страницы:

  1. Выровнять по левому краю

 

Нажмите кнопку «Enter» чтобы создать новый  пустой абзац для завершения команды выравнивания

  1. Вставить / Редактировать ссылку. Используйте эту кнопку, чтобы вставить гиперссылку в текст.
  1. Удалить гиперссылку. Выберите и выделить любой текст, из которого вы хотите удалить гиперссылку и нажмите эту кнопку, чтобы гиперссылка была удалена.
  1. Вставка тега Далее. При нажатии на эту кнопку будет вставлен тег «Читать далее» в том месте, где бы вы поместили курсор. Весь текст, который был добавлен к посту перед установкой этого тега будет отображаться как обычно в вашей записи (посту), когда она будет опубликовано, но все содержание после тега будет добавлено к сообщению только после того, как посетители нажимают на ссылку «читать далее» …

Важно: «Читать дальше» тег не работает на типе контента WordPress «Страницы». Он используется только на главной странице, которая показывает ваши последние сообщения.

  1. Проверка орфографии. Используйте эту кнопку, чтобы проверить правильность написания контента. Используйте выпадающее меню, чтобы выбрать другой язык …

 

Теперь, в новых версиях WordPress, этой функции нет, но она доступна с использованием одного из плагинов WordPress, о чем пойдет речь позже.

  1. Полноэкранный режим. Нажатие этой кнопки переключает ваш экран между разворачиванием визуального редактора на полный экран и нормальным экраном редактором. Это полезно для проверки размещения элементов на странице и для работы над контентом, свободного от других отвлекающих элементов страницы …

  1. Показать / Скрыть панель инструментов. Нажмите эту кнопку, чтобы переключить визуальный редактор WordPress между минимальным режимом (одна строки кнопок) и расширенным режимом (два ряда кнопок).

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

Для того, чтобы создать заголовки для вашего контента, выделить область текста и выберите различные стили форматирования из выпадающего меню (например, заголовок размеров в диапазоне от 1 до 6) …

  1. Подчеркнутый. Выберите область текста и нажмите эту кнопку, чтобы подчеркнуть текст.

 

  1. Совместите Full.Используйте эту кнопку, чтобы оправдать свое содержание и отображать текст аккуратнее на вашей странице. Эта кнопка будет регулировать интервал в тексте, чтобы попытаться расквитаться каждую строку текста так, чтобы концы линии не «рваный» (как в случае, когда текст выравнивается влево по умолчанию).
  1. Выберите цвет текста.Выберите область текста, а затем нажмите на эту кнопку и выберите одну из цветовых вариантов в раскрывающемся меню, чтобы изменить цвет выбранной области текста …

Примечание: Вы можете расширить выбор доступных цветов в цветовой палитре, нажав  кнопку «Произвольный» …

 

Вы будете иметь доступ к почти безграничному выбору цветов.

Полезный совет: Если вы знакомы с шестнадцатеричной системой цветности (HEX), вы можете просто ввести код для определенного цвета, которым вы хотите выделить текст.

Приведенный ниже пример показывает цветовые коды HEX для некоторых из наиболее часто используемых «веб безопасные» цвета (то есть те цвета, которые отображаются правильно в большинстве браузеров и мониторов) …

WHITE #FFFFFF
BLACK #000000
GREEN #00FF00
BRIGHT YELLOW #FFFF00
LIGHT GREY #CCCCCC
BLUE #0000FF
RED #FF0000
DARK BLUE #000099
DARK RED #990000
DARK GREEN #009900
LIGHT YELLOW #FFFF99
DARK GREY #808080

Широко используемые HEX цвета

  1. Вставить как текст. Нажмите на кнопку со «T», чтобы вставить содержимое буфера обмена в область содержимого редактора в виде текста.
  1. Вставка из Word. Нажмите на кнопку со «W», чтобы вставить в текст из MS Word. (в современных версиях отсутствует)

Примечание: Вставка текст непосредственно из MS Word в ваш визуальный редактор WordPress может внести ненужный код в содержание и привести к ошибкам. MS Word и некоторые другие текстовые редакторы формируют код, который непосредственно при копировании текста из документа в буфер обмена не виден…

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

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

 

Перед использованием функции «Удалить форматирование», перейдите на вкладку «Текст», а затем выберите и скопируйте весь текст в буфер обмена …

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

  1. Произвольный символ. Нажмите эту кнопку, чтобы вставить специальные символы, такие как ? © ® ™ и целую кучу других специальных символов (например, символы для латинского алфавита).
  1. Уменьшить отступ. Нажмите эту кнопку, чтобы удалить «утопленный» текст и вернуть выравнивания текста по левому краю на этой странице или просто сделать отступ меньше.

 

  1. Увеличить отступ. Нажмите эту кнопку, чтобы отступы вправо одной или нескольких строк текста увеличились.

 

Вот строка с отступом текста ( сделайте отступы, нажав на кнопку «Увеличить отступ»).

 Линия отступа текста была сдвинута дальше вправо, для этого нажмите на кнопку «Увеличить отступ» еще раз.

  1. Отменить. Нажмите эту кнопку, чтобы отменить предыдущие команды. Это полезно, если вы случайно неправильно удалили часть текста или форматированный текст и необходимо вернуться назад.
  1. Повторить. Нажмите эту кнопку, чтобы восстановить изменение или удалить отмену.
  1. Горячие клавиши. Нажмите эту кнопку, чтобы открыть горячие клавиши. WordPress…

Ключ Ctrl +

Alt + Shift + клавиши

Нажмите сочетания для использования  различных ключей доступа: «Alt + Shift + буква» на клавиатуре

Вы так же можете менять разрешение визуального редактора, использовав клавиши Ctrl +:

  • Ctrl +     — увеличение ширины текстового редактора;
  • Ctrl —    — уменьшение ширину текстового редактора;
  • Ctrl 0     — возврат расширения в стандартный режим.

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

Совет № 1: редактора текста WordPress

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

 

WordPress Content Editor — Ярлыки Power User

 

Совет № 2 — Как изменить размер WordPress Визуальный текстовый редактор Box

WordPress предоставляет WYSIWYG (What-You-See-Is-What-You-Get) Визуальный редактор для создания и редактирования записей и страниц.

 

По умолчанию, WordPress обычно отображает около десятка строк текста в его редакторе WYSIWYG …

 

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

Итак, как мы можем сделать текстовый редактор больше?

Ну … до обновления WordPress до версии 3.5, один из вариантов увеличения размера текстового редактора WordPress, это открыть Настройки экрана и указать количество строк, которые нужно отобразить в редакторе …

Хотя этот вариант уже недоступен после WordPress версии 3.5, но по-прежнему легко довольно можно изменить размер текстового редактора.

Все, что вам нужно сделать, это войти в свою панель администратора WordPress, а затем перейти в свой пост или страницу (создайте новые или откройте для редактирования) и нажмите и перетащите нижний правый угол текстового поля вашего Визуального редактора, чтобы изменить его размер …

Другой полезный способ увеличить рабочее пространство – перейти в полноэкранный режим, нажав кнопки клавиатуры (Alt + Shift + W) или кнопку в меню панели инструментов WYSIWYG Полноэкранный режим…

 

Это режим убирает боковые панели WordPress , те есть дает «полный экран», чтобы работать в режиме редактировании и просмотра контента. Эти панели появляются при наведении курсора на край экрана …

 

Для возврата к предыдущей настройке, просто нажмите на кнопку Полноэкранный режим в верхней части экрана …

34. Вставить горизонтальную линию. Нажмите эту кнопку, чтобы  вставить  для разрыва текста горизонтальную линию, как это показано нв изображении ниже…

 

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

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