Как вставить html код на сайт

Всем привет! Сегодня речь пойдет о том, как вставить html код на сайт?

У нас будет очень интересный урок. Мы с вами научимся вставлять html код в статьи нашего сайта. Совсем недавно я установил один замечательный плагин, который позволяет все это осуществить в кратчайшие сроки.

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

Рад представить вам новый плагин.
Помимо простоты, вы видите подсветку кода, знакомую нам из программы Notepad++, что также очень красиво смотрится.
Вставка кода очень простая!
Итак, что нам нужно сделать для того чтобы иметь возможность вставлять html или php код данным методом.

Устанавливаете и активируете плагин WP-Syntax через вкладку Плагины — Добавить новый.
Далее поступаете, также как и со всеми прочими плагинами.
Для этого плагина есть дополнение, которое упрощает вставку кода и позволит нам вставлять код одним нажатием соответствующей иконки.

Устанавливаем плагин: WP-Syntax Button
Дополнительных настроек, они не требуют!
Теперь если мы зайдем в визуальный редактор, нашего текста, мы увидим новую иконку code.
Она то и позволит нам вставлять код одним движением руки. Как это осуществить?

Вставляем необходимый нам код в нашу статью, затем выделяем его и жмем на новую иконку CODE. В появившемся окне выбираем язык (php,html, сss или любой другой) и жмем на кнопку INSERT.
Все готово наш код вставлен. Прокрутка добавляется самостоятельно, если размер кода превышает размеры страницы.

Так-же отличной альтернативой данному плагину является еще один плагин WordPress — Crayon Syntax Highlighter. Скачать его последнюю версию можно, вставив в браузер следующую ссылку- https://wordpress.org/plugins/crayon-syntax-highlighter/.
Данный плагин устанавливается также как и все остальные плагины, не требует никаких настроек. После его установки в вашем визуальном редакторе появится следующая кнопка. Нажав по которой можно без проблем добавить html код в любую статью.

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

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

Удачи!

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.