X
    Categories: Создание сайта

Плагин Wp-syntax — как вывести HTML, PHP и другой код в статье wordpress?

Приветствую, друзья!

Сегодня короткий пост о том, как красиво выводить Javascript,  PHP и Html код в теле заметки, чтобы это выглядело красиво и читатели легко его могли скопировать и использовать для своих целей. Для вебмастеров, которые пишут о создании и раскрутке блога,  плагин Wp-syntax является очень полезным.

Ранее я без него мог обходиться, теперь в постах приходится часто отображать коды и удобство для читателей выходит на первый план, я поискал лучшее решение и нашёл его – это установка плагина Wp-syntax и дополнения к нему WP-Syntax Button.

Все дело в том, что при помощи редактора WordPress (“Текст” или “Html”) код опубликовать не получится, его при публикации просто не будет. Если же напечатать код в “визуальном редакторе”, то  подача кода к тексте заметки будет следующая:

 Согласитесь, не весьма красиво и довольно не удобно копировать код в таком виде, а если учесть, что любой лишний знак или пробел, может создать проблемы на блоге, то и необходимо установить плагин, о котором пойдёт речь. Для чего необходим плагин Wp-syntax рассказал, теперь поговорим про его установку и использование.

Выводим PHP и HTML код в тексте страницы с помощью плагина Wp-syntax

Скачать плагин можно с официального сайта по ссылке , после этого заходите в адинку блога => Плагины=>  Добавить новый => Загрузить и указываете путь к архиву, который вы загрузили ранее. После этого плагин необходимо активировать и можно красиво подавать коды в заметках, вот как это выглядит:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

При этом есть одно маленькое “но”…Для вывода кода его необходимо отображать следующим образом, перейдя в редакторе в режим HTML (обязательно!):

<pre lang="LANGUAGE" line="1"> тут ваш код </pre>

Где, соответственно,

— вместо фразы  “тут ваш код” вы вставляете свой фрагмент кода html, php или иной;

Line — возможность добавления строк;

— нумерация строк начинается с единицы – 1.

Для тех, кому это делать не сложно, оставляйте всё как есть и пользуйтесь плагином Wp-syntax.

Если хотите еще облегчить себе задачу, то вам необходимо установить еще один плагин Wp-syntax button ( скачать по ссылке ). Он выводит кнопку “Code” в визуальный редактор, вот так:

Если вы установите Wp-syntax button, то в этом случае вам не нужно переходить в Html редактор для выделения кода в тексте.

Просто в визуальном редакторе выделяете код, требующий выделения и нажимаете “code”, после этого вы можете увидеть вот такую табличку:

Далее вам нужно выбрать в категории “Select Language” язык программирования, к которому принадлежит код, который вы хотите отобразить красиво при помощи плагина.

Далее в графе “Line Number” по желанию можно поставить цифру, с которой будет начинаться нумерация в выводимом коде.

Например, вот так:

В завершении маленький, но очень важный совет:

[note]

Помните!

Чем больше плагинов вы используете, тем больше нагрузку ваш сайт дает на сервер. Обязательно взвесьте все “за” и “против”, прежде, чем установить еще один плагин на свой блог.

[/note]

Думаю, что при помощи плагинов Wp-syntax и Wp-syntax button у вас получится красиво выводить в заметках различные коды и это будет удобно вам и вашим читателям.

Надеюсь,  данная статья будет вам полезной и поможет красиво оформлять материал в заметке.

Напоминаю, что скоро на блоге стартует новый марафон кроссвордов “Эрудит — 4”, чтобы не пропустить его , подпишитесь на рассылку (сверху справа введите свое имя и e-mail) или на новости блога . Жду ваши пожелания, предложения, темы для кроссвордов, варианты призов.

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

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

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

вставить html код в статью вордпресс без плагина

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

До встречи!

Интересные статьи по данной теме:

Плагин “заплати лайком”, установка, настройка, использование

Как провести опрос на блоге без плагина

Создаем меню автозапуска при помощи AutoPlay Media Studio

Работа в интернете без вложений – моя правда

Как правильно брать интервью

 

С уважением, Вилков Николай

Хотите в числе первых узнавать о новых статьях и курсах?

Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!

Николай Вилков :