So fügen Sie einen Div-Element-Shortcode mit Klasse hinzu

Suchen Sie nach einer Möglichkeit, ein Div hinzuzufügen, indem Sie den Shortcode zu Ihren Beiträgen und Seiten hinzufügen? Während es wahrscheinlich ein Plugin dafür gibt, haben wir einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um Div-Elemente mit Klassen in WordPress als Shortcode hinzuzufügen.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

function div_html($atts, $content = null) {
	
	extract( shortcode_atts( array(
		'class' => '',
	), $atts ) );

	$class = $class ? " class=\"$class\"" : NULL;
	
	return "<div$class>$content</div>";
}
add_shortcode('div', 'div_html');

Innerhalb eines Beitrags können Sie [div class="my_class"]Inhalt[/div] schreiben, um ein <div class="my_class"></div>-Element in Ihren Beitrag einzufügen. Dieser Shortcode ist praktisch, wenn Sie Beiträge individuell anpassen müssen.

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzufügen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress hinzufügen, damit Sie Ihre Website nicht versehentlich beschädigen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, sollten Sie sich auch unsere anderen Artikel auf der Website ansehen, wie z. B.: 18 Jetpack-Alternativen, um Funktionen ohne Bloat zu erhalten und So fügen Sie Ihrer WordPress-Website ein Portfolio hinzu.