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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• зайдите вот сюда и скачайте плагин
• разархивируйте и закачайте папку …
• зайдите в админку, найдите плагин через панель «плагины»
• активируйте его.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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