Comprendre les shortcodes dans WordPress : un guide du débutant

Dans le monde WordPress, les shortcodes sont une fonctionnalité très puissante. Ils vous permettent d'insérer des fonctionnalités complexes dans vos publications et pages avec un simple extrait de code. Si vous débutez dans le développement WordPress, ce guide vous aidera à comprendre ce que sont les shortcodes, comment ils fonctionnent et comment créer les vôtres !

Que sont exactement les shortcodes ?

Les shortcodes sont de petits morceaux de code que vous ajoutez à une publication, une page ou un widget pour inclure du contenu dynamique. Ils agissent comme des espaces réservés que WordPress traite et remplace par des fonctionnalités plus complexes lors du chargement de la page.

Par exemple, [année] pourrait être un shortcode utilisé pour afficher dynamiquement l'année en cours.

Pourquoi devriez-vous utiliser des shortcodes ?

Ils offrent un moyen simplifié d'ajouter des fonctionnalités avancées à votre contenu. Au lieu d'écrire le même code à plusieurs reprises, vous pouvez créer un shortcode réutilisable pour gagner du temps et maintenir la cohérence. Les codes courts sont parfaits pour ajouter des fonctionnalités personnalisées telles que des formulaires de contact, des boutons ou des galeries à plusieurs pages, avec la possibilité de les contrôler à partir d'un seul endroit.

Maintenant, passons à la bonne partie : comment créer des shortcodes personnalisés.

Comment créer un shortcode personnalisé

Créer votre propre shortcode de base dans WordPress ne nécessite qu'un peu de PHP.

1. Ouvrez votre fichier function.php.

2. Créez une fonction pour ce que vous voulez que le shortcode fasse.

Par exemple :

function cta_button_shortcode() {
    return '<a href="#">



<h3>
  
  
  3. Register the shortcode.
</h3>

<p>The add_shortcodefunction takes two parameters: the first is the name of the shortcode, for example, [cta_button]. The second is the callback function that will handle all the logic and render the result—in this case, our cta_button_shortcode function.<br>
</p>

<pre class="brush:php;toolbar:false">add_shortcode('cta_button', 'cta_button_shortcode');

4. Utilisez votre shortcode !

Maintenant, vous pouvez utiliser [cta_button] dans n'importe quel article ou page, et il affichera un élément de lien avec le texte « Cliquez ici ! ».

Ajout de paramètres au shortcode

Vous pouvez également ajouter des paramètres aux shortcodes, qui agissent comme des attributs transmettant des informations à la fonction shortcode. Cela vous permet de modifier le texte ou le lien de notre bouton sans avoir besoin de modifier le code ou de créer des shortcodes supplémentaires. Avec les paramètres, vous pouvez également définir des valeurs par défaut au cas où elles ne seraient pas fournies dans le shortcode.

Je vous recommande fortement de consulter la documentation officielle de WordPress sur les atts de shortcode.

Voir l'exemple ci-dessous :

fonction cta_button_shortcode($atts) {
    $atts = shortcode_atts(
        tableau(
            'texte' => 'Cliquez ici !', // Valeur par défaut
            'url' => '/', // Valeur par défaut
        ),
        $atts,
        'cta_bouton'
    );
    return '<a href="' . esc_url($atts['url']) . '">



<p>Nous pouvons désormais l'utiliser comme [cta_button text="En savoir plus" url="https://example.com"], et si nous devons modifier le texte et le lien, nous pouvons le faire sans modifier notre code court .</p><hr>

<p>Vous connaissez désormais les bases des shortcodes WordPress ! Avec seulement quelques lignes de code, vous pouvez créer des éléments de contenu puissants et flexibles qui rendent votre site plus dynamique et plus facile à gérer. Que vous créiez des boutons, des formulaires ou des éléments de conception uniques, les codes courts sont là pour vous rendre la vie de développeur un peu plus facile et beaucoup plus amusante.</p>

<p>Alors allez-y, expérimentez et voyez quelles fonctionnalités intéressantes vous pouvez créer ! ? Les shortcodes sont comme de petits tours de magie que vous pouvez utiliser à tout moment pour rendre WordPress encore plus étonnant. Bon codage ! ?</p>


          

            
        

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!