Crayon Syntax Highlighter — мой любимый плагин для подсветки синтаксиса WordPress . Возможно, вы заметили, я использую его почти в каждом посте для выделения кода PHP или Java .
Поскольку это очень настраиваемый и уникальный плагин с большим количеством опций, очень важно выбрать правильные опции.
Давайте начнем
Сначала мы рассмотрим основные параметры настройки, а затем рассмотрим варианты, как остановить загрузку CSS и JavaScript в блоге
Шаг 1
Базовая настройка.
- Установите флажок для
Enqueue themes in the header - Установите флажок для
Enqueue fonts in the header
Шаг 2
Убедитесь, что вы выбрали ниже настройки под Misc установка.
- Установите флажок для Попытки загружать CSS и JavaScript Crayon только при необходимости
- Установите флажок Отключить постановку в очередь для шаблонов страниц, которые могут содержать Цикл
- Снимите флажок «Загружать мелки» только из основного запроса WordPress
Шаг 3
Crayon загружает 4 файла в ваш блог. 3 CSS files а также 1 JS file ,
Из вашего блога header ,
Из вашего блога footer ,
Шаг 4
Добавьте ниже код для functions.php файл для отключения загрузки both CSS files из заголовка
|
1
2
3
4
5
6
|
// Crayon удаляет обсидиан CSS и consolas Загрузка шрифта
add_action ( 'wp_enqueue_scripts' , 'crunchify_disable_crayon_js_css' ) ;
функция crunchify_disable_crayon_js_css ( ) {
wp_deregister_style ( 'мелки-шрифт-Consolas' ) ; // Шрифт CSS $ handle
wp_deregister_style ( «мелки-тематический обсидиан» ) ; // Тема CSS $ handle
}
|
Вот crayon-font-consolas а также crayon-theme-obsidian являются style $handles , Что вы могли бы получить, следуя этому руководству .
Добавьте ниже код для functions.php файл, чтобы остановить загрузку crayon.min.js в нижний колонтитул .
|
1
2
3
4
5
6
7
|
// Удалить jQuery, если не требуется. Это также отключит загрузку crayon.min.js
функция crunchify_remove_jquery ( ) {
если ( ! is_admin ( ) ) {
wp_deregister_script ( 'jquery' ) ; // JS $ handle
}
}
add_action ( 'init' , 'crunchify_remove_jquery' ) ;
|
Выше код должен удалить 3 файла из 4. Я только что сохранил crayon.min.css файл в нижнем колонтитуле, так как я не хочу загружать этот большой файл в разделе заголовка, а просто загрузить его в нижний колонтитул.
Шаг 5
С помощью вышеперечисленных шагов мы избавимся от 3 файлов из 4. Теперь, как мы можем удалить crayon.min.css файл?
Ну, я не смог найти стандартный способ удалить его с помощью хука WordPress, поэтому я пошел дальше и удалил ниже 3 строк из crayon_wp.class.php файл плагина напрямую.
Шаг 6
Но что теперь? Мы удалили всего 3 CSS-файла из загрузки, тогда как мы собираемся загрузить Crayon Syntax на сайт?
NOTEЛично я не хочу загружать шрифт CSS, поэтому я просто проигнорировал вставку шрифта CSS в мой файл style.css. Итак, мы просто поговорим о 2 файлах здесь.
Чтобы добиться этого, на Crunchify.com я скопировал CSS-контент из obsidian.css а также crayon.min.css файлы к теме style.css файл.
Итак, я верю, у вас есть идея, верно? Мы ТОЛЬКО перестаем загружать два файла по отдельности, но загружаем содержимое этих файлов, используя наш файл style.css
Шаг 7
В дополнение к вышеупомянутым изменениям я поместил ниже код моей темы style.css файл. После удаления jQuery теперь нет способа переключать номер строки или нажимать на всплывающие окна и т. Д. На кликабельные события. Приведенный ниже код навсегда удалит номер строки из блока кода Crayon.
|
1
2
3
|
, карандаш — стол {
Маржа — слева: — 27 пикселей ! важно ;
}
|
Это одна из оптимизаций WordPress, которую мы должны сделать. В современном мире скорость — это все, и даже небольшая оптимизация может помочь в достижении этой цели.
0.00 (0%) 0 votes
