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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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