WP-Syntax — выводим код php, java, html в статье


Игорь Козлов | 2011-11-04 | 7 комментариев

Сегодня я продолжу тему плагиномании. На очереди плагин WP-Syntax. Что это за зверь такой, и в каком зоопарке ему место?

Чтобы понятнее было, можете посмотреть работу этого плагина в предыдущем посте. WP-Syntax дает возможность вывести в тело поста  коды php, html, java, сделать их нагляднымы. Имеющий уши уже услышал, что я только что сказал.

Теперь объясняю для танкистов... ))

Редактор в админке WordPress – всем редакторам редактор, но есть у него одно маленькое нехорошее свойство. Он на нюх не переносит любые другие коды, кроме html. Поэтому и обрезает их.

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

Между прочим, никто до сих пор не знает, куда исчезают из редактора, по неопытности, вставленные в него коды, скрипты. Такое впечатление, что они просто растворяются, но факт остается фактом.

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

Что же делать? Без плагина WP-Syntax не обойтись. Я уверен, что есть в Сети ещё подобные ему, но мне приглянулся этот, вот и пользуюсь им.

Кому нужен WP-Syntax

WP-Syntax нужен тем блоггерам, которые в своих постах любят рассказывать:

  • о вебмастеринге
  • сайтостроительстве
  • о работе плагинов

Такие посты невозможны без демонстрации синтаксиса кодов, скриптов и прочей абракадабры.

Как работает WP-Syntax

Принцип работы простой. Сейчас я вам расскажу, но прежде давайте сделаем стандартные, необходимые телодвижения:

  • зайдите вот сюда и скачайте плагин
  • разархивируйте и закачайте папку …
  • зайдите в админку, найдите плагин через панель «плагины»
  • активируйте его.
Читайте также:  Clearfy - плагин для wordpress!

Все. Никаких пультов управления у плагина нет, не ищите дополнительных кнопочек, WP-Syntax отличается скромностью и сообразительностью. А соображает он следующим образом…

Для того чтобы любой код стал наглядным в посте, нужно в редакторе HTML, (подчеркиваю, не в визуальном, а в HTML) в определенном вами месте, вставить вот такую строчку

<pre lang="LANGUAGE" line="1"> код </pre>
1. Где lang="LANGUAGE" – это выбор языка (java, php, html, xml, и др.)
2. line="1" – это строчка с которой начинается код ( если демонстрируется часть
кода определенного конкретного файла, указывается, чтобы облегчить
поиск кода)
3. код – САМ КОД

Вот и вся премудрость, но, как всегда в бочке меда есть маленькая ложка дегтя...

WP-Syntax - выводим код php, java, html в статье

Поскольку работа с  WP-Syntax ведется в html редакторе, обновлять страницу, делать её редактирование нужно именно в этом же положении. Как только вы переключитесь в визуальный редактор, весь ваш код снова исчезнет. (Вот засада) ЧТО ЖЕ ДЕЛАТЬ?

Как быть тому блоггеру, который в Html вообще не плавает?

WP-Syntax - выводим код php, java, html в статье

Один вариант решения проблемы – изучите html. Потратьте 3-4 часа своего времени, чтобы освоить «основные основы основной работы с html». Бесплатный Курс Евгения Попова — это самое ТО, что вам нужно.

WP-Syntax - выводим код php, java, html в статьеВторой вариант – это маленькая хитрость, для хитрых блоггеров. Всю работу по редактированию поста и его оформлению делаете в визуальном редакторе. Затем на последнем её этапе, переключаете редактор в вид html – ставите свой код (из-за которого весь этот сыр-бор) и публикуете.

В таком случае, последующие изменения (вдруг понадобятся) делаете в редакторе html.

Сложно? Нет. Если вы ориентируетесь в тегах html, тогда несложно.

WP-Syntax - выводим код php, java, html в статьеТретий вариант — для самых ленивых :). Ставите дополнительный плагин, который работает в паре с WP-Syntax, а именно — wp-syntax-button. Теперь, когда вы уже знаете, где лежит «ложка дегтя», попытаемся её вытащить из бочки.

Читайте также:  Карта сайта без плагина dagon-design

Скачайте плагин wp-syntax-button, установите его и у вас в визуальном редакторе появится кнопочка Code

WP-Syntax - выводим код php, java, html в статье

Волшебная кнопка. Она упрощает работу по оформлению поста. Теперь вставить код в пост проще простого:

  • в визуальном редакторе пишите (копипастите) код
  • выделаете его мышкой
  • нажимаете кнопку Code
  • выбираете из выпадающего списка пункта Select Language — язык
  • в line, если нужно, прописываете числовое значение.

Суть и назначение пунктов Select Language и line то же самое, что и в описанном ранее примере. По сути, wp-syntax-button, как бы автоматизирует процесс добавления кода на страницу, и визуальный редактор из «хирурга» превращается в «психотерапевта».

Какой из трех вариантов изберете вы, я не сомневаюсь, конечно, третий! Но ради эксперимента, попробуйте, поработать в html редакторе.

Итак, всю поднаготную выложил, осталось только применить.

Ну и напоследок, традиционный трубный зов:

WP-Syntax - выводим код php, java, html в статье

«Блоггеры всех стран! Изучайте html! Лишним – не будет. Пригодится, ой, как пригодится!»

Автор: Игорь Козлов
Чистый звук в мире инфобизнеса

Продажа статей через Текстсейл! - Копирайтингом я начал зарабатывать и это то, что приносит мне доход и по сей день!



Комментарии (7)

  1. Дмитрий:

    Спасибо отличная статья, пригодится.

    Ответить
  2. Natabul:

    Прочитала, но видимо, мне и все три варианта не подходят. Так и не поняла, для чего мне это нужно...

    Ответить
    • Игорь Козлов:

      И это нормально! Кому это нужно, тот с первого абзаца уже все понял.

      Ответить
  3. Jimmy:

    В русском языке нет слова «обрезывает». Если уж решились писать на этом языке, потрудитесь проверить текст хоть тем-же Word'ом.

    Ответить
    • Игорь Козлов:

      Как я рад, Jimmy, вашему комментарию! Кто меня ещё научит русскому языку, как не Вы! Спасибо. Я сейчас же исправлю свою ошибку. Замечание в тему. А вот интонация... Никуда не годится.

      И что-то подсказывает мне, что и Вы не без греха. В Вашем комментарии слово «тем-же» написано через дефис (?). Ну, это так, к слову. Меня это не напрягает.

      Ответить
  4. Владимир:

    Игорь, достойный ответ immy. В отношении статьи. Это мне пока не по зубам. Однако для общей эрудиции — полезно. Спасибо!

    Ответить
    • Игорь Козлов:

      WP-Syntax — не на каждом блоге нужен. Только тем блоггерам, кто объясняет технические фишки. Со мною иногда такое случается 🙂

      Ответить

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

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

WordPress: 44.58MB | MySQL:58 | 1,708sec