Schnipsel: WordPress Shortcodes

Manchmal möchte man seinen eigenen CSS-Code in Texten verwenden. Um zum Beispiel ein Drop Cap zu verwenden, oder andere Dinge einzubinden, die der normale Editor nicht hergibt. Da empfiehlt es sich einen Shortcode zu erstellen, den man in allen Beiträgen verwenden kann.

Shortcode Schnipsel

// [.dropcap color="red"]A[/dropcap] 
function dropcap_shortcode( $atts, $content = null ) {

  // if no content, return nothing 
  if($content == null) return null; 

  $a = shortcode_atts( array( 
    'color' => 'blue', /* Default color */
  ), $atts ); 

  // return html | with do_shortcode you can use shortcodes in a shortcode 
  return '<span class="dropcap" style="color:' . $a["color"] . '">' . do_shortcode($content) . '</span>'; 
} 
add_shortcode( 'dropcap', 'dropcap_shortcode' ); /* Enable shortcodes in text widgets */add_filter('widget_text','do_shortcode');

Diesen Code kannst du jetzt in deine functions.php oder in dein Plugin packen.

Wichtig: Erstelle dir am besten ein kleines Plugin, da durch Theme-Updates deine Änderungen in der functions.php überschrieben werden.

Hat dir der Beitrag gefallen?
Ja
Nein

Veröffentlicht von Kevin Pliester

Kevin ist PHP- und WordPress-Entwickler. Gelegentlich teilt er auch Tipps zum Thema Selbstständigkeit. Er ist seit 2015 glücklich verheiratet, lebt in Dormagen und arbeitet immer von Zuhause aus. Kevin telefoniert nicht gerne und bevorzugt die Kommunikation via E-Mail oder Chat.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.