Как воткнуть код на веб-сайт WordPress

Как воткнуть код на веб-сайт WordPress
Желаете выяснить, как воткнуть код на веб-сайт WordPress проще всего , чтоб его можно было скопировать прямо из статьи?Мне захотелось с этим разобраться.Когда ведешь собственный веб-сайт на CMS (движке) WordPress, то приходится повсевременно его улучшать и добавлять для себя новые и полезные функции, которые встречаются на других схожих блогах.Отставать нельзя!Для этого время от времени требуется редактировать шаблон WordPress и вставлять туда дополнительный код. Но ведь, в случае смены шаблона, эти корректировки придется проводить поновой.Потому, чтоб облегчить задачку своим читателям, я решила разобраться, как воткнуть код на веб-сайт WordPress, чтоб его могли просто скопировать все желающие.Прочел советы блогеров на данную тему.Многие ссылаются на плагины:WP Syntax в связке с WP Syntax Button;SyntaxHighlighter Evolved;Auto SyntaxHighlighter.Нашёл описание, как воткнуть код и без плагина.

Для этого ранее использовали тег xmp (открывающий и закрывающий). Но на данный момент он устарел, и заместо него в HTML советуют использовать тег pre (открывающий и закрывающий).Но воткнуть программный код в статью только при помощи особых тегов pre либо xmp у меня не вышло.

Пробовала и в контейнер div их помещать. И копировала полную фразу с веб-сайтов, которые это рекомендовали.Опыт не удался.

Код при редактировании в режиме HTML не сохранялся. При переключении вкладок (Зрительно/Текст) он просто исчезал из текста статьи. Почему-либо это не срабатывает.

Кто знает, напишите.Попалась на глаза информация, что это можно сделать только после установки плагина WP Syntax. Т.е. все равно без плагина не обойтись.

Версия WordPress у меня была установлена самая новенькая (тогда - 4.3.1).Но можно поступить и так. Узрели вставленный код на каком-то веб-сайте, клацнули на нем правой кнопкой мыши, чтоб избрать из контекстного меню «просмотр кода элемента» и просмотрели код.

Так можно выяснить, как он вставлен.Таким макаром, я обусловил, что на одном из знакомых мне веб-сайтов, код вставлен при помощи плагина Crayon Syntax Highlighter.Воспользоваться им оказалось до боли просто. Никакие опции я не менял, хотя там их достаточно много.

Все оставил по дефлоту (так, как настроил сам создатель).После установки и активации плагина, в режиме редактирования статьи в меню возникает особая кнопка, нажав которую можно воткнуть код на веб-сайт WordPress.

Как воткнуть код на веб-сайт WordPress
Как воткнуть код на веб-сайт WordPress
Возникает окно для вставки кода.

Как воткнуть код на веб-сайт WordPress
И этот кусок кода позже все желающие сумеют выделить и скопировать для себя для улучшения функций собственного блога.Код выходит очень яркий. Его элементы выделяются различным цветом.

Есть возможность настроить все это под себя.Все оказалось так просто, что наилучшего я решил и не находить.И сейчас, почетаемые читатели, Вы можете просто скопировать программный код с моего веб-сайта.К примеру, этот.Код функции, чтоб скрыть логин админа веб-сайта WordPress в комментарияхadd_filter('comment_class', 'udalit_class_avtora_kommentariya');function udalit_class_avtora_kommentariya($klassi)foreach($klassi as $kluch=>$klass) :if (strstr($klass, "comment-author-")) :unset($klassi[$kluch]);endif;endforeach;return $klassi;123456789add_filter('comment_class', 'udalit_class_avtora_kommentariya');function udalit_class_avtora_kommentariya($klassi)foreach($klassi as $kluch=>$klass) :if (strstr($klass, "comment-author-")) :unset($klassi[$kluch]);endif;endforeach;return $klassi;Вот так равномерно, при необходимости, и расширяется наш кругозор.Сейчас и Вы тоже понимаете, как вставить код на веб-сайт Вордпресс прямо в статью и поделиться полезной информацией.А я добавил таким методом программный код во все свои статьи, где это было нужно. И сейчас скопировать его можно просто.Желаю фурроров!

источник: Как вставить код на сайт WordPress

Похожие новости

Добавить комментарий

Автору будет очень приятно узнать обратную связь о своей новости.

Кликните на изображение чтобы обновить код, если он неразборчив

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