Bienvenue, visiteur ! [ S'enregistrer | Connexion

Intérêt des Shortcodes WordPress pour votre blog

Actualites sites wordpress 11 février 2015

Les ShortCodes sont des raccourcis qui servent à afficher de nombreux éléments dans les publications à travers un code très court entre braquettes. Toutefois, ces shortcodes sont très puissants. Ils vont tout simplement être collés dans le fichier functions.php de votre thème wordpress et utilisés selon leur présentation.

intérêt_shortcodes_wordpress

10 avantages des shortcodes

  • Affichage des articles reliés

Pour faire en sorte que les visiteurs s’attardent sur votre site, il faut afficher les articles parlant du même sujet. Pour le faire de la manière la plus simple possible, il est possible d’utiliser un simple code.

function related_posts_shortcode( $atts ) {
	extract(shortcode_atts(array(
	    'limit' => '5',
	), $atts));

	global $wpdb, $post, $table_prefix;

	if ($post->ID) {
		$retval = '<ul>';
 		// Get tags
		$tags = wp_get_post_tags($post->ID);
		$tagsarray = array();
		foreach ($tags as $tag) {
			$tagsarray[] = $tag->term_id;
		}
		$tagslist = implode(',', $tagsarray);

		// Do the query
		$q = "SELECT p.*, count(tr.object_id) as count
			FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id  = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID
				AND p.post_status = 'publish'
				AND p.post_date_gmt < NOW()
 			GROUP BY tr.object_id
			ORDER BY count DESC, p.post_date_gmt DESC
			LIMIT $limit;";

		$related = $wpdb->get_results($q);
 		if ( $related ) {
			foreach($related as $r) {
				$retval .= '<li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li>';
			}
		} else {
			$retval .= '
	<li>No related posts found</li>';
		}
		$retval .= '</ul>';
		return $retval;
	}
	return;
}
add_shortcode('related_posts', 'related_posts_shortcode');

Utilisation :

[related_posts]
  • Affichage des graphiques de Google Charts

Il existe un Shortcode qui facilite la procédure comme ceci :

function chart_shortcode( $atts ) {
	extract(shortcode_atts(array(
	    'data' => '',
	    'colors' => '',
	    'size' => '400x200',
	    'bg' => 'ffffff',
	    'title' => '',
	    'labels' => '',
	    'advanced' => '',
	    'type' => 'pie'
	), $atts));
 
	switch ($type) {
		case 'line' :
			$charttype = 'lc'; break;
		case 'xyline' :
			$charttype = 'lxy'; break;
		case 'sparkline' :
			$charttype = 'ls'; break;
		case 'meter' :
			$charttype = 'gom'; break;
		case 'scatter' :
			$charttype = 's'; break;
		case 'venn' :
			$charttype = 'v'; break;
		case 'pie' :
			$charttype = 'p3'; break;
		case 'pie2d' :
			$charttype = 'p'; break;
		default :
			$charttype = $type;
		break;
	}
 
	if ($title) $string .= '&chtt='.$title.'';
	if ($labels) $string .= '&chl='.$labels.'';
	if ($colors) $string .= '&chco='.$colors.'';
	$string .= '&chs='.$size.'';
	$string .= '&chd=t:'.$data.'';
	$string .= '&chf='.$bg.'';
 
	return '<img title="'.$title.'" src="http://chart.apis.google.com/chart?cht='.$charttype.''.$string.$advanced.'" alt="'.$title.'" />';
}
add_shortcode('chart', 'chart_shortcode');

Utilisation :

[chart data="41.52,37.79,20.67,0.03" bg="F7F9FA" labels="Reffering+sites|Search+Engines|Direct+traffic|Other" colors="058DC7,50B432,ED561B,EDEF00" size="488x200" title="Traffic Sources" type="pie"]
  • Intégration des publicités Adsense

On sait  que lors de la création d’un blog wordpress, Adsense est un moyen très populaire. Grâce à des widgets, il devient aisé d’ajouter des publicités adsense dans les colonnes d’un site. Mais pour recevoir le maximum de clics de la part des visiteurs, il faut impérativement intégrer des publicités adsense au sein des articles. Pour simplifier la procédure, les shortcodes de wordpress sont la meilleure solution.

function access_check_shortcode( $attr, $content = null ) {
    extract( shortcode_atts( array( 'capability' => 'read' ), $attr ) );
    if ( current_user_can( $capability ) && !is_null( $content ) && !is_feed() )
        return $content;

    return 'Sorry, only registered members can see this text.';
}

add_shortcode( 'access', 'access_check_shortcode' );

Utilisation:

[access capability="switch_themes"]

  • Affichage des infos des membres

On peut remarquer dans certains blogs, l’apparition de sections visibles seulement par les membres. La procédure pour afficher un contenu réservé à une seule catégorie est simple grâce à un shortcode

function access_check_shortcode( $attr, $content = null ) {
    extract( shortcode_atts( array( 'capability' => 'read' ), $attr ) );
    if ( current_user_can( $capability ) && !is_null( $content ) && !is_feed() )
        return $content;

    return 'Sorry, only registered members can see this text.';
}

add_shortcode( 'access', 'access_check_shortcode' );

Utilisation:

[access capability="switch_themes"]
  • Intégration d’un lecteur de flux RSS

WordPress est doté de son propre lecteur RSS chargé d’afficher les flux d’un site sur le tableau de bord. Pour l’intégrer dans une colonne d’un blog, il suffit d’utiliser un shortcode pour simplifier la procédure.

//This file is needed to be able to use the wp_rss() function.
include_once(ABSPATH.WPINC.'/rss.php');

function readRss($atts) {
    extract(shortcode_atts(array(
	"feed" => 'http://',
      "num" => '1',
    ), $atts));

    return wp_rss($feed, $num);
}

add_shortcode('rss', 'readRss');

Utilisation :

[rss feed="http://feeds2.feedburner.com/wppourlesnuls" num="5"]
  • Création automatique d’une adresse raccourcie pour Twitter

Tout le monde sait que les URL sont importantes sur Twitter et il est ennuyeux d’en raccourcir une pour tweeter un lien. Pour simplifier la procédure, un shortcode est nécessaire

function subzane_shorturl($atts) {
	extract(shortcode_atts(array(
		'url' => '',
		'name' => '',
), $atts));
$request = 'http://u.nu/unu-api-simple?url=' . urlencode($url);
$short_url = file_get_contents($request);
	if (substr($short_url, 0, 4) == 'http')    {
		$name = empty($name)?$short_url:$name;
		return '<a href="'.$short_url.'">'.$name.'</a>';
	} else {
		$name = empty($name)?$url:$name;
		return '<a href="'.$url.'">'.$name.'</a>';
	}
}
add_shortcode('shorturl', 'subzane_shorturl');

Utilisation:

[shorturl name="shortcode" url="http://codex.wordpress.org/Shortcode_API"]
  • Rattachement de la dernière image ajoutée

Il devient inutile de gérer des url d’images par le fait qu’un simple shortcode  va vous aider à retrouver et afficher de manière automatique la dernière image de l’article.

function sc_postimage($atts, $content = null) {
	extract(shortcode_atts(array(
		"size" => 'thumbnail',
		"float" => 'none'
	), $atts));
	$images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . get_the_id() );
	foreach( $images as $imageID => $imagePost )
	$fullimage = wp_get_attachment_image($imageID, $size, false);
	$imagedata = wp_get_attachment_image_src($imageID, $size, false);
	$width = ($imagedata[1]+2);
	$height = ($imagedata[2]+2);
	return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>';
}
add_shortcode("postimage", "sc_postimage");

Utilisation:

[postimage]
  • Ajout des commentaires d’administrateur

Il est possible que le blog appartienne à plus d’un auteur. Pour laisse des messages aux autres copropriétaires du blog un shortcode peut faire l’affaire.

add_shortcode( 'note', 'sc_note' );

function sc_note( $atts, $content = null ) {
	 if ( current_user_can( 'publish_posts' ) )
		return '<div class="note">'.$content.'</div>';
	return '';
}

Utilisation:

[note]Voici une notre personnelle seulement visible par l'administrateur![/note]
  • Empêchement du formatage automatique de WordPress

Le formatage automatique de wordpress est usant s’il est d’usage d’afficher des bouts de code snippets sur un blog. Pour résoudre le problème, un shortcode empêche la fonction d’auto formatage sur une partie d’un texte.

function my_formatter($content) {
	$new_content = '';
	$pattern_full = '{(\[raw\].*?\[/raw\])}is';
	$pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
	$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

	foreach ($pieces as $piece) {
		if (preg_match($pattern_contents, $piece, $matches)) {
			$new_content .= $matches[1];
		} else {
			$new_content .= wptexturize(wpautop($piece));
		}
	}

	return $new_content;
}
	
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');

add_filter('the_content', 'my_formatter', 99);

Utilisation:

[raw]Cette portion de texte de sera pas formatée automatiquement par WordPress.[/raw]
  • Affichage des statistiques d’un blog

Grâce à des shortcodes comme « wesley » ou « blog stats », il est possible d’afficher des informations analytique comme le nombre d’article, commentaires, le pagerank….

 pagerank]

[feedburner_subscribers]
[alexa_rank]
[technorati_authority]
[technorati_rank]
[user_count]
[post_count]
[page_count]
[comment_count]
[trackback_count]
[avg_comments_per_post]
[category_count]
[tag_count]
[link_count]
[google_backlinks]
[yahoo_backlinks]
[delicious_bookmarks]

Sources : CatsWhoCode et ImproveTheWeb

 

Share Button

  

1643 vues au total, 2 vues aujourd'hui

  

Ajouter un commentaire

Protected with IP Blacklist CloudIP Blacklist Cloud

Time limit is exhausted. Please reload CAPTCHA.

  • Référencement Blogs

    par sur 30 avril 2013 - 0 Commentaires

    Le blog est avant tout un site internet, donc il a besoin d’être indexé et référencé dans les moteurs de recherche afin d’être crawlé par ces derniers, et ainsi devenir visible et bien positionné dans les résultats des requêtes. Si vous voulez que votre blog soit vu et retrouvé facilement, il est important de l’optimiser […]

  • Mise à jour importante de l’application WordPress pour Blackberry 10 et Android

    par sur 26 avril 2013 - 0 Commentaires

    Nouvelle mise à jour de l’application WordPress pour Blackberry 10 et Android qui fera le bonheur des bloggeurs utilisant la plate-forme WordPress. Leur application favorite vient de connaitre une mise à jour importante. Les nouveautés de la nouvelle version Mise à jour de la Barre d’action: Un Nouveau Look avec de la barre d’action permettant […]

  • Comment ajouter une video Youtube sur wordpress?

    par sur 24 avril 2013 - 0 Commentaires

    Rien n’est plus simple Pour mettre une vidéo youtube sur un blog WordPress, c’est très facile, il suffit de suivre ces étapes. Se rendre sur youtube.com et choisir la vidéo que vous souhaitez intégrer dans votre blog : Ensuite cliquer sur « Partager » (juste en bas de la vidéo) et puis « Intégrer » Articles Similaires: Créer son site […]

  • wordpress

    Comment choisir le meilleur thème WordPress ?

    par sur 3 avril 2013 - 0 Commentaires

    Le choix du thème est-il nécessaire ? Un site web sous WordPress ou autre a généralement son but propre qu’il est nécessaire de poursuivre mais ceci aurait certainement tendance à affecter le thème WordPress à quêter.Il faudrait commencer par savoir que WordPress aurait été à l’origine un moteur de blog personnel et que son utilisation massive […]

  • Comment utiliser un Transient sur WordPress ?

    par sur 1 avril 2013 - 0 Commentaires

    Définition et fonctionnement d’un Transient Le Transient est une fonctionnalité WordPress qui va servir à mettre en cache une information d’une façon temporaire, directement en base de données. Elle va être utile pour éviter de recalculer des éléments de page et aide à l’accélération du temps de chargement. Ce Transient est généralement stocké en base […]

  • Choisir correctement son thème WordPress

    par sur 25 mars 2013 - 0 Commentaires

    Importance du choix d’un thème WordPress Un  thème WordPress doit être choisi minutieusement car ceci revêt de la plus haute importance. En effet, un site WordPress doit refléter l’activité mais ceci sans oublier de respecter les contraintes techniques. WordPress et le respect de l’activité Un site WordPress doit refléter l’activité et ceci en premier lieu […]

  • Wordpress : pour créer simplement votre site internet

    par sur 14 mars 2013 - 0 Commentaires

    WordPress est un CMS (Custom Management System) puissant permettant aux novices du web de créer facilement et gratuitement un blog ou un site Internet. WordPress étant libre de droit (donc GRATUIT !), tout un chacun peut se lancer dans la création de son site ou blog sous wordpress ; les pré-requis nécessaires pour prendre en […]

  • Blog wordpress sur les aides et financement entreprises

    par sur 11 mars 2013 - 0 Commentaires

    Retrouvez les dernières actualités et informations sur les nouvelles modalités et mesures de financement d’entreprises sur : http://financemententreprises.wordpress.com Du financement de la création d’entreprise aux plans de soutien d’entreprises en difficulté passant par les crédits impôt recherche, ce blog vous propose régulièrement les dernières actualités utiles pour l’entreprise. Articles Similaires: Financement création d’entreprise Site internet, […]

  • Mise sous tutelle

    par sur 17 janvier 2013 - 0 Commentaires

    Vous avez un proche qui souffre d’une altération de ses facultés mentales ou corporelles? vous voulez vous renseigner sur les procédures de mise sous protection juridique? Sur notre site tuteur-tutelle.com trouvez la réponse sur toutes vos question! Tutelle, curatelle, sauvegarde juridique ou même aide sociale vous trouverez tout ce que vous chercher pour mener à […]

  • Diffusion Annonces Gratuites

    par sur 18 décembre 2012 - 0 Commentaires

    Publiez gratuitement vos annonces sur le site de petites annonces gratuites : tootokaz.com Site d’annonces gratuites en France Plateforme d’annonces gratuites, ce site est facile et simple à utiliser. Une fois votre annonce insérée, elle est publiée immédiatement. Les webmasteurs du site consultent régulièrement les dernières annonces pour écarter les annonces suspectes et les arnaques. […]