Jak udělat, aby tabulky vytvořené ve WP měly stejnou class?

Pěkný den, 

chtěl bych, aby se všem tabulkám, vytvořeným přes Guttenberg ve Wordpressu automaticky přiřadila CSS třída (resp. všechny relevantní table třídy z Bootstrapu 4 - table table-responsive etc.). 

Nemá s tím někdo zkušenosti? Díky moc za tipy! 

Něco takového hledáš?

PHP kód:

function theme_prefix_bootstrap_responsive_table( $content ) {
    $content = str_replace(
        [ '<table>', '</table>' ],
        [ '<table class="table table-responsive">', '</table>' ],
        $content
    );

    return $content;
}

add_filter( 'the_content', 'theme_prefix_bootstrap_responsive_table' ); 


Původně odeslal vodys ↪

Něco takového hledáš?

PHP kód:

function theme_prefix_bootstrap_responsive_table( $content ) {
    $content = str_replace(
        [ '<table>', '</table>' ],
        [ '<table class="table table-responsive">', '</table>' ],
        $content
    );

    return $content;
}

add_filter( 'the_content', 'theme_prefix_bootstrap_responsive_table' ); 


Taky se mi aktuálně hodí - Díky moc! 

Původně odeslal vodys ↪

Něco takového hledáš?

PHP kód:

function theme_prefix_bootstrap_responsive_table( $content ) {
    $content = str_replace(
        [ '<table>', '</table>' ],
        [ '<table class="table table-responsive">', '</table>' ],
        $content
    );

    return $content;
}

add_filter( 'the_content', 'theme_prefix_bootstrap_responsive_table' ); 


Tohle jsem hledal. Děkuji 

Dle dokumentace Bootstrap 4.x, se musi table obalit prvkem s tridou .table-responsive. Viz https://getbootstrap.com/docs/4.6/content/tables/ - dole.

Jestli jsem to spravne pochopil, tak toto reseni prida tridu k table a neobali table prvkem s tridou .table-responsive.

Původně odeslal RadekKoder ↪

Dle dokumentace Bootstrap 4.x, se musi table obalit prvkem s tridou .table-responsive. Viz https://getbootstrap.com/docs/4.6/content/tables/ - dole.

Jestli jsem to spravne pochopil, tak toto reseni prida tridu k table a neobali table prvkem s tridou .table-responsive.

No tak stačí upravit jen výše uvedený kód

Kód:

function theme_prefix_bootstrap_responsive_table( $content ) {
    $content = str_replace(
        [ '<table>', '</table>' ],
        [ '<div class="table-responsive"><table class="table">', '</table></div>' ],
        $content
    );

    return $content;
}

add_filter( 'the_content', 'theme_prefix_bootstrap_responsive_table' );