mojwp.ru
Назад

Как вывести код внутри статьи на WordPress

Опубликовано: 17.08.2011
7
5027

как вывести код в статье wordpressИщите вариант как вывести в статье код? Все просто с плагином WP-Syntax для WordPress, который сделает это в красивом блоке.

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

Рассматриваемый плагин один из десятков аналогичных, но именно WP-Syntax чем-то привлек мое внимание и заставил его использовать на своих сайтах. По всей видимости простота работы и требуемый эффект.

Вот небольшой пример его работы:

© 2011- - 

К слову: данный код помещен у меня в футере (подвале сайта), что позволяет отображать возраст сайта от 2011 года до текущего. Через тире название сайта, которое прописано в соответствующих полях админки.

Скачиваем плагин с его домашней страницы и устанавливаем. Для тех, кто не знает, как можно установить плагин WordPress, есть Инструкция по установке плагина WordPress

Какие-то дополнительные настройки проводить не нужно: их попросту нет. Поэтому, сразу после активации WP-Syntax, Вы можете его использовать по назначению и он будет подсвечивать код.

Синтаксис таков:

 код 

где LANGUAGE это обозначение языка программирования, а line="1" это необязательный параметр, указывающий плагину включить нумерацию строк кода с указанного номера.

На момент написания статьи плагин поддерживал следующие языки:

abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

К особенностям плагина можно отнести способность преобразовывать HTML-коды символов в сами символы. Благодаря этому визуальный редактор не испортит вам код (при этом сами теги pre должны быть вставлены не в визуальном редакторе). Отвечает за это функция escaped="true".

Для тех, кто любит индивидуальность есть приятная мелочь - теперь можно настроить стили css с необходимыми цветами подстветки кода. Для этого ищем в /wp-syntax/geshi/geshi/ нужный Вам язык и меняем значения цвета.

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Марина Лазарева
    Опубликовано: 04.06.2012 Ответить на сообщение

    Попробую еще это вариант!

  • женя
    Опубликовано: 16.08.2012 Ответить на сообщение

    Спасибо за плагин, поставлю себе на сайт

  • allemiko
    Опубликовано: 10.01.2013 Ответить на сообщение

    а у меня что то код не подсвечивается,подскажите? как вставлять 🙂

    • Виталий
      Опубликовано: 11.01.2013 Ответить на сообщение

      в статье написано как в ставлять

      • Вася
        Опубликовано: 06.08.2015 Ответить на сообщение

        скажите пожалуйста. какие есть плагины чтобы вывести html код в том виде как он должен отображаться в драузере. но через редактор WP? я создал див блок с css стилями. но он не правильно выводится. подскажите пожалуйста как это можно сделать.

  • Юрий
    Опубликовано: 13.07.2013 Ответить на сообщение

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

    , никак не хочет игнорирует, код начинает работать.
  • 35stupenek.ru
    Опубликовано: 15.03.2016 Ответить на сообщение

    Все сделал как положено. Не подскажете как сделать так чтобы код выводился в несколько строк а не в одну?

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.