Table of Contents
Форматирование текста в WordPress.
Как выровнять текст по ширине?
Согласитесь, что отредактированный и отформатированный текст более приятен для чтения, а как следствие и восприятия. У военных есть такое понятие как штабная культура оформления документов – своего рода совокупность требований предъявляемых к оформлению того или иного штабного документа. Так и блогеры при написании постов (документов) стараются придерживаться определенных правил (штабной культуры) в оформлении текса, чтобы как можно четко и ясно передать содержимое и тем самым повысить конверсию статьи. При форматировании своих постов с помощью визуального редактора, я столкнулся с проблемой выравнивания текста по ширине. Если Вы используете стандартный визуальный редактор Вордпресс, то должно быть заметили, что в панели инструментов редактора записей отсутствует соответствующая функция. На приведённом ниже изображении ясно видно, что в нашем распоряжении только три варианта выравнивания текста: по левому краю, по центру, по правому краю. Как же выровнять текст по ширине?
Форматировать текст в WordPress можно как посредством визуального редактора, так и при помощи HTML редактора. Если Вам ни к чему, а то и вовсе неохота разбираться в HTML коде и Вы привыкли использовать только визуальный редактор, тогда с целью ускорения редактирования постов, не будет лишним задуматься об расширении предустановленного визуального редактора Вордпресс. Сделать это можно при помощи соответствующих Вопдпресс плагинов:
- WP Ultimate Tinymce
Данные плагины значительно расширяют стандартный набор функций предустановленного визуального (WYSIWYG) редактора вордпресс в т.ч. и позволяют форматировать текст по ширине. Ну, а если Вы все таки всерьез задумались покорить Вордпресс, так сказать “вывернуть на изнанку” то как раз не будет лишним заглянуть под эту самую “изнанку” (HTML код) при помощи HTML редактора. HTML код – это основа любой интернет странички, своего рода набор тегов и символов, который говорит вашему браузеру, что и как выводить на странице. Взгляните на картинку со стандартным редактором Вордпресс снова и в крайнем правом углу вы увидите надпись HTML. Это и есть переключатель в потусторонний мир вашего поста. На первый взгляд ничего не понятно! Но не спешите сдаваться, ведь как говорится в старой поговорке: Не так страшен черт, как его малюют. Дабы особо не углубляться в HTML предлагаю скачать бесплатные видеоуроки по HTML. Для отображения ссылок для скачивания видеоуроков укажите Ваше имя и имейл в приведенной ниже форме.
- Скачать бесплатно промо-курс по HTML Download бесплатно промо-курс по HTML
- Скачать бесплатно промо-курс по CSS Download бесплатно промо-курс по CSS
- Бесплатный Видеокурс по основам HTML!
- Видеокурс по созданию профессиональных сайтов!
- Создание страниц для сайта и заработок на этом!
Вернемся к нашему вопросу. Как же выровнять текст по ширине. Так вот, если вы наберете какой-нибуть текст в визуальном редакторе и нажмете в панели иконку “выровнять по правому краю”, то переключившись в HTML редактор Вы увидите следующий код:
<p style=”text-align: right;”>ваш текст.</p>
Соответственно для выравнивания текста по левому краю, Вам необходимо заменить значение “ right ” на “ left ” , а для выравнивания текста по ширене – на “ justify ” . Таким образом, HTML код будет выглядеть так:
<p style=”text-align: justify;”>ваш текст</p>
Эти функции можно применить как к отдельному параграфу так и ко всему тексту. Для наглядности, вы можете посмотреть как выглядит текст, выровненный по левому краю и по ширене в отдельно взятом посте. Заметили разницу?
Также текст по ширине можно выровнять применив к тексту так называемые каскадные таблицы стилей (CSS). Этот способ может показаться более сложным, если у Вас пробел в области технологии CSS, но это всего лишь от незнания. Для убеждения приведу такой пример: Представте что у Вас есть блог со 100 постами (страницами) и Вам необходимо выровнять текс по ширине, а то смотри возможно со временем станет вопрос об изменении некоторых свойст текста (шрифта, размера, цвета и т.д.) преставляте сколько Вы убьете времени на редактирование каждого поста (страницы). И чтобы окончательно Вас убедить, что за CSS будущее веб технологий следует принять во внимание, что использование CSS значительно облегчает вес каждой странички (по-просту избавляет от лишнего кода), что в свою очередь весьна положительно сказывается на скорости загрузки Вашего блога.
Что бы разобраться как придавать посту (страничке) Вашего блога определенный стиль т.е. менять шрифт, цвет, размер текста, а также задавать фон, настоятельно рекомендую скачать бесплатно промо-курс по CSS и тчательно изучить и по возможности практически закрепить полученные навыки. Обладая минимальными знаниями в области CSS, Вы сможете творить чудеса не хуже любого веб дизайнера и Ваш блог будет оригинальным и привлекательным. Ответ на вопрос: Как форматировать текст по ширине при помощи CSS? Вы найдете в рубрике Уроки CSS.
|
