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:

/**
 * Legt den Inhalt für den Shortcode [dropcap color=red] fest.
 * 
 * @param array $atts Die Attribute die vom Shortcode weitergegeben werden.
 * @param string $content Der Inhalt bzw. der Text.
 * 
 * @return string
 */
function dropcap_shortcode( $atts, $content ) {
	$defaults = [
		'color' => 'blue',
	];

	$atts = shortcode_atts( $defaults, $atts );
	
	return sprintf( '<span class="dropcap" style="color:%s">%s</span>', $atts["color"], do_shortcode( $content ) );
}
add_shortcode( 'dropcap', 'dropcap_shortcode' );

/**
 * Ermöglicht die Verwendung von Shortcodes in Widgets.
 */
add_filter( 'widget_text', 'do_shortcode' );Code-Sprache: PHP (php)

Diesen Code kannst du jetzt in deine functions.php oder in dein Plugin platzieren. Im Anschluss kannst du dann deinen Shortcode verwenden: [dropcap color="red"]A[/dropcap]

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