Style min css wordpress

Отключаем стили и скрипты

По умолчанию вордпрес подключает свой jquery, и некоторые стили, в частности style.min.css из директории wp-includes, и нужно либо отключить их либо заменить более новыми версиями.

Как отключить стиль?

Например нужно отключить стиль плагина «SVG Support» есть стиль svgs-attachment.css

из этой строчки нам нужен id, который будем использовать в качестве идентификатора стиля

Добавляем в файл функции темы (functions.php) следующий код, который удаляет этот стиль из подключенных

add_action( ‘wp_enqueue_scripts’, ‘del_style’ ); function del_style()

Тут все просто, но есть другие стили в которых нельзя брать весть id, так как он не соответствует метке.

Как отключить стиль /wp-includes/css/dist/block-library/style.min.css ?

Данный стиль когда подключается то его >

где «-css» является добавком к метке

и если использовать такой код

wp_dequeue_style('wp-block-library-css');

то отключения не произойдет, так как на самом деле его метка такая «wp-block-library»

wp_dequeue_style('wp-block-library');

Так же и с отключением стиля «/wp-includes/css/dist/block-library/theme.min.css»

по этому если не получилось его отключить по id, попробуйте убрать окончание «-css»

wp_dequeue_style('wp-block-library-theme');

в таком варианте должно сработать

Как отключить скрипт jquery ?

Данный пример делает отключение стандартного скрипта jquery и подключает jquery текущей темы

add_action( 'wp_enqueue_scripts', 'jquery_script_method' ); function jquery_script_method() < wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', get_template_directory_uri() . '/assets/libs/jquery/jquery.min.js', false, null, false ); wp_enqueue_script( 'jquery' ); >

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

Рубрики

Свежие записи

• Получения json данных в POST запросе 08.06.2023
• Как найти обратные ссылки на сайт через google 07.03.2023
• Настройки плагина WooCommerce, в произвольной теме через add_theme_support 05.11.2022
• ERROR 2013 (HY000) at line 1612: Lost connection to MySQL server during query 02.11.2022
• Использование fopen с «php://memory» 29.09.2022
• Изменение содержимого бинарного файла 20.08.2022
• Программное создание атрибута и его значения в woocommerce 15.08.2022
• Автоматически измененяем автора при сохранении поста 22.07.2022
• Вывод логов в Android Studio 25.05.2022
• Как получить из ресурса R.string строку 16.05.2022
• Как получить ID элемента из View 02.05.2022
• Событие onClick по кнопке 21.04.2022
• Плавный переход к следующей Activity 21.04.2022
• Установка, активация и настройка модуля для «Панель состояния» на OpenCart 09.04.2022
• Как вывести информацию в «Панель состояния» на OpenCart 09.04.2022

Свежие комментарии

• admin к записи Закрываем страницы фильтра от индексации noindex, nofollow (Bitrix)
• Никита к записи Закрываем страницы фильтра от индексации noindex, nofollow (Bitrix)
• avenue17 к записи Проверка кратности в JavaScript
• adjarabet am mobile к записи Вывод логов в Android Studio
• Vlad к записи Как вывести информацию в «Панель состояния» на OpenCart

Условия обработки персональных данных

Сайт использует технические и персональные данные пользователей для получения маркетинговой и статистической информации. С условия обработки персональных данных посетителей можно ознакомиться по ссылке.

В случае Вашего не согласия с этими условиями — просим Вас покинуть данный сайт. Если Вы продолжаете находиться и использовать сайт — Вы автоматически выражаете свое согласие с условиями обработки персональных данных пользователей сайта

Источник

Как отключить стили Gutenberg во фронтэнде

По умолчанию редактор Gutenberg загружает свои CSS-стили/таблицы стилей во фронтэнде вашего WordPress-сайта. В большинстве случаев это не создает никаких проблем, однако могут возникнуть ситуации, когда вам необходимо отключить стили Gutenberg. К примеру, есть бесплатный плагин Disable Gutenberg, который позволяет деактивировать блочный редактор и восстановить классический редактор. В настройках плагина имеется опция Enable Frontend, которая позволяет включать или отключать CSS-стили Gutenberg. В этом руководстве мы покажем, как отключить стили Gutenberg во фронтэнде.

Зачем это нужно

Одна из причин, почему пользователи могут пожелать отключить посторонние/ненужные CSS-стили – повышение производительности сайта. Отключив CSS-таблицы Gutenberg, когда они не требуются, вы получите на один загружаемый ресурс меньше при каждом запросе страницы. Это может иметь огромное совокупное влияние на производительность вашего WordPress-сайта.

К вашему сведению, стилевая таблица Gutenberg по умолчанию выглядит так:

Теперь вы знаете, как ее найти.

Отключаем стили Gutenberg во фронтэнде

// disable gutenberg frontend styles @ https://m0n.co/15 function disable_gutenberg_wp_enqueue_scripts() < wp_dequeue_style('wp-block-library'); wp_dequeue_style('wp-block-library-theme'); >add_filter('wp_enqueue_scripts', 'disable_gutenberg_wp_enqueue_scripts', 100);

Этот скрипт отключает стандартную таблицу стилей Gutenberg wp-block-library, а также отключает таблицу wp-block-library-theme (если она есть, что зависит от темы). Все предельно просто и понятно.

Примечание: чтобы опять включить стили Gutenberg, просто удалите приведенный выше фрагмент кода.

Бонус: отключаем другие стилевые таблицы блоков

Любую таблицу стилей WordPress можно отключить с помощью функции wp_dequeue_style(). К примеру, если вы используете WooCommerce и тему Storefront, вы можете запретить загрузку связанных с ними блочных стилей и таблиц:

// disable gutenberg frontend styles @ https://m0n.co/15 function disable_gutenberg_wp_enqueue_scripts() < wp_dequeue_style('wp-block-library'); wp_dequeue_style('wp-block-library-theme'); wp_dequeue_style('wc-block-style'); // disable woocommerce frontend block styles wp_dequeue_style('storefront-gutenberg-blocks'); // disable storefront frontend block styles >add_filter('wp_enqueue_scripts', 'disable_gutenberg_wp_enqueue_scripts', 100);

И на посошок…

Приведенные выше техники кода были максимально простыми и понятными. Но, как вы, возможно, знаете, настроить загрузку ресурсов можно разными способами. К примеру, можно добавить логику, чтобы таблицы стилей отключались только при определенных условиях.

Вот реальный пример, показывающий, как Disable Gutenberg отключает фронтэнд-стили в зависимости от пользовательских предпочтений в настройках плагина:

// disable gutenberg frontend styles @ https://m0n.co/15 function disable_gutenberg_wp_enqueue_scripts() < global $wp_query; if (is_admin()) return; $post_id = isset($wp_query->post->ID) ? $wp_query->post->ID : null; $options = get_option('disable_gutenberg_options'); $enable = isset($options['styles-enable']) ? $options['styles-enable'] : false; if (!$enable && !disable_gutenberg_whitelist($post_id)) < wp_dequeue_style('wp-block-library'); wp_dequeue_style('wp-block-library-theme'); >> add_filter('wp_enqueue_scripts', 'disable_gutenberg_wp_enqueue_scripts', 100);

Опять же, это просто пример, взятый из плагина. Можно сделать гораздо больше, так как в ядре WordPress содержится много полезного функционала. Творите, пробуйте, придумывайте что-то новое!

Источник

Remove Block-library/style.min.css from WordPress Frontend

If you want to remove the block library CSS file from WordPress, Just follow the simple steps:

What is Gutenberg?

Gutenberg is a new and default editor in 5.0 but WordPress users have options to keep their favorite editor using the classic editor WordPress Plugin. Gutenberg is a part of the WordPress core and it looks quite interesting to enhance the editing level.

Adding or installing one or more special CSS files to manage blocks on the site’s frontend.

Gutenberg fixes the CSS file automatically (wp-block-library-CSS) that pop-up on the head section of your WordPress theme. Fortunately, It’s not too difficult to remove the file.

A quick way to remove the wp-block-library-CSS file:

Use the following Snippets to make your WordPress AMP friendly.

• Log in to your WordPress Admin Panel.
• On the Appearance option, Choose Theme Editor.
• Next, On the Theme File at the right corner of the page Choose Theme Function(function.php).
• Now, Place the following custom code at the end of the existing code.

function webapptiv_remove_block_library_css() < wp_dequeue_style( 'wp-block-library' ); >add_action( 'wp_enqueue_scripts', 'webapptiv_remove_block_library_css' );

By removing this CSS, Your WordPress Page speed gets increased.

Источник