Как вывести HTMLЗдравствуйте,  друзья и читатели блога – Sozdaiblog.ru!

В данной статье Вы узнаете, как красиво вывести HTML, PHP  код в статье блога.

Каждому из нас, при написании различного рода материала на своём блоге, иногда требуется показать своим читателям  тот, или иной код в формате HTML или PHP.

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

Представьте себе, в середине страницы книги куча крокозябр. Читать такую книгу, я бы не стал.

У данной проблемы есть несколько решений, которые мы сейчас разберём.

Итак:

 

Как красиво вывести HTML,PHP коды в статье блога.

Для того, чтобы красиво вывести HTML код в статье блога, нам потребуется плагин — SyntaxHighlighter Evolved.

По-другому, он называется – «Подсветка синтаксиса».

Скачать его можно тут.

Затем, его нужно установить и активировать. Как это сделать, можно узнать, прочитав мою статью — “Как установить плагин WordPress».

У этого WordPress плагина, есть ряд настроек. Для редактирования этих настроек, Вам нужно зайти в админку WordPress => Настройки и из выпадающего списка выбрать => Подсветка синтаксиса.

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

Каких-то особенных настроек у него нет, и любой новичок разберётся без труда.

Единственное, на что можно обратить внимание – это то, что в самом низу настроек отображаются параметры вставки кода:

 

 

Говоря простым языком, Вы должны выбрать один из параметров, во время написания статьи переключиться в режим HTML-Редактор, вставить один из примеров, а внутрь поместить нужный для вывода код. Это не сложно, вот пример:

 

<script type="text/javascript" src="/imagesize.js"></script>

<div><img class="expando" src="/ИМЯ ВАШЕГО РИСУНКА.jpg" alt="Как красиво вывести HTML, PHP код в статье блога?" width="150" height="110" border="0" /></div>

 

Есть ещё один вариант вставки кода в блог без плагина.

 

Вставить HTML,PHP код в блог без плагина.

Чтобы вставить код в блог без плагина нужно в режиме HTML-редакторе поместить его внутрь вот такого кода:

 


<div style="overflow: auto; height: 80px; width: 450px; padding: 8px; border: 1px solid #ccc;">
<xmp>

ВСТАВИТЬ СЮДА ВАШ КОД
</xmp>
</div>

 

Вот, пример:

 

 

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

Надеюсь, каждый сможет для себя выбрать удобный ему вариант красивой вставки кода в статьи блога.

Ну а мне, остаётся только предложить Вам, подписаться на новые статьи и попросить задавать вопросы в комментариях.

С уважением, Денис Черников!