Entfernen Sie das Inline-Styling aus der Gutenberg-Blockgalerie

Lesezeit: 2 Minuten

Ich habe mein WordPress aktualisiert und es zeigt jetzt das folgende CSS auf meiner Seite an:

<style> .wp-block-gallery-1{ --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) ); gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )}</style><style> .wp-block-gallery-2{ --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) ); gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )}</style><style> .wp-block-gallery-3{ --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) ); gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )}</style><style> .wp-block-gallery-4{ --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) ); gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )}</style>

Ich habe etwas recherchiert und bin zur Datei wp-includes/blocks/gallery.php gekommen und habe sie hier hinzugefügt:

add_action(
    'wp_footer',
    function () use ( $style ) {
        echo '<style> ' . $style . '</style>';
    }
);

Aber ich weiß nicht, wie ich es aus der functions.php meines Themes entfernen soll.

Wie kann ich es entfernen? Ich habe überall gesucht und keine Lösung gefunden.

Ich habe das Problem in wp-includes/gallery.php gefunden block_core_gallery_render Funktion. WordPress legt den Stil dort fest, die Inline-Notizen erwähnen, dass er in den Kopf geladen werden sollte, aber dass er vorerst in die Fußzeile geladen wird. (Klingt so, als wären sie auch nicht zufrieden damit) Ich wollte den WP-Kern nicht anfassen, also denke ich, dass ich eine Lösung gefunden habe.

Fügen Sie dies zu Ihrer functions.php hinzu:

remove_action('init', 'register_block_core_gallery');

Dies sollte die Stilblöcke wie wp-block-gallery-1, wp-block-gallery-2 usw. entfernen.

Lass mich wissen, ob das für dich funktioniert hat!

Ich habe den Blocklückenteil durch Hinzufügen entfernt

    "version": 2,
    "settings": {
        "spacing": {
            "blockGap": null
        }
    }
}

zu theme.json, aber immer noch das Problem mit der Blockrinne …

Ich finde die Antwort von @ Nick großartig. Wenn Sie nur den Stil entfernen, aber die Galeriefunktionen beibehalten möchten, gibt es eingeschränktere Methoden wie:

add_filter( 'block_type_metadata_settings', function( $args ){
    $args['render_callback'] = '';
    return $args;
});

Sie können es mit diesen Codezeilen entfernen:

function stof_wp_remove_wp_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-style' );
} 
add_action( 'wp_enqueue_scripts', 'stof_wp_remove_wp_block_library_css', 100 );

1442600cookie-checkEntfernen Sie das Inline-Styling aus der Gutenberg-Blockgalerie

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy