Comment créer et utiliser les shortcodes pour vos articles WordPress?

Les Shortcodes ont été introduits dans WordPress 2.5, et vous aident à créer des  macros à utiliser dans vos articles. C’est un excellent moyen de créer quelque chose comme un spot publicitaire dynamique ou un bouton d’appel à une l’action dans vos articles.

Avec un peu d’imagination, vous vous rendrez vite compte du potentiel de shortcodes, et ce qui peut être fait avec eux. Dans cet article, je vais vous montrer comment créer et utiliser ces shortcodes, et puis je vais vous montrer quelques shortcodes prêt-à-utiliser sur votre propre site WordPress.

La partie code est à introduire dans votre fichier functions.php de votre thème wordpress:

La partie utilisation est à introduire dans votre article:

Vous devriez obtenir ceci dans votre article:

1.Création d’un shortcode vers votre compte Twitter

Nous allons créer un simple lien vers notre compte Twitter, et puis l’ajouter dans un article :

<?php 
function button_shortcode() {
    return '<a href="http://twitter.com/#!/vincent26666" class="twitter-button">Follow me on Twitter!</a>"';
}
add_shortcode('button', 'button_shortcode'); 
?>

2.Intégrer Adsense n’importe où sur vos messages:

Avec ce shortcode vous pouvez ajouter une annonce Google n’importe où dans vos articles.

function showads() {
    return '<script type="text/javascript"><!--
google_ad_client = "ca-pub-4854222378437565";
/* Banniere telechargement 468&#42;60 */
google_ad_slot = "0421200035";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}
add_shortcode('adsense', 'showads');

Utilisation:

[adsense]

3.Intégrer des vidéos YouTube:

function youtube($atts) {
    extract(shortcode_atts(array(
        "value" => 'http://',
        "width" => '475',
        "height" => '350',
        "name"=> 'movie',
        "allowFullScreen" => 'true',
        "allowScriptAccess"=>'always',
        "controls"=> '1',
    ), $atts));
    return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"><param name="allowScriptAccess" value="'.$allowScriptAccess.'"><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></object>';
}
add_shortcode("youtube", "youtube");

Utilisation:

[youtube value="http://www.youtube.com/watch?v=NIeMhrZZ_iY"]