Как вставлять коды всех мастей в статью wordpress. Плагин wp-syntaxhighlighter

Вставить код в статью wordpressПривет, читатели и посетители  блога. Бывают ситуации, когда на блог нужно вставить код: html, css, php и еще бог знает каких языков программирования.

До сей поры я просто копировала вставляла код в визуальном редакторе wordpress. Код был некрасивый, а иногда неправильный, потому что появлялись лишние пробелы или кавычки не того вида которые были нужны. В результате код  часто не работал. Я выходила из положения так: давала ссылку на скачивание файла.

Можно сделать все гораздо красивее и профессиональней.

Сегодня я научу вас, как вставлять коды в статью wordpress. В этом нам поможет плагин wp-syntaxhighlighter. 

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

Что для этого необходимо:

Зайти в консоль (админку) и во вкладке плагины выбираем добавить новый. Потом загрузить установить и активировать.

 Загружайте плагин только с сайта разработчика или поиском в консоли. Достаточно ввести название плагина и нажать кнопку «Enter». 

Дело в том, что мной  проверено  много версий этого плагина, но работает на старых и новых версиях WordPress именно эта, «WP SyntaxHighlighter версия 1.7.3»

Хотя плагин не обновлялся давно, у меня он прекрасно работает.  Сделайте, как пишу,  у вас проблем не будет и «кнопочка» появится.

Далее: загрузите, установите и активируйте. И так плагин  установили и теперь двигаемся дальше.

плагин wp-syntaxhighlighter.1.7.3

В меню, в «консоли» блога у вас появится название плагина, это значит, что он установлен и теперь нужно его правильно настроить. Хотя можно использовать настройки «по умолчанию» и ничего не менять. Настроек немного. Смотрим скриншоты.

настройки плагина wp-syntaxhighlighter.1.7.3

Настраиваем плагин по своему усмотрению.

 продолжаем настройки wp-syntaxhighlighter.1.7.3

Продолжаем настройки.

ставим галочки в настройках

Все галочки ставьте, как сам решите.

Сохраняем настройки

Не забываем сохранять. И вот такая красота получается.

 скриншот кода

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


На этом все. Удачи и успехов! Пишите комментарии.Podpis 

C уважением, Рита Молчанова, автор блога ritabk.ru

  • Denis

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

    [Ответить]

    Рита Молчанова Reply:

    Ну да вот пришлось после долгих мучений со скриптом поставить плагин.

    [Ответить]

  • геннадий

    Плагин просто супер! Но на моем сайте неуместен, поэтому его не использую

    [Ответить]

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

    Хороший плагин, после длительных исканий вы остановились на нем? Хороший вариант, если скрипт не корректно срабатывает…

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

  • Надежда Давыдова

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

    [Ответить]

    Рита Молчанова Reply:

    Да уж, Надежда, помучившись изрядно все- таки на нем остановилась.

    [Ответить]

  • Андрей Косолапов

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

    [Ответить]

    Рита Молчанова Reply:

    Андрей видимо ты давно эту статью написал. А подписалась я позже. Вот так бывает.

    [Ответить]

Остались вопросы? Напишите на E-mail: mol4anovamargo@yandex.ru