X

Comment ajouter un shortcode d’élément Div incluant la classe

Snippets by IsItWP

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 des éléments div shortcode incluant la classe dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre 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"]content[/div] pour inclure un élément <div class="my_class"></div> dans votre article. Ce shortcode est très pratique si vous avez besoin de faire de la personnalisation post par post.

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

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

Commentaires   laisser une réponse

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !