Всем привет! Сегодня речь пойдет о том, как вставить 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 код в любую статью.
Два описанных ниже плагина отлично работают сообща и не конфликтуют друг с другом, но я все же рекомендую Вам остановить свой выбор на одном из них, для того чтобы не загружать блог лишними модулями. Я остановил свой выбор на втором плагине.
Просто и красиво.
Плагины не несут большой нагрузки на ваш сайт, поэтому смело качайте и устанавливайте.
Удачи!
