Форматирование текстов WordPress

Форматирование текстов WordPress в статьях, страницах, виджетах

От автора

Привет! В уроке о создании статей я лишь слегка коснулся возможности форматирования текстов в редакторе WordPress. Мне показалось, что схожесть кнопок редактора с кнопками редактора Microsoft Word не требуют особых пояснений. Однако оказалось, что это не так и отдельные моменты форматирования WordPress нужно уточнить.

Форматирование текстов

Напомню, что форматирование текстов это изменение их внешнего вида. Проводится форматирование (по сути, это  оформление текстов), специальными тегами HTML разметки или кнопками визуальных редакторов.

На WordPress оформить текст можно обоими способами. Работают, как теги HTML разметки, так и кнопки редактора.

  • Теги работают, если окно редактора переключить в режим «Текст» (текстовой редактор).
  • Визуальный редактор WySiWig работает, если окно редактора переключить в режим «Визуальный».
  • По умолчанию, на WordPress используется редактор TinyMCE.

Кнопки визуального редактора

По умолчанию, в визуальный редактор WordPress добавлено 9 кнопок форматирования текстов. Кнопки расположены в два ряда. Нижний (второй) ряд кнопок по-умолчанию скрыт.

один ряд кнопок редактора

Форматирование текстов WordPress в статьях

Чтобы начать форматирование статьи (поста) WordPress, зайди на вкладку Записи >>Добавить новую или Записи>>Опубликованные >>Все сообщения и выбери пост, который ты хочешь отредактировать.

Значки форматирования, добавленные в редактор сообщений WordPress, расположены в два ряда. По умолчанию второй ряд кнопок скрыт. Чтобы его открыть нажми крайнюю кнопку первого ряда.

кнопки в два ряда

Все кнопки подписаны.

кнопки подписаны

Первый ряд кнопок

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

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

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

Значок кавычки является блоком цитаты. По умолчанию это добавит отступы, и текст будет выделен курсивом.

Примечание: твоя тема WordPress может менять внешний вид цитаты.

Далее кнопки параметров выравнивания текста. Ты можешь выбрать выравнивание влево, по центру или выровнять по правому краю.

Кнопка ссылка, позволяет быстро создать ссылку.

Кнопка ссылка

Следующий значок more это тег вставки формирования анонса текста. Этот тег отсечёт часть текста, для её показа в архивах сайта и на главной странице, в качестве анонса. По умолчанию, за анонсом будет ссылка «Читать дальше».

Следующая кнопка полноэкранный режим. Нажимаешь кнопку, маленький экран редактора превращается в большой экран без полей и виджетов. Чтобы выйти из полноэкранного режима нажми «Esc» или кнопку «выйти из …».

Второй ряд кнопок редактора

По умолчанию, второй ряд кнопок редактора скрыт. Чтобы его открыть нажми крайнюю кнопку первого ряда.

Здесь ты можешь:

Добавить в текст, стили заголовка H1–H6: Просто выделить заголовок и нажать стиль заголовка h1-h6.

заголовки

Подчеркнуть текст: выделить текст и подчеркнуть его.

Изменить цвет выбранного текста: Выделяете текст и меняете его цвет.

Изменить цвет выбранного текста

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

Далее значок в виде ластика. Называется «Очистить форматирование». Этой кнопкой ты можешь очистить формат Word выделенного фрагмента текста.

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

Произвольный символ

Произвольный символ

Уменьшить отступ: Двигает выделенный текст влево.

Увеличить отступ: Двигает выделенный текст вправо.

Отменить команду назад: Возвращает редактор на шаг назад, после совершенного действия.

Отменить команду вперед: То же, только вперёд.

Горячие клавиши (знак вопроса): Здесь справочная таблица горячих клавиш визуального редактора. На рисунке полная шпаргалка по горячим клавишам WordPress редактора.

Горячие клавиши

Оформление текстов WordPress на страницах

Чтобы оформить текст на странице сайта войди на вкладку Страницы>>Добавить новую или выбери для редактирования страницу из списка страниц на вкладке Страницы.

Редактор страниц не отличается от редактора записей.

Форматирование виджетов

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

виджет редактор
форматирование текстов WordPress в виджетах

Вывод

Несмотря на свою невзрачность, классический визуальный редактор WordPress TinyMCE позволяет осуществлять необходимое форматирование текстов WordPress в статьях, страницах, виджетах быстро и просто.

©WPkupi.ru

Еще статьи

Похожие посты:

1 комментарий к “Форматирование текстов WordPress в статьях, страницах, виджетах”

  1. Обыденные требуемые изделия под жилья, парка, автомобиля плюс заурядных тревог, которыми люди занимаетесь изо дня в день имеются по онлайн-источнике простых к тому же скорых приобретения Ночник-проектор Мечта . Веб- магазин преподносит специально для покупателей уникальную ресурс заказать полезные товары в вполне демократичными деньгами по касательно совместно сбытием общего склада. На сервере магазина реально выбрать высокопробные товары специально по бонуссам совешенно для свою близких, все лидеры покупок по существования покупатели могут анализровать по пункте красоты также здоровья, подарки специально под новый год, для малышей, поездки, похода, раздел техника, дачный участок или апартаменты. Здесь легко добавить покупки из акцией к 80% также извлечь на наличие бонусную снабжение. Наша компания определенная, что именно в нашем магазине покупатели найдете кардинально все, которое https://tv-pokupka.ru/ необходимо иметь сегодняшнему человеку. Заходите затем добавляйте вполне надобные вещи за низкими стоимостью.

    Ответить

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

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