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

 

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

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

1

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

1

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

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

 

Решение №1 

 

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

 

Решение №2

 

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

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

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

Далее «Обновить«, текст содержимой страницы или записи выровняется по ширине (если необходимо выравнять только часть текста, то делаем таким образом <div align=»justify»> текст который нужно выравнять по ширине  </div>)

 

 

Решение №3

 

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

Итак в файле каскадных таблиц стилей style.css нужно найти строку » #content { «, это можно сделать с помощью встроенной функции поиска, которая есть в любом браузере, нажмите Ctrl + F, вставьте в форму поиска «#content { «.

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

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

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

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

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

 

 




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

Комментарии
  1. Андрей пишет:

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

  2. admin пишет:

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

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

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

    ккккккккккккккккккккккккккккккккккккк
    ккккккккккккккккккккккккккккккккккккк

  4. admin пишет:

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

  5. ivan пишет:

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

  6. Елена пишет:

    Спасибо огромное!)

  7. Валери пишет:

    Круто

  8. Денис пишет:

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

  9. admin пишет:

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

  10. Юрий пишет:

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

  11. admin пишет:

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

  12. Наталья пишет:

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

  13. admin пишет:

    Всегда спасибо! =)

  14. Татьяна пишет:

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

  15. Татьяна пишет:

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

  16. admin пишет:

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

  17. Екатерина пишет:

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

  18. admin пишет:

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

  19. Михаил пишет:

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

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

    Как быть?

  20. admin пишет:

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

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

  21. Михаил пишет:

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

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

  22. admin пишет:

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


Жаркие приложения,по версии популярного сайта http://diska.net/ , чтобы улучшить вашу сексуальную жизнь.

Ваш комментарий


Ответ в цифрах

 
© s-engineer.ru, 2012-2017 | Все права защищены