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

От:

Многие начинающие блогеры наверняка обратили внимание, что в текстовом редакторе популярного движка WordPress отсутствует кнопка «выравнивание текста по ширине». 

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

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

  1. Добавить код в текст статьи.

Переходим в текстовом редакторе на вкладку «Текст» и всё содержимое заключаем в следующий тег:

<div align=«justify»>

Много текста

</div>

Осталось нажать «Обновить» и вся статья выровняется по нашему желанию.

  • Использовать горячие клавиши.

Пожалуй, это простейший способ решения проблемы. Выделяем абзац, который нужно выровнять (или же просто ставим в нём курсор) и одновременно нажимаем на клавиатуре Alt+Shift+J.

  • Вернуть в редактор кнопку «По ширине».

Возвращать будем сразу две кнопки, т.к. подчёркивание тоже было удалено.

Переходим к редактированию темы: «Внешний вид» — «Редактор». Выбираем файл function.php и добавляем в него код:

function wph_restore_buttons($buttons) {

$buttons[] = ‘underline’;

$buttons[] = ‘alignjustify’;

return $buttons;

}

add_filter(‘mce_buttons_2’, ‘wph_restore_buttons’);

Теперь у вас всегда будут под рукой эти «пропавшие» кнопки. Единственное неудобство – они появились не на своих местах, но думаю, это не критично.

  • Восстановление кнопок с помощью плагина.

Да, если есть спрос – будет и предложение. Переходим по ссылке: Re-add text underline and justify и скачиваем плагин.

Устанавливаете плагин также, как и любой другой: «Плагины» — «Добавить новый» — «Загрузить из файла» — «Обзор» — Указать путь к архиву – нажать «Установить». Когда файл загрузится и установится, нажимаем «Активировать».

Всё – кнопки добавлены.

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

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

Переходим в администраторской панели по пути: «Внешний вид» — «Редактор» — открываем файл style.css.

Находим в тексте букву «р» и вставляем после неё код:

{ text-align: justify; }

Текст должен быть в фигурных скобках. По окончанию нажимаем «Обновить».

  • Редактирование файлов index.php и single.php

Делаем то же самое, но через другие файлы темы.

«Внешний вид» — «Редактор» — single.php.

Найти

<?php the_content(); ?>

и заключить эту запись между тегами

<div align=«justify» и </div>.

Не забываем Обновить.

Так же второй файл:

«Внешний вид» — «Редактор» —  index.php

Ищем такую же строчку, заключаем в те же теги.


Комментарии закрыты