Gekleurde blokken met tekst via shortcode

Soms is het handig als je meteen via shortcode de opmaak van een article kan bepalen.
Weet je niet wat een shortcode is? Kijk dan hier.
Deze shortcode geeft de achtergrond een kleur.
Orginele tekst komt van premium.wpmudev.org

 

// Usage: 
// [colorblock color='ff9900']
// Creates a small color swatch

function shortcode_colorblock( $atts,$content = null ){
    $atts = shortcode_atts( array('background-color' => '#000000', ), $atts, 'colorblock' );
    
    return '<div class="swatch" style="height:122px; width:500px; display:inline-block; background-color:#' . $atts['background-color'] . '">' . do_shortcode($content) . '</div>';
    
}
add_shortcode( 'colorblock', 'shortcode_colorblock' );
[colorblock background-color=’kieskleur’] je tekst[/colorblock]

Leave a Reply