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

Здравствуйте! Начал писать статьи для блога и сразу же столкнулся с тем, что сделать выравнивание текста по ширине в визуальном редакторе WordPress так же, как, например, в Word нельзя. Этого нельзя сделать потому, что нет соответствующей кнопки. Если даже скопировать текст, выравнивание которого по ширине сделано в текстовом редакторе Word, и поместить в визуальный редактор, текст все равно выровняется по левому краю.

Для тех, кто знаком с HTML проблема небольшая. Всего то и надо перейти из визуального редактора в текстовый и прописать в угловых скобках сразу за открывающим тегом P выделенный синим цветом код < p style=»text-align: justify;«>. После этого можно переходить в визуальный редактор и продолжать работу. Весь текст, который будет напечатан в этом абзаце, выровняется по ширине. Но всего этого можно не делать, если попробовать узнать, что скрывает кнопка со знаком вопроса.

Горячие клавиши в визуальном редакторе

Если в визуальном редакторе WordPress навести курсор на некоторые кнопки, то всплывает небольшое окошко, в котором указано сочетание клавиш, которое нужно нажать, чтобы получить такой же эффект как и от нажатия на эту кнопку. Это сочетание называется «Горячие клавиши». Следовательно, ищем сочетание клавиш и делаем с их помощью выравнивание текста по ширине. Далеко искать не надо. Достаточно нажать на кнопку со значком вопроса и перед вами полный перечень горячих клавиш для визуального редактора. Итак, теперь знаем, что выравнивание текста по ширине можно сделать сочетанием клавиш Shift+Alt+J. Код, приведенный выше, появится в текстовом редакторе сразу после нажатия клавиш автоматически без вашего участия.

Зачем дополнительные кнопки в визуальном редакторе

Если говорить о визуальном редакторе, то он явно разработан для тех, кто не владеет HTML. Это ведь очень удобно. Нажал на кнопку, а в текстовом редакторе появится правило в виде кода и, например, какая-то часть текста выделится жирным шрифтом или другим цветом. Для таких пользователей кнопки форматирования элементов страницы, имеют очень большое значение. В некоторых случаях, как я уже писал чуть выше, можно воспользоваться горячими клавишами, которыми можно выполнить выравнивание текста по ширине, напримерВыравнивание текста по ширинеКак по мне так эта кнопка особенно и не нужна, если знать горячие клавиши. Другое дело, что со временем это сочетание клавиш можно забыть и опять придется искать. Но кроме этой кнопки есть еще некоторые, которые, как минимум, не были бы лишними в визуальном редакторе, еще и потому, что горячих клавиш для них нет. Это, например, кнопки верхнего и нижнего индексов. Для тех, кто пишет статьи по техническим вопросам, они уж точно не будут лишними. Или, например, понадобилось какую-то часть текста написать другим шрифтом. Все эти вопросы можно порешать, если вставить в визуальный редактор дополнительные кнопки. Попробуем разобраться, как это сделать.

Куда устанавливать код для дополнительных кнопок.

Как уже многие знают после установки вордпресс на хостинг надо подобрать тему для сайта. Тем, на самом деле, очень много. Они делятся по различным признакам. Есть темы на строительную тематику, темы о музыке, природе, истории и прочее и прочее…

Каждая тема состоит из файлов. Их достаточно много, и все они написаны на языке PHP. Один из таких файлов нам и потребуется для того, чтобы добавить несколько новых кнопок в визуальный редактор. Этот файл называется functions.php. Надо создать новую функцию для установки дополнительных кнопок. Затем этот код вставить в  functions.php в самый конец файла перед закрывающим тегом   ?>.  В качестве примера я добавил три кнопки. Выравнивание текста по ширине, верхний и нижний индексы.

Выравнивание текста по ширине и другие кнопки,

Для того чтобы добавить кнопки в визуальный редактор надо написать функцию

<?php
function new_buttons() {
}
?>

На первый взгляд ничего непонятно. Давайте разбираться. Итак, мы хотим создать новые кнопки, поэтому имя функции пусть будет new_buttons (новые кнопки). В имени функции должно быть понятно, о чем пойдет речь. Написать имя функции можно, отделяя каждое слово нижним подчеркиванием, как это сделал я. Можно также записать одним словом, например, так: newBattons. В этом случае первое слово пишется с маленькой буквы, а все остальные с большой. Для того чтобы PHP понял, что это функция, впереди пишется ключевое слово function.

Функция, которую мы только что написали, абсолютно бесполезна. Она пока что ничего не может делать. Этот код можно рассматривать разве что, как шаблон функции.

<?php
function new_buttons($buttons) {
$buttons[] = ‘alignjustify’; // выравнивание по ширине
$buttons[] = ‘superscript’; //верхний индекс
$buttons[] = ‘subscript’; // нижний индекс
return $buttons; }

add_filter(«mce_buttons_2», «new_buttons»);
?>

Это окончательный вариант функции, которая добавляет в визуальный редактор три кнопки. В круглые скобки, сразу за именем функции, записываем параметр $buttons, а в фигурных скобках находятся инструкции. Если я правильно понимаю, они заключаются в том, что для каждой из написанных инструкций в визуальный редактор выводится кнопка (buttons). При нажатии на одну из них вызывается функция и выполняется инструкция по установке, например, верхнего индекса. После того как инструкция выполнена, все возвращается в исходное состояние командой return.

Все содержимое, между открывающим и закрывающим тегами надо установить в файл functions.php. Устанавливать надо между существующими в файле тегами <?php вставить перед закрывающим тегом в конец файла ?>

На этом всё. Удачи!

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *