Comment ajouter un shortcode d'élément Div incluant une classe

Vous cherchez un moyen d'ajouter une div en ajoutant le shortcode à vos articles et pages ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour ajouter un shortcode d'élément div, y compris la classe, dans WordPress.

Instructions :

Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :

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');

Dans n'importe quel article, vous pouvez écrire [div class="my_class"]contenu[/div] pour inclure un élément <div class="my_class"></div> dans votre article. Ce shortcode est utile si vous avez besoin de faire des personnalisations article par article.

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 18 alternatives à Jetpack pour obtenir des fonctionnalités sans surcharge et comment ajouter un portfolio à votre site WordPress.