WordPress выравнивание текста по ширине

Как выровнять текст по ширине в wordpress

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

Я долго бороздил по просторам интернета в поиске решения этого вопроса. В wordpress выровнять текст по ширине оказалось очень просто – читаем ниже.

Выравнивание текста через css файл

Входим в консоль управления сайтом.
Внешний вид → Редактор → style.css.
Ищем букву P и вставляем в фигурные скобки text-align: justify; как показано на картинке и обновляем файл.

Выравнивание через файл index.php и single.php

В этом же пункте находим 2 файла: single.php и index.php.
Находим , ставим перед ней 1 проголосовавших, средняя оценка: 5,00 )

23 комментария к “Как выровнять текст по ширине в wordpress”

Чото не канает! Есть еще способ какой нибудь?

Александр, должно работать. Уже появилась кнопка «выровнять по ширине» в обновленном вордпрессе.

Нужно открыть css файл шаблона и прописать jusify для параграфа p.

P.S. Кстати, у вас в статье кавышки некорректно отображаются Нужны такие «»

А можно словами объяснить — какие должны быть кавычки все-таки? Елочкой, как в кириллице, как здесь у всех получились, или все же 2 черточки, из латиницы? У меня ни так, ни сяк не заработало ( А выравнивать вручную лень все время

Спасибо огромное за этот пост, я месяц лазила по сайтам и не могла ничего найти, все ходят вокруг да около и толку ни какого. У вас я нашла что надо и за пару секунд сделала то, что так давно хотела. Только у меня с такими кавычками заработало «вот»

Воспользуюсь моментом и спрошу: в окошке добавления новой записи, там где основной текст пишется, окно сильно расширено, как мне это поправить? Заранее спасибо.

Здравствуйте, Ольга! Не понимаю, как расширено? Если у вас широкоформатный монитор, то и окно будет широкое

как хорошо что в моем шаблоне уже все как надо работает)) не люблю в кодах ковыряться

Здравствуйте, у меня на главной отображаются анонсы (цитаты) текст в них выровнен по левому краю, подскажите пожалуйста как текст в анонсах можно выравнять по ширине?

Денис, нужно проделать описанные выше действия в файле index.php. Но лучше в файле стилей css для абзаца (p) задайте выравнивание по ширине text-align: justify;

Пробовал и так и эдак, вставлял код в индекс.php в разные места у меня сайдбар под текстом оказывался строго по центру и футер по краям обрезало, через сss тоже не вышло
буду признателен если подскажете куда конкретно (и какой код) в индекс.рнр подставить.
Вот мой индекс.рнр

Денис, с таким кодом помочь не смогу..
А по css выдает ошибку или что?

В css подставлял ничего не меняется, может неправильно что делал

Записки инженера

Доступным языком заметки по IT технологиям

Выравнивание текста по ширине wordpress

Я полностью уверен, что начинающий разработчик сайтов рано или поздно столкнется с такой проблемой как выравнивание текста в странице (или записях) по ширине.

Не все версии WordPress позволяют выравнивать текст по ширине из встроенного редактора, даже скажу больше, было замечено что на некоторых движках WordPress версии 3.5 эта возможность была

а на не которых нет

Причина является для меня загадкой.

Так как выравнять текст по ширине? Я приведу два решения, первый для выравнивания на отдельных страницах, второй для выравнивания текста на всех страницах.

Решение №1

Как подсказал один из комментаторов данного поста, что достаточно выделить текст, который необходимо выровнить и нажать Shift + Alt + J.

Решение №2

В редакторе записей (или страниц) зайти на закладку «Текст»

Вставить в самом начале страницы:

а в самый конец:

Далее «Обновить«, текст содержимой страницы или записи выровняется по ширине (если необходимо выравнять только часть текста, то делаем таким образом

Решение №3

Заходим в «Внешний вид«, далее «Редактор«, справа в самом низу под «Стили» выбираем «Таблица стилей (style.css)«.

Вы должны найти что-то вроде:

где вместо * будут стоять числа.

Вставляем после margin следующею строку «text-align:justify;«

Должно получиться следующие:

Нажимаем «Обновить«. Теперь текст на всех страницах и записях выравнивается по ширине.

Вам будет интересно:

Буду признателен если вы поделитесь данным постом

Андрей пишет:

Спасибо огромное очень помогли

Пожалуйста, я всегда рад вас видеть на моем блоге.

подскажите пожалуйста а как уменьшить расстояние между абзацами типа такого:
ккккккккккккккккккккккккккккккккккк
ккккккккккккккккккккккккккккккккк

Зайти в Записи, далее выбрать нужную вам запись — нажать «Изменить», перейти на вкладку «Текст» и убрать между этими абзацами тег «
» или символ » «

Спасибо помогло, буду знать теперь данные теги

Добрый день Денис. По-моему ответ на ваш вопрос находится в посте выше)
Вам нужно найти файл style.css и отредактировать его согласно инструкции в посту.

Спасибо. И не думал, что все так просто. Иногда бесплатные темы не дают возможность играть по своим правилам. На этот раз все получилось.

Отлично!
Приходите еще на мой блог =)

большое человеческое спасибо.

Здравствуйте, воспользовалась первым способом, а кнопку Обновить не нашла. Только Сохранить. Сохраняю, и ничего не происходит. Что еще можно сделать? Второй способ боюсь.
А можно внести такие изменения, чтобы текст выравнивался по ширине по умолчанию?

Воспользовалась вторым способом. Сайт слетел. Теперь пытаюсь восстановить по резервной копии.

Татьяна я написал вам на почту, извиняюсь за долгий ответ.

БОЛЬШОЕ СПАСИБО. Очень помогли!

Всегда пожалуйста Екатерина! =)

Хочу использовать 3 вариант, но не могу найти #content <

В поиске показывает 0 результатов. Зато, если просто #content, то аж 184.

Добрый день Михаил. Возможно у вас немного странно написан файл стилей для вашего шаблона.

Наведите курсор на текст который вы хотите выравнять по ширине, правая кнопка мыши -> посмотреть код (или проинспектировать код, в каждом браузере по разному), в результате чего откроется отладчик кода. Посмотрите к какому div с каким id относится ваш текст на странице, далее найдите его как в вашем файле стиле (через редактор в панели администратора) и пропишите text-align:justify;
Если будут вопросы, свяжитесь со мной через страницу услуги, я вам подскажу.

Я так понял, что это способ для конкретного текста. Тогда проще по первому варианту. Хотелось сразу на все страницы настроить. Ну, не страшно. Спасибо за статью.

СМС — WordPess, WooCommerce, тема Divi.

Всегда пожалуйста, если будут вопросы, пишите.

Спасибо большое автору. Я уже давно хотела растянуть текст по ширине, но не доходили руки. А вот теперь отличное решение — это третий вариант. Если хотите, то можете зайти на мой блог и поглядеть. Обязательно поделюсь в соц сетях)))

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

Добрый день! Для этого надо использовать стиль к тексту. Т.е. как в решение №3, но добавить: line-height: 1.5;

1.5 — это параметр междустрочного интервала, увеличивая его вы увеличиваете интервал между строками.

Огромная благодарность автору за помощь. Способ N2 сработал на ура!!

воспользовалась вторым способом и сайт слетел

Добрый день Анастасия.

Что конкретно случилось?

Спасибо большое за Shift + Alt + J. Я не знала))

Благодарю за Shift + Alt + J
Просто и сразу по всем абзацам помогает!

Как сделать выравнивание текста по ширине в WordPress

Не так давно, перед блогерами возник вопрос, как сделать выравнивание текста по ширине в WordPress.После обновления до версии 4,7 — эта функция исчезла из панели визуального редактора.

Разработчики удалили кнопку выравнивания текста по ширине, посчитав её работу не всегда корректной. А посетители интернет ресурсов с удивлением заметили отсутствие привычного форматирования текста на многих сайтах.

Способы выравнивания текста

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

Существует несколько вариантов выравнивания текста в ширину. Рассматривать их подробно мы не будем, сделаем краткий обзор.

Выравнивание текста в html-коде

Вариант для тех, кто никуда не спешит и знаком с понятием html. Делаем выравнивание с помощью параметра align. В визуальном редакторе переходим на вкладку «Текст», где представлен html-код статьи. Помещаем абзац или весь текст в тег

Обязательно нажмите «Обновить».

При использовании тега

Автоматическое выравнивание

Способ очень хорош. Он производит выравнивание текста в автоматическом режиме. Но есть одно «но». Вы должны обладать достаточными знаниями для того, чтобы вносить изменения в таблицу стилей style.css.

В панели управления WordPress находим «Внешний вид»⇒ «Редактор»⇒ «Таблица стилей» (style.css).В этом файле необходимо вставить правило: p , для того, чтобы наш текст выравнивался по ширине. Сначала надо найти место, куда именно поместить данный код. Ищем букву р и вставляем в фигурные скобки text-align: justify;

После этого обновляем файл. Теперь весь опубликованный текст будет выравниваться по ширине автоматически.

Многие шаблоны настолько наворочены, что найти нужный фрагмент с буквой р , довольно сложно.

Самый простой способ выравнивания текста

Здесь вам ненужно особых знаний и навыков. Делается, до безобразия, просто. Идёте в визуальный редактор, выделяете написанный текст и нажимаете три клавиши «Alt + Shift + J». Всё, ваш текст выровнен.

Как сделать выравнивание текста по ширине в WordPress, мы рассмотрели. Выбирайте способ, который нравится, и применяйте на своём блоге. Будут вопросы – задавайте в комментариях.

Благодарю вас за то, что поделились статьей в социальных сетях!

8 Replies to “ Как сделать выравнивание текста по ширине в WordPress ”

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

Юрий,благодарю за отзыв!Я солидарна с вами в этом вопросе.

Все это очень полезная информация. Хорошо, что в интернете сейчас можно найти ответ на любой вопрос.

Спасибо за статью! На днях как раз задался таким вопросом. Выровненный контент по ширине смотрится куда более симпатично, но лазить в кодах как-то не очень охота.
А вот сочетание клавиш как раз кстати. Отредактировал уже две статьи на своем блоге. Интересно, почему убрали ту самую кнопку в редакторе. Для тех, кто не знает, как сделать другим способом, это проблема.

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

Очень полезная статья! Особенно для тех кто пользуется WordPress. На мой взгляд — это самое удобное что есть среди платформ для сайтов.

Форматирование текста. Как выровнять текст по ширине?

Home
WP Уроки
Форматирование текста. Как…

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

Как выровнять текст по ширине?

Согласитесь, что отредактированный и отформатированный текст более приятен для чтения, а как следствие и восприятия. У военных есть такое понятие как штабная культура оформления документов — своего рода совокупность требований предъявляемых к оформлению того или иного штабного документа. Так и блогеры при написании постов (документов) стараются придерживаться определенных правил (штабной культуры) в оформлении текса, чтобы как можно четко и ясно передать содержимое и тем самым повысить конверсию статьи. При форматировании своих постов с помощью визуального редактора, я столкнулся с проблемой выравнивания текста по ширине. Если Вы используете стандартный визуальный редактор Вордпресс, то должно быть заметили, что в панели инструментов редактора записей отсутствует соответствующая функция. На приведённом ниже изображении ясно видно, что в нашем распоряжении только три варианта выравнивания текста: по левому краю, по центру, по правому краю. Как же выровнять текст по ширине?

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

WP Ultimate Tinymce

Данные плагины значительно расширяют стандартный набор функций предустановленного визуального ( WYSIWYG ) редактора вордпресс в т.ч. и позволяют форматировать текст по ширине. Ну, а если Вы все таки всерьез задумались покорить Вордпресс , так сказать «вывернуть на изнанку» то как раз не будет лишним заглянуть под эту самую «изнанку» ( HTML код) при помощи HTML редактора. HTML код — это основа любой интернет странички, своего рода набор тегов и символов, который говорит вашему браузеру, что и как выводить на странице. Взгляните на картинку со стандартным редактором Вордпресс снова и в крайнем правом углу вы увидите надпись HTML . Это и есть переключатель в потусторонний мир вашего поста. На первый взгляд ничего не понятно! Но не спешите сдаваться, ведь как говорится в старой поговорке: Не так страшен черт, как его малюют. Дабы особо не углубляться в HTML предлагаю скачать бесплатные видеоуроки по HTML . Для отображения ссылок для скачивания видеоуроков укажите Ваше имя и имейл в приведенной ниже форме.

Вернемся к нашему вопросу. Как же выровнять текст по ширине. Так вот, если вы наберете какой-нибуть текст в визуальном редакторе и нажмете в панели иконку “выровнять по правому краю”, то переключившись в HTML редактор Вы увидите следующий код:

Соответственно для выравнивания текста по левому краю, Вам необходимо заменить значение « right » на « left » , а для выравнивания текста по ширене — на « justify » . Таким образом, HTML код будет выглядеть так:

Эти функции можно применить как к отдельному параграфу так и ко всему тексту. Для наглядности, вы можете посмотреть как выглядит текст, выровненный по левому краю и по ширене в отдельно взятом посте. Заметили разницу?

Также текст по ширине можно выровнять применив к тексту так называемые каскадные таблицы стилей (CSS). Этот способ может показаться более сложным, если у Вас пробел в области технологии CSS, но это всего лишь от незнания. Для убеждения приведу такой пример: Представте что у Вас есть блог со 100 постами (страницами) и Вам необходимо выровнять текс по ширине, а то смотри возможно со временем станет вопрос об изменении некоторых свойст текста (шрифта, размера, цвета и т.д.) преставляте сколько Вы убьете времени на редактирование каждого поста (страницы). И чтобы окончательно Вас убедить, что за CSS будущее веб технологий следует принять во внимание, что использование CSS значительно облегчает вес каждой странички (по-просту избавляет от лишнего кода), что в свою очередь весьна положительно сказывается на скорости загрузки Вашего блога.

Что бы разобраться как придавать посту (страничке) Вашего блога определенный стиль т.е. менять шрифт, цвет, размер текста, а также задавать фон, настоятельно рекомендую скачать бесплатно промо-курс по CSS и тчательно изучить и по возможности практически закрепить полученные навыки. Обладая минимальными знаниями в области CSS, Вы сможете творить чудеса не хуже любого веб дизайнера и Ваш блог будет оригинальным и привлекательным. Ответ на вопрос: Как форматировать текст по ширине при помощи CSS? Вы найдете в рубрике Уроки CSS.

Создание и раскрутка сайта от А до Я!

«HTML, CSS, JavaScript, PHP, MySQL, XML, Joomla, Регистрация сайта в Интернете, Раскрутка сайта»

Читать еще: Слить две таблицы в excel