Выводим код в статье блога и выделяем участок текста

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

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

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

Просто каждый судит со своей колокольни, думают что раз они понимают, о чем пишут, значит и все должны понимать.

Ан нет ребята, за такими информациями приходят в основном новички.И им нужно разжевать и в рот положить, что я и стараюсь делать.

Да уж, длинное предисловие вышло, но я о своем о наболевшем, просто сам бывает до сих пор втыкаюсь))))

В этой статья я расскажу как выводить код в статье, ну а также как выделить важный участок текста в статье

Выводим код в статье блога

Для начала нам нужно установить и активировать плагин Wp-syntax. Ну а как устанавливать плагины, вы можете почитать:

ЗДЕСЬ

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

<pre lang="LANGUAGE" line="1"> здесь ваш код </pre>

Заместо LANGUAGE, вы указываете язык вашего кода (PHP, HTML, Javascript и т.п.) Ну а line= здесь вы можете сделать без нумерации.

Ну и посмотрите что у нас получилось.

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

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

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

Здесь вам нужно выставить язык вашего кода и если нужно номер строчки и нажимаем «Insert»
И любуемся своим произведением.
Конечно удобно, но я обхожусь одним плагином, что бы не создавать лишнюю нагрузку на движок.

Плагин Crayon Syntax Highlighter для вывода кода

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

Это плагин Crayon Syntax Highlighter, мне про него подсказал Мой друг и знакомый блогер Андрей Косолапов.Спасибо ему за это.

Устанавливаем и активируем плагин.В Админке блога в Настройках появляется ссылка Crayon.Переходим по ней и настраиваем под себя плагин

Теперь чтобы у нас симпатично выглядел код.Нам просто нужно выделить код и нажать на ссылку<> в визуальном редакторе.Отмечено стрелкой на скрине

После того как нас перекинуло на страничку, там нам нужно вставленный код сохранить.Стрелкой на скрине все показано

А теперь заходим на блог и смотрим что у нас вышло

Все отлично получилось и вам удачи

Выделяем важный участок текста в статье

Есть множество способов выделения важного участка в статье.Я уже писал парочку статей про это.Кому не охота заморачиваться, могут воспользоваться плагинами, прочитайте в этой:

СТАТЬЕ

Но есть также интересный способ выделения, с помощью кода, почитайте:

ЗДЕСЬ

А я сегодня предоставлю вам парочку интересных кодов и их результаты.
Для на чала нам нужно зайти в Редакторе в файл (style.css) и в самом конце вставить вот этот код:

Сохраняемся и идем в редактирование статьи.Там нам нужно в режиме HTML, обвязать нужный нам участок вот этим кодом:

<blockquote>Важный участок текста</blockquote>

В особенностях некоторых тем, можно просто выделить участок текста и нажать на цитату в редакторе. И вот посмотрите что вышло у меня.

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

ovo unblocked

 

И вот результат, что у меня вышло

Ну в принципе не сложно и со стилями поиграться.Но это на усмотрение каждого.
А на этом я закругляюсь.
Удачи всем.

С Уважением, Игорь Александрович