Меню

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

kak-vstavit-kod-html-v-statyu

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

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

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

Как вставить код html в статью без особых проблем

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

kak-vstavit-kod-html-v-statyu

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

kak-vstavit-kod-html-v-statyu-wordpress

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

kod-html-v-statyu

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

Комментарии к записи " Как вставить код html в статью (WordPress)"
Оставить комментарий
  1. Очень интересный плагин! Не знала, но думаю стоит присмотреться....

  2. Так себе этот плагин. Но альтернативы в принципе нет, так и мучаемся

    • Я нашла лучшую альтернативу: WordPress Rainbow Hilite, надо будет в статье сделать пометку, спасибо, что напомнили. WordPress Rainbow Hilite намного удобнее и функциональнее, попробуйте, я на него недавно перешла.

  3. Надежда, спасибо! Очень пригодилось!

  4. Надежда это опять я . Кнопочка code появилась Но вы написали вставить номер строчки. А какой номер. Я поставила от фонаря1 и ничего не получилось. Помогите, пожалуйста. http://prntscr.com/6l2b9f

    • Рита, я этот плагин заменила на более удобный, просмотрите статью alpha-byte.ru/wordpresso/plaginyi/wordpress-rainbow-hilite Я в верху своей статьи писала, что она устарела. Вы наверное не заметили.

Здесь вы можете оставить отзыв

* Текст комментария
* Обязательные для заполнения поля

Внимание: все отзывы проходят модерацию.