Вчера понадобилось вставить html код в пост WordPress моего блога, надо сказать по умолчанию он у меня нифига не вставлялся (точнее вставить то можно, просто воткнув его на вкладке «визуально», но при этом все кавычки превращались в кривые-косые, а все хтмл теги искажались). В общем суть вот в чем, потом вставив этот код туда, где он должен исполняться, он не будет действовать. Поэтому я решил написать статью о том, как вставить html, php код в пост WordPress блога.

Для наглядности приведу пример. Сделал вчера пару баннеров для своего блога. Ну и как следствие код этих баннеров понадобилось разместить для посетителей (вдруг кто скопирует да разместит у себя на сайте, хотя в этом я сильно сомневаюсь ) Вставляя в визуальный редактор обычный код с html тегами, получилась вот такая картина:

<a href=»http://westblog.ru/» target=»_blank»><img src=»http://images.westblog.ru/img/WestbloG-468×60.gif» border=»0″ alt=»" /></a>

Как видите все кавычки превратились в нестандартные, которые в последствии ни один браузер не сможет правильно прочитать. Все html теги также заменились спец символами – &lt;a, /&gt;&lt;/a&gt; и т.п. согласно кодексу WordPress: http://codex.wordpress.org/Writing_Code_in_Your_Posts

По традиции спросив у поисковиков не нашел решения своей проблемы. Хотя нет вру, нашел совет, который гласит о том, что вышеприведенный хтмл код просто надо вставить в HTML редактор и обрамить в теги <code></code> (то же к слову написано и в кодексе) Возможно этот совет кому-нибудь поможет и вам не придется парится и искать другое решение, как это пришлось сделать мне, так как у меня этом метод нифига не работал.

В общем помог плагин, который называется WP-Syntax. Установив его и активировав я смог таки вставить код так как мне нужно. После установки нужно всего лишь обрамить его кодом, также как и в случае с <code>

<pre lang="php">Здесь код. Пробелы в закрывающем теге уберите&lt; / pre&gt;

В результате получилось вот так:

<a href="http://westblog.ru" target="_blank"><img src="http://images.westblog.ru/img/88x31-WestbloG.gif" border="0" alt="" /></a>

То же можно сделать и с php кодом.

Ну а если вы только собираетесь сделать сайт, то рекомендую посетить ресурс for-net.ru, который как раз и посвятит вас во все технические моменты создания своего собственного интернет ресурса.

Связанные по заголовку статьи:

• 20.09.2012 -- Пересыщенность php скриптами замедляет загрузку (0)
• 15.05.2012 -- Стандарты оформления текстовой html карты сайта (1)
• 08.02.2012 -- Продвижение гостевыми постами (3)

Почитайте также похожие посты:

1. Как поставить редирект у домена с или без www Все здавствуйте. Сегодня вызнал еще одну причину почему гугл меня...
2. Создаем собственный шаблон на Wordpress Многие качают, так называемые фри шаблоны wordpress. И в принципе,...
3. Проблема с Platinum SEO Pack и All in One SEO Pack. Плагины не работают Всем приветик. Пару дней назад, при попытке активировать популярные SEO...
4. Собираюсь удалить лишние теги H1, H2, H3 Давненько я не писал в блог Осталось всего ничего, сдать...
5. Как добавить картинку напротив комментария в WordPress В этой статье речь пойдет о том, как же все...