Head, Footer and Post Injections Это бесплатное WP-расширение, которое служит только для одной цели — добавляет код в head.
После установки и активации откройте в админке раздел Настройки > Header and Footer , перейдите на вкладку Head and Footer .
Найдите блок page section injection .
В левом блоке код, который нужно выводить на всех страницах сайта. В правом — только на главной странице.
Не забудьте нажать кнопку Сохранить .
Правка шаблона темы В этом способе код в head нужно добавлять вручную в нужном шаблоне WordPress-темы. Подойдет тем, кто не хочет ставить оеще один плагин.
Откройте файл wp-content/themes /header.php .
Не рекомендуем править файлы родительской темы ВордПресс. Для этого используйте дочерние темы . Они дают возможность править файлы без опасения, что изменения пропадут при обновлении темы.
В каждой теме содержимое файла header.php может отличаться.
Для примера откроем этот файл в стандартной WP-теме Twenty Twenty . В самом начале будет блок … .
Нужный код добавьте перед закрывающим тегом .
Здравствуйте. у меня вопрос к вашей статье «3 способа добавить код в head WordPress»
Как вставить код в head только на определенных? К примеру для СЕО часто просить вставить скрипт для только для карточки товара. А header у меня общий. Помогите пожалуйста.
Василий, для этого нужно немного видоизменить код, указанный в статье, например, прописав ID страниц.
function wpschool_insert_header() add_action( 'wp_head', 'wpschool_insert_header' );
2016—2023 © WPSchool.ru — Обучающий ресурс о WordPress, статьи, уроки, обучение и курсы.
Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами. OK
Источник
Как вставить пример кода в записях и на страницах WordPress: 7 плагинов
Вы когда-либо пытались скопировать и вставить фрагмент кода в WordPress? Это не работает! WordPress не может отличить фрагмент кода, который вы просто хотите продемонстрировать, от фрагмента, который должен выполнить какое-то действие.
Если вы часто делитесь фрагментами кода с читателями в своих уроках, то вам необходим другой путь. В этой статье мы расскажем о лучших инструментах и плагинах, которые помогут вам добавить стильные и легко читаемые абзацы с кодом на WordPress.
Встроенный в WordPress способ, чтобы поделиться кодом WordPress имеет несколько встроенных методов для отображения фрагментов кода. Они не всегда красивые, но функциональные. Двумя базовыми методами являются тэги < code >и < pre >.
Оба отобразят ваши фрагменты кода, различия заключаются в оформлении, которое зависит от вашей темы.
К примеру, вот так выглядят эти тэги в стандартной теме WordPress Twenty Sixteen:
Но у этих тэгов есть проблемы:
Вы должны записать ваш пример кода, как строку до его отображения. Для этого нужно вставить код в энкодер, например, Code Beautify , а потом вставить результат между тэгами < code >и < pre >. Нет нумерации строк, чтобы упростить чтение кода. Нет подсветки синтаксиса. Подсветка синтаксиса окрашивает разные элементы кода в разные цвета, что делает код более читабельным. Давайте теперь приступим к методам добавления фрагментов кода в WordPress, которые упростят вам процесс вставки сниппетов, а пользователям их чтение.
1. SyntaxHighlighter Evolved
SyntaxHighlighter Evolved – это популярный плагин для вставки нумерованных сниппетов с подсвеченным синтаксисом в WordPress. Всё, что нужно сделать – это завернуть ваш код в соответствующий шорткод и потом отобразить примерно так:
Вы можете также использовать разные стили для отображения кода, к примеру, перенос строк, но пользователям будет сложно копировать и вставит код:
Основные функции :
Добавление нумерации строк фрагмента кода Добавление подсветки синтаксиса Разные цветовые параметры Может добавить пользовательские классы CSS для более красивого внешнего вида 2. Crayon Syntax Highlighter
Crayon Syntax Highlighter – это ещё один популярный плагин, который добавляет нумерацию строк и подсветку синтаксиса к вашему фрагменту кода. В сравнении с SyntaxHighlighter Evolved, у Crayon Syntax Highlighter есть больше настроек. Вы можете настроить практически всё во вкладке настройки.
Вы можете также автоматически дублировать стиль Sublime Text (популярного текстового редактора):
Основные функции :
Добавление нумерации строк фрагмента кода Добавление подсветки синтаксиса Поддержка 65 разных языков Множество стилей, некоторые из которых имитируют популярные редакторы кода Простота в настройке любого аспекта вашего отображения сниппета 3. oEmbed Gist
oEmbed – это простой плагин, который позволяет вам вставить gist (сниппет и краткое разъяснение к нему). Для использования этого плагина вам просто нужно вставить код в gist Editor и создать публичный gist:
А потом просто вставить gist URL в WordPress Editor, и плагин автоматически вставит сниппет кода:
Основные функции :
Превосходит GitHub Gist Вставляет gist, вставив URL Может вставить один файл из многофайлового gist 4. WP-GeSHi-Highlight
WP-GeSHi-Highlight – это ещё один плагин, который добавляет нумерацию строк и подсветку синтаксиса коду, который вы вставили в редактор WordPress. С ним вы можете
использовать обычные тэги < pre >, пока вы определяете язык программирования.
WP-GeSHi-Highlight – это лёгкий плагин, с точки зрения функциональности и выводимого кода:
Основные функции :
Подсветка синтаксиса с помощью GeSHi Добавление дополнительной нумерации строк Вставьте код с стандартными тэгами < pre >и определённым языком Лёгкость – добавляет только один HTTP запрос 5. Pastebin
Pastebin – это ещё один веб-сайт для того, чтобы делиться сниппетами кода. Его работа схожа с работой инструмента GitHub Gist, который мы показали вам ранее. И как GitHub Gist, этот плагин делает вставку Pastebin кода на ваш сайт WordPress очень лёгкой.
Всё, что вам нужно сделать, это добавить ваш код на Pastebin, а потом просто вставить Pastebin URL в редактор WordPress. Ваш сниппет вставится автоматически:
Показывать нумерацию строк или нет, зависит от ваших настроек Pastebin.
Основные функции :
Вставка кода прямо из Pastebin Доступны нумерация строк и подсветка синтаксиса Просто вставьте URL в WordPress Editor Можете также вставить шорткод и Pastebin ID 6. Pastacode
Pastacode поможет вам вставить сниппет кода, используя популярную библиотеку PrismJs. Вы можете подсветить особые строки кода и изменить стиль, используя одну из доступных тем. Pastacode также поддерживает вставку кода из GitHub, Gist, Pastebin, BitBucket или BitBucket.
Основные функции :
Добавление нумерованных строк к фрагменту кода Добавление подсветки синтаксиса фрагментов кода Использование библиотеки PrismJs Возможность вставлять код из GitHub, Gist, Pastebin, и т.д. Возможность подсвечивать особые строки кода 7. Code Prettify
Code Prettify использует библиотеку Google Code Prettify для автоматического добавления подсветки к вашим < pre >и < code >. С этим плагином ваш сниппет кода будет выглядеть, как внизу, а не так, как мы показывали вначале этой статьи:
Основные функции :
Работает с стандартными тэгами < pre >и Использует библиотеку Google Code Prettify Правильно уменьшает и ставит в очередь Итоги Эти плагины помогут вам вставить фрагмент кода прямо в запись или добавить код из стороннего инструмента, как GitHub или Pastebin. Если бы нам пришлось выбирать фаворита, то это был бы Crayon Syntax Highlighter за разнообразие тем и стилей, которые можно использовать.
А у вас есть любимый метод отображения сниппетов кода в ваших записях WordPress? Расскажите нам в комментариях!
Источник
