Как пользоваться редактором Вордпресс?

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

Визуальный редактор WordPress
Текстовый HTML редактор WordPress
Как добавить ссылку в статью WordPress?
Как добавить атрибут к ссылке?
Как добавить картинку в запись?
Как добавить ссылку к картинке?
Как вывести миниатюру к записи?
Как удалить миниатюру записи?

На странице создания и редактировании записи вы видите две вкладки: «Визуально» и «Текст». Чем же они отличаются?

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

Визуальный редактор Вордпресс помогает отформатировать текст тем, кто не силен в HTML.

Обозначения

Добавить медиафайл – вставить картинку в текст
Выделить текст жирным – выделите мышкой кусочек текста и нажмите эту кнопку
Выделить курсивом
Зачеркнутый текст
Маркированный список
Нумерованный список
Цитата – оформить кусочек текста как цитату
Сплошная горизонтальная линия
Выравнивание текста по левому краю
Выравнивание текста по центру
Выравнивание текста по правому краю
Вставить или изменить ссылку – выделить слово в тексте, нажать кнопку, в новом окне задать адрес ссылки
Удалить ссылку – выделить ссылку, нажать эту кнопку
Вставить тег «Далее» — в этом месте будет прерываться анонс статьи, выводимый в рубриках
Показать/скрыть панель инструментов – показать или скрыть вторую строчку кнопок
Абзац – задать кусочку текста формат абзаца или выбранного уровня заголовка
Подчеркнутый текст
Выравнивание текста по ширине страницы – делает все строки одинаковой длины
Задать цвет текста
Вставить из Word – по умолчанию текст из Word вставляется с потерей форматирования источника
Очистить форматирование – очищение текста от всех стилей форматирования
Добавить произвольный символ, которого нет на клавиатуре, из открывшейся таблички
Уменьшить отступ абзаца
Увеличить отступ абзаца
Отменить последнее действие
Повторить отмененное действие
Горячие клавиши – всплывает подсказка об использовании комбинаций клавиш на клавиатуре
Полноэкранный режим – скрывает отвлекающие элементы админки

Конечно, редактировать текст в визуальном редакторе очень удобно. Но в ходе работы над форматированием можно случайно наставить лишних тегов. Лишний мусор будет мешать продвижению сайта. Если воспользоваться текстовым редактором – любой мусор сразу станет заметен.

Текстовый HTML редактор WordPress

Текстовый редактор Вордпресс позволяет редактировать HTML текст вручную.

В текстовом редакторе содержатся кнопки для быстрой вставки HTML тегов.

Нажали первый раз – появился открывающий тег, нажали второй – появился закрывающий тег. При этом какие-то атрибуты этих тегов можно прописать вручную в самом тексте.

Можно просто выделить мышкой текст и нажать нужную кнопку – так вы обернете этот текст нужными тегами.

Основные кнопки

Выделить жирным
Выделить курсивом
Добавить ссылку
Добавить цитату
Зачеркнутый текст
Вставить изображение с чужого сайта
Вставить список на страницу
Организовать маркированный список
Организовать нумерованный список
Задать элемент списка
Вставить на страницу код как текст и не давать ему исполнять свой сценарий
Тег «Далее»
Закрыть все открытые теги

Как добавить ссылку в статью WordPress?

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

Появится окошко. В поле URL введите адрес страницы. В поле текст ссылки можно изменить ее анкор.

При желании можно отметить галочкой опцию «открывать в новом окне».

Нажмите «Добавить ссылку».

В текстовом редакторе можно добавить ссылку в виде кода.

<a href=»https://foxyforex.ru/sozdanie-saita/nastrojka-sajta-na-wordpress»>Настройка сайта</a>

Как добавить атрибут к ссылке WordPress?

Атрибут target blank позволяет открывать ссылку в новом окне. В визуальном редакторе вам помогала опция «открывать в новом окне».

Ссылка с атрибутом target blank в режиме HTML выглядит вот так…

<a href=»http://sait.ru» target=»_blank»>Настройка сайта</a>

Атрибут NoFollow запрещает передавать вес (ТИЦ, PR) странице, на которую вы ссылаетесь.

В режиме HTML ссылка с этим атрибутом прописывается так…

<a href=»http://site.ru» rel=»nofollow»> Текст ссылки</a>

Можно автоматизировать этот процесс. Плагин Rel Nofollow Checkbox добавит в окошко для добавления ссылки «чекбокс» для создания атрибута NoFollow.

Как добавить картинку в запись WordPress?

Поставьте курсор мыши в нужном месте текста записи. Нажмите «Добавить медиафайл». В окошке нажмите «Выберите файлы».

Появится окошка с файлами на вашем компьютере. Войдите в нужную папку и выберите нужное изображение. Нажмите «Открыть».

Появится окошко для внесения дополнительной информации.

Подпись – это фраза, которая будет выводиться под изображением. Можно не писать.

Атрибут alt и описание лучше заполнить. Ключевые слова в этих полях – это еще один важный пункт оптимизации страницы в целом и изображения в частности.

Выравнивание – положение картинки относительно текста.

Размер – миниатюра, средний или полный.

Нажмите «Вставить в запись».

Как добавить ссылку на картинку в записи WordPress?

В визуальном редакторе нажмите на картинку и на кнопку «Добавить/изменить ссылку». Далее как обычно.

Как вывести миниатюру записи WordPress?

Слева внизу редактора записей есть раздел «Миниатюра записи» Нажмите «Задать миниатюру».

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

Нажмите «Задать миниатюру».