Как красиво выводить код в статьях блога так, как это делают профессионалы?

Здравствуйте коллеги и друзья! Сегодня я установила еще один плагин. Долго я сопротивлялась, но все-таки сдалась, потому что есть большое желание демонстрировать для вас программный код не в спойлере или заключая в цитату, а при в аккуратном блоге для кода.

kak-vyvodit-kod-v-statyakh

Чтобы выводить программный код нам потребуется плагин. Чтобы его установить переходим в административный раздел wordpress. Открываем раздел для поиска нового плагина. В поле поиска вводим название плагина «wp syntax».

WordPress осуществляет поиск и перед нами в первой строке появляется нужный нам плагин.

synt

Нажимаем на кнопку для установки и подтверждаем наши действия. После установки плагин активируем.

Демонстрация работы

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

<pre lang=»html4strict»>
<div class=»content»>
<p>Привет, пользователь!</p>
</div>
</pre>

<pre lang=»css»>
.test{
margin-top: 20px;
}
</pre>

<pre lang=»javascript»>
console.log(‘Привет, пользователь!’);
</pre>

<pre lang=»php»>
<?php
echo «Привет, пользователь!»;
?>
</pre>

Давайте на примере посмотрим как это работает.

Для начала создадим новую тестовую запись и в режиме «текст» и просто вставим весь код целиком. Сохраним изменения и посмотрим на то, что у нас получилось.

test-koda

Наши четыре блока обозначены тегами pre. Каждый из этих кодов отвечает за определенный язык программирования. Первый отвечает за вывод html, второй за вывод css-кода, у третьего атрибут javascript и четвертый отвечает за выведение php-кода.

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

Затем выбранный блок необходимо скопировать в режиме текстовой правки и между тегами <pre>……<pre> вставить исходный код, который вы хотите вывести на своем блоге. Перед тем как вставить свой код не забывайте удалить старый.

pre

Надеюсь, что информация была и нужной, и полезной. Пока писала статью и сама плагин установила. А то некоторые «заумные» пишут, что не могут смотреть на программные коды, размещенные без плагина сплошным текстом.

Придется оформлять красиво! Не терять же из-за этого посетителя!

С уважением к коллегам и просто случайным посетителям, Наталья Краснова.

P.S. Чуть не забыла. Один посетитель, мимоходом поинтересовался у меня, как идут продажи планшета в соц. сети вконтакте. Для тех кто не поймет о чем речь, читайте здесь. На сегодняшний день СТР составляет 0,018. Показов 61343 и всего 11 переходов. Заработано 480 рублей при затратах в 43 рубля на рекламу. Как будут дальше развиваться события я не знаю. Предлагаю подписаться на обновление блога.

 

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: