Как добавить html-код в статью на сайте WorpPress


Мы уже рассмотрели ситуацию, когда нужно добавить демо-код в статью на сайте WordPress.

Также бывает, что статью нужно добавить фрагмент html-кода или шорткод без демонстрации его работы. Казалось, бы все очень просто – нужно заключить фрагмент кода в теги pre или code. Это правда и работает до тех пор, пока дело не дойдет до html-кода или шорткода, которые становятся исполняемыми. Например, попробуйте вставить такой код:
<h1> Пример заголовка </h1>

Даже заключив этот код в теги pre, вы увидите что-то вроде этого – в зависимости от темы, которую вы используете:

 

Пример заголовка

Согласитесь, это не совсем то, чего хотелось бы.
Первое, что приходит в голову – вставить на сайт картинку, содержащую html-код. Иногда это может стать единственным выходом.

Второй способ – сделать код невыполняемым. Для этого достаточно заменить открывающие < или [ на из ASCII коды, например, вот так(сейчас пришлось вставить картинку):

Результат:

 <h1> Пример заголовка </h1> 
Важно: вставлять ASCII код нужно только в текстовом режиме. Как только вы перейдете в визуальный режим редактирования, ASCII коды преобразуются в соответствующие знаки и код опять станет выполняемым.

Не факт, что это правильно, но это единственное решение, которое мне удалось найти. Переписка с премиум-поддержкой сайта не дала других результатов. Если вы знаете другое решение – поделитесь, пожалуйста, в комментариях


Комментировать