Режимы редактора текста WordPress

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

Не стоит рассчитывать, что вы получите всю мощь Microsoft Word в браузере, сразу хочу вас отговорить от этой ошибочной мысли. Но вот оформить текст, добавить в него изображения, видео, выровнять его справа/слева или как-то ещё — вы сможете безо всяких проблем.

В общем, тема этой заметки — редактор WordPress! 🙂

Если вместо текстового редактора вы видите интерфейс с блоками, то вам необходимо установить плагин Classic Editor через меню «Плагины» — «Добавить новый» и тогда редактор будет таким, какой на картинках в этом уроке.

Давайте покажу его внешний вид на примере набора этого текста, который вы в данный момент читаете:

Внешний вид редактора WordPress
Внешний вид редактора WordPress

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

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

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

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

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

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

Читайте также:  Использование текстового редактора

Режимы редактора текста

Основных режима здесь два: визуальный и текстовый.

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

Чтобы вы понимали, как выглядит текстовый режим, я приложу снимок экрана с правкой текущей страницы:

Текстовый режим редактора WordPress
Текстовый режим редактора WordPress

Не особо-то и понятно, да? Но это на первом этапе, пока вы не освоите вёрстку в формате HTML. Объясню в двух словах: любое форматирование текста в визуальном редакторе можно представите в виде набора так называемых «тегов», встретив которые, браузер формирует тот или иной элемент.

Абсолютно все страницы на сайтах в интернете написаны на языке гипертекстовой разметки — HTML. Но WordPress (и многие другие движки) даёт вам возможность не углубляться в эти особенности, а просто писать текст. Именно для упрощения вашей работы и существует визуальный режим редактора.

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

Уфф… Запутал я вас уже, да? Не пугайтесь, рано ещё! 🙂

Подытоживая хочу сказать вот о чём: на первом этапе, пока вам хватает возможностей визуального редактора — пользуйтесь им. Выделяйте текст, выбирайте нужное вам форматирование и оформление и пишите. Пишите часто, много, обо всём, нарабатывайте базу контента на сайте.

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

Читайте также:  Использование визуального редактора

В следующих инструкциях мы разберём более подробно возможности стандартного редактора WordPress при работе в визуальном режиме. Он будет вашим основным инструментом при наполнении сайта.

Как выучить HTML?

Существует великолепный сайт с онлайн-руководством: htmlbook.ru, на нём есть огромное количество материалов для новичков. Потратьте выходные и выучите, попрактикуйтесь.

Если вы нашли ошибку — выделите фрагмент текста и нажмите Ctrl+Enter.

Поделитесь ссылкой на инструкцию с вашими друзьями!
Плюсануть
Поделиться
Запинить

Подписывайтесь на еженедельные обновления материалов курса WordPress для чайников на почту!

2 комментария


  1. подскажите, куда надо нажать, что б появился «текстовый режим» ???
    у меня то ли обновленный ВордПресс, то ли «лыжи не едут» )))

    Пару лет назад редактор текста выглядел точно так, как вы и показываете, но сегодня — это что-то с чем-то (((

    Ответить

    1. Приветствую, Михаил!

      Вам необходимо установить плагин Classic Editor, он возвращает внешний вид редактора к тому, который был изначально. В пятой версии WP заменили его на какого-то непонятного монстра и многие негодуют из-за этого 🙂

      Ответить

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.