http://wm-monitoring.ru/ ')) {alert('Спасибо за то что установили нашу кнопку! =)');} else {alert('Очень жаль! =(');}"> http://wm-monitoring.ru/

Как вставить код html в статью

Опубликовано: 13.09.2017

видео Как вставить код html в статью

Как вставить HTML код в статью

Статья устарела. Есть намного более лучшее решение: WordPress Rainbow Hilite, попробуйте, отличный функционал.


Как вставить HTML-код к себе на сайт?

С недавних пор перестала бояться редактировать файлы своей темы, добавлять необходимые хаки для WordPress. Появилось желание делиться полученным опытом с теми, кто еще не разобрался. Однако никак не могла понять, как же все-таки прописать текст на языке программирования в теле статьи. Вордпресс упрямо выводила какие-то каракули вместо красивого кода.


Как вставить любой код в статью или модуль

Погуглив немного, разобралась, что решение проблемы элементарно: для этого существуют самые разные плагины, автоматически настраивающие стили, отвечающие за внешний вид выводимого текста. Готовы узнать, как вставить код html в статью (впрочем, любой другой на каком угодно языке программирования)? Тогда начинаем.

Разработчики предлагают на выбор самые разные варианты осуществления ваших замыслов о том, как вставить код html в статью. Для меня главным критерием является простота использования плагинчика. Поэтому остановилась на весьма простеньком, но очень удобном WP-Syntax Button. Всем уже давно понятно, что нужно просто забить его название в поиске плагинов, зайдя в свою админку. После простеньких шагов установки и активации ко всем кнопочкам редактирования в визуальном режиме добавится еще одна, невероятно полезная:

Чтобы ею воспользовться, вставьте нужный текст, выделите его, нажмите волшебную кнопочку и — вуаля — открывается широкий выбор языков программирования:

Нажимаем на треугольничек, из длинного списка выбираем нужный нам HTML (правда там еще дописан длинный хвостик, не обращаем внимания), прописываем номер строки (Line Number), жмем Insert, наслаждаемся результатом (опубликованная статеечка будет содержать красивые строчки формата HTML) как например этот:

Отмечу: не все проходит гладко, если происходят глюки, никак не получается продолжить набирать текст после такой вставки (форматирование текста упрямо не хочет меняться на обычное), просто перехожу из режима визуально в режим текст набираю что мне нужно, глюков нет :) . Думаю, всем стало предельно ясно, как вставить код html в статью на WordPress, не испытывая особых затруднений. Успехов вам, друзья!

Карта
rss