Как удалить class="wp-block-heading" из заголовков?

Содержание

Вопрос или проблема
Ответ или решение
Метод 1: Модификация файла functions.php
Метод 2: Использование плагина
Обратите внимание на стили
Заключение

Вопрос или проблема

WordPress добавляет class="wp-block-heading" ко всем заголовкам, таким как h1, h2 и h3. Хотя мне это не нужно в моем стилевом файле. Я попытался удалить это следующими кодами, но это не сработало.

// Удалить wp-block-library-css add_action( 'wp_print_styles', 'wps_deregister_styles', 100 ); function wps_deregister_styles() { wp_dequeue_style( 'wp-block-library' ); }

И это тоже:

// Удалить CSS библиотеки блоков Gutenberg с загрузки наfrontend function remove_wp_block_library_css(){ wp_dequeue_style( 'wp-block-library' ); wp_dequeue_style( 'wp-block-library-theme' ); wp_dequeue_style( 'wc-block-style' ); // Удалить CSS блока WooCommerce wp_dequeue_style( 'global-styles' ); // УДАЛИТЬ theme.json } // add_action( 'wp_enqueue_scripts', 'remove_wp_block_library_css', 100 );

цитата Один из затронутых URL-адресов: https://www.theidioms.com/face-to-face/

Вы можете использовать этот код вместо:

function gauravt_remove_wp_block_heading_class_from_headings($content) {
    // Используйте регулярное выражение, чтобы найти и удалить class="wp-block-heading" из тегов h1 до h6
    $pattern = '/<(h[1-6])\s+class="wp-block-heading"(.*?)>/i';
    $replacement="<$1$2>";
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}

// Добавьте фильтр к хуку 'the_content'
add_filter('the_content', 'gauravt_remove_wp_block_heading_class_from_headings');

Смотрите: https://gauravtiwari.org/snippet/remove-classwp-block-heading-from-heading/

Вы можете удалить атрибут class=”wp-block-heading” из ваших заголовков, изменив файл functions.php вашей темы или воспользовавшись плагином.

Опция: Изменить functions.php

Перейдите в Внешний вид > Редактор тем в вашей панели управления WordPress. Нажмите на файл functions.php на правой стороне. Добавьте следующий код в конце файла:

function remove_block_css(){
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );

Нажмите кнопку “Обновить файл”, чтобы сохранить изменения. Опция 2: Использовать плагин

Установите и активируйте плагин “Disable Gutenberg Blocks” из репозитория плагинов WordPress. Перейдите в Настройки > Отключить блоки Gutenberg в вашей панели управления WordPress. Выберите опцию “Отключить все блоки Gutenberg” и сохраните изменения. Оба этих варианта удалят атрибут class=”wp-block-heading” из ваших заголовков в WordPress. Однако имейте в виду, что удаление этого класса может повлиять на стилизацию ваших заголовков, поэтому вам может понадобиться добавить альтернативные стили, чтобы ваши заголовки все еще выглядели так, как вы хотите.

Ответ или решение

Чтобы удалить атрибут class="wp-block-heading" из заголовков в WordPress, важно учесть, что это может потребовать изменения в коде вашей темы или использовании специального плагина. Ниже представлены различные подходы к решению этой задачи.

Метод 1: Модификация файла functions.php

Доступ к редактору тем:
- Войдите в панель управления WordPress.
- Перейдите в раздел «Внешний вид» > «Редактор тем».

Изменение functions.php:

Найдите файл functions.php, который находится в правой колонке.

Добавьте следующий код в конец файла:

function gauravt_remove_wp_block_heading_class_from_headings($content) {
 // Используем регулярное выражение для поиска и удаления класса "wp-block-heading" из заголовков h1-h6
 $pattern = '/<h([1-6])\s+class="wp-block-heading"(.*?)>/i';
 $replacement = "<h$1$2>";
 $content = preg_replace($pattern, $replacement, $content);
 return $content;
}

// Добавляем фильтр к хуку 'the_content'
add_filter('the_content', 'gauravt_remove_wp_block_heading_class_from_headings');

Сохранение изменений:
- Нажмите кнопку «Обновить файл», чтобы сохранить изменения.

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

Метод 2: Использование плагина

Если вы сомневаетесь в редактировании кода, можно воспользоваться готовым плагином. Например, установите и активируйте плагин Disable Gutenberg Blocks, который позволит отключить стили Gutenberg.

Установка плагина:
- Перейдите в раздел «Плагины» > «Добавить новый».
- Найдите плагин Disable Gutenberg Blocks и нажмите «Установить», затем «Активировать».
Настройка плагина:
- Перейдите в раздел «Настройки» > «Disable Gutenberg Blocks».
- Выберите опцию «Disable all Gutenberg blocks» и сохраните изменения.

Обратите внимание на стили

При удалении класса wp-block-heading важно помнить, что это может повлиять на стиль оформления заголовков на вашем сайте. Вам может понадобиться определить новые CSS-стили для обеспечения необходимого внешнего вида заголовков. Например:

h1, h2, h3 {
    /* Ваши стили для заголовков */
}

Заключение

Хотя отключение класса wp-block-heading может быть выполнено различными способами, важно учитывать, как это повлияет на ваш сайт. Рекомендуется делать резервные копии перед внесением изменений и тестировать ваш сайт после изменений, чтобы убедиться, что все работает корректно.

Как удалить class=”wp-block-heading” из заголовков?