Les shortcodes dans WordPress vous permettent d'ajouter diverses fonctionnalités dans les publications, les pages et les widgets sans écrire de code. D'où le nom, Shortcode. De nombreux plugins WordPress et certains thèmes utilisent des shortcodes pour ajouter différents éléments tels que la grille de tarification, le calendrier des événements, etc. dans WordPress. Dans cet article, nous partagerons 7 conseils essentiels pour utiliser les shortcodes dans WordPress.

Utiliser des codes courts

Que sont les shortcodes dans WordPress ?

Tout contenu ajouté dans un site WordPress passe par des contrôles de sécurité et des filtres. Ces vérifications et filtres de sécurité garantissent qu'aucun code malveillant n'entre dans les publications, les pages, les commentaires, etc. Cela signifie que vous ne pouvez pas écrire directement de code dans ces zones.

D'un autre côté, il suffit parfois d'ajouter du code dans ces zones. Les shortcodes fournissent un moyen de le faire.

Les shortcodes facilitent l'ajout d'autres éléments dans les publications WordPress. Par exemple, vous pouvez ajouter un beau curseur réactif à l'aide d'un simple shortcode. Vous pouvez créer un formulaire d'enquête complexe dans WordPress sans écrire une seule ligne de code.

Cela dit, jetons un coup d'œil à quelques conseils pour utiliser les shortcodes dans WordPress.

Astuce 1. Sachez quand ne pas utiliser les codes abrégés

Les shortcodes sont super, mais utiliser des shortcodes dans chaque message n'est pas une bonne idée. Il existe de nombreux thèmes WordPress qui prétendent fièrement avoir plus de 200 codes abrégés.

Cependant, si vous utilisez un shortcode dans chaque publication, vous êtes à jamais lié au thème spécifique qui fournit le shortcode.

Si vous utilisez un shortcode spécifique à un thème pour créer des boutons d'appel à l'action dans vos publications ou pages, vous devriez consulter notre guide sur la façon d'ajouter des boutons CSS dans WordPress sans utiliser de shortcodes.

Si vous utilisez vous-même en ajoutant le shortcode dans chaque thème pour ajouter le même élément tel qu'une bannière publicitaire ou un texte de signature à la fin de votre message, vous pouvez utiliser un plugin ou embaucher un développeur pour le coder directement dans votre thème.

Cela facilitera le style de cet élément et le supprimera facilement si vous décidez de le faire.

N'oubliez pas que si vous utilisez un shortcode dans chaque message et que vous souhaitez le supprimer ultérieurement, vous devrez alors modifier tous les messages pour le supprimer manuellement. Bien qu'il existe un moyen plus simple que nous vous montrerons plus loin dans cet article.

Astuce 2 : Protégez vos codes courts pour l'avenir

Les codes abrégés sont excellents, mais s'ils sont fournis par votre thème, vous voudrez peut-être réfléchir à deux fois avant de les utiliser de manière excessive. Pourquoi?

Parce que si vous changez de thème, votre prochain thème n'aura probablement pas le même shortcode.

La meilleure façon d'éviter cela est d'ajouter votre dans un plugin spécifique au site.

Copiez et collez simplement l'extrait de code court du fichier functions.php de votre thème, puis collez-le dans le plugin spécifique à votre site.

Astuce 3 : Comment rechercher un shortcode dans votre thème WordPress

Afin de pérenniser votre shortcode, vous devez savoir à quoi ressemble la fonction shortcode et comment la trouver dans votre thème.

Vous devez d'abord ouvrir le dossier de votre thème qui se trouve généralement dans /wp-content/themes/your-theme-name/

Vous voulez regarder à l'intérieur du fichier functions.php ou si le thème a un dossier inclus, puis à l'intérieur.

Ouvrez les fichiers et recherchez le terme add_shortcode.

Voici un exemple de ce à quoi ressemble un extrait de code court :


function my_shortcode_function() { 
$i = '<p>Hello World!</p>';
return $i;
} 
add_shortcode('my-shortcode', 'my_shortcode_function');

Ce code crée un shortcode ‘my-shortcode', qui renvoie un simple texte de salutation et peut être intégré dans un article ou une page WordPress comme ceci :

[my-shortcode]

Guide utile : comment créer un shortcode dans WordPress.

Astuce 4 : Utiliser des Shortcodes dans les Widgets

Utiliser un shortcode dans les widgets WordPress

Souvent, les utilisateurs pensent que les shortcodes sont limités aux publications et aux pages, mais ce n'est pas le cas. Vous pouvez l'utiliser dans vos widgets de texte WordPress.

Faites simplement glisser et déposez un widget de texte dans votre barre latérale et ajoutez votre code court à l'intérieur.

N'oubliez pas que cette fonctionnalité n'est pas activée par défaut dans WordPress. Si vous ne voyez pas votre shortcode dans un widget, vous devez ajouter ce code dans le fichier functions.php de votre thème ou dans un plugin spécifique au site.


add_filter('widget_text', 'do_shortcode');

Astuce 5. Ajouter un shortcode dans les fichiers de thème

Si, pour une raison quelconque, vous avez besoin de sortir le shortcode dans une zone non-widget de votre thème, vous pouvez également utiliser vos shortcodes là-bas.

Supposons que vous ayez créé un modèle de page personnalisé et que vous souhaitiez inclure un shortcode pour afficher un formulaire de contact. Ajoutez simplement votre shortcode, comme ceci :


<?php echo do_shortcode("[example_shortcode]"); ?>

Astuce 6. Cacher un shortcode cassé

Souvent les utilisateurs changent de thèmes sans se rendre compte que leurs anciens shortcodes ne fonctionneront pas. Parfois, ils découvrent après des mois qu'un utilisateur visite leur ancien message pour y trouver un texte étrange.

Eh bien, vous avez deux façons de le réparer. Vous pouvez soit supprimer manuellement le shortcode de chaque publication, soit simplement masquer le shortcode cassé.

Tout ce que vous avez à faire est d'ajouter le code suivant dans le fichier functions.php de votre thème ou dans un plugin spécifique au site.


add_shortcode( 'shortcodetag', '__return_false' );

Ce code ajoute le shortcode orphelin sans sortie. N'oubliez pas de remplacer shortcodetag avec votre nom de shortcode.

Astuce 7. Trouver les Shortcodes utilisés dans les publications

Si vous ne souhaitez pas utiliser le hack de l'astuce 6 et que vous souhaitez plutôt supprimer tous les shortcodes manuellement, la première étape consiste à rechercher tous les messages utilisant le shortcode.

Vous pouvez utiliser ce code dans le fichier functions.php de votre thème ou dans un plugin spécifique au site pour faire le travail à votre place.


function wpb_find_shortcode($atts, $content=null) { 
ob_start();
extract( shortcode_atts( array(
		'find' => '',
	), $atts ) );

$string = $atts['find'];

$args = array(
	's' => $string,
	);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {
        echo '<ul>';
	while ( $the_query->have_posts() ) {
	$the_query->the_post(); ?>
	<li><a href="<?php  the_permalink() ?>"><?php the_title(); ?></a></li>
	<?php
	}
        echo '</ul>';
} else {
        echo "Sorry no posts found"; 
}

wp_reset_postdata();
return ob_get_clean();
}
add_shortcode('shortcodefinder', 'wpb_find_shortcode'); 

Ce code crée simplement un shortcode appelé shortcodefinder. Il exécute une requête WordPress et répertorie les publications avec une balise de code court donnée.

Par exemple, si vous vouliez trouver tous les messages contenant un shortcode [contact-form] alors vous entreriez simplement [shortcodefinder find=’contact-form’] dans une page WordPress et enregistrez-la. Maintenant, si vous prévisualisez la page, vous pourrez voir tous les messages contenant le shortcode.

Pour des instructions plus détaillées, consultez notre guide sur la façon de trouver et de masquer les codes abrégés inutilisés dans WordPress.

Astuce bonus : quels codes courts puis-je utiliser dès maintenant ?

Souvent, les utilisateurs ne savent pas quels shortcodes sont à leur disposition. le plugin de référence de shortcode fournit une liste et des détails sur les shortcodes disponibles sur votre site WordPress.

Nous espérons que ces conseils vous ont aidé à apprendre à utiliser les shortcodes et à en tirer le meilleur parti dans WordPress comme un pro.

Si cet article vous a plu, abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Google+.

Laisser un commentaire