С недавних пор перестала бояться редактировать файлы своей темы, добавлять необходимые хаки для WordPress. Появилось желание делиться полученным опытом с теми, кто еще не разобрался. Однако никак не могла понять, как же все-таки прописать текст на языке программирования в теле статьи. Вордпресс упрямо выводила какие-то каракули вместо красивого кода.
Погуглив немного, разобралась, что решение проблемы элементарно: для этого существуют самые разные плагины, автоматически настраивающие стили, отвечающие за внешний вид выводимого текста. Готовы узнать, как вставить код html в статью (впрочем, любой другой на каком угодно языке программирования)? Тогда начинаем.
Как вставить код html в статью без особых проблем
Разработчики предлагают на выбор самые разные варианты осуществления ваших замыслов о том, как вставить код html в статью. Для меня главным критерием является простота использования плагинчика. Поэтому остановилась на весьма простеньком, но очень удобном WP-Syntax Button. Всем уже давно понятно, что нужно просто забить его название в поиске плагинов, зайдя в свою админку. После простеньких шагов установки и активации ко всем кнопочкам редактирования в визуальном режиме добавится еще одна, невероятно полезная:
Чтобы ею воспользовться, вставьте нужный текст, выделите его, нажмите волшебную кнопочку и — вуаля — открывается широкий выбор языков программирования:
Нажимаем на треугольничек, из длинного списка выбираем нужный нам HTML (правда там еще дописан длинный хвостик, не обращаем внимания), прописываем номер строки (Line Number), жмем Insert, наслаждаемся результатом (опубликованная статеечка будет содержать красивые строчки формата HTML) как например этот:
Отмечу: не все проходит гладко, если происходят глюки, никак не получается продолжить набирать текст после такой вставки (форматирование текста упрямо не хочет меняться на обычное), просто перехожу из режима визуально в режим текст набираю что мне нужно, глюков нет :) . Думаю, всем стало предельно ясно, как вставить код html в статью на WordPress, не испытывая особых затруднений. Успехов вам, друзья!
Очень интересный плагин! Не знала, но думаю стоит присмотреться....
Попробуйте, возможно пригодится :)
Так себе этот плагин. Но альтернативы в принципе нет, так и мучаемся
Я нашла лучшую альтернативу: WordPress Rainbow Hilite, надо будет в статье сделать пометку, спасибо, что напомнили. WordPress Rainbow Hilite намного удобнее и функциональнее, попробуйте, я на него недавно перешла.
Надежда, спасибо! Очень пригодилось!
Надежда это опять я . Кнопочка code появилась Но вы написали вставить номер строчки. А какой номер. Я поставила от фонаря1 и ничего не получилось. Помогите, пожалуйста. http://prntscr.com/6l2b9f
Рита, я этот плагин заменила на более удобный, просмотрите статью alpha-byte.ru/wordpresso/plaginyi/wordpress-rainbow-hilite Я в верху своей статьи писала, что она устарела. Вы наверное не заметили.