Article destiné aux personnes ayant quelques bases sur wordpress pour ajouter sans plugin une icône Youtube dans l’éditeur WordPress et ainsi ajouter facilement des vidéos Youtube dans ses articles ou pages.

L’administrateur du site wordpress à juste besoin de faire un copier/coller de l’url de sa video Youtube pour l’afficher dans son article.

sources disponible en fin d’article

Utilisation des Shortcodes :

Les shortcodes, sous WordPress (version 2.5+) sont des mini codes à placer dans vos articles ou pages, dans le but d’exécuter des fonctions définies ils utilisent pour cela l’API des shortcodes WordPress.

Etape 1 : fichier functions.php du thème.

1)Coller le code php ci-dessous dans votre fichier functions.php par exemple au début du fichier après la balise <?php :

/*Debut Youtube shortcode*/
	function addYouTube($atts, $content = null) {
        extract(shortcode_atts(array( "id" => '' ), $atts));
        // ci-dessous hauteur et largeur generique a definir
		return '<iframe width="700" height="386" src="http://www.youtube.com/embed/'.$id.'" frameborder="0" allowfullscreen></iframe>';
	}
	add_shortcode('youtube', 'addYouTube');
	function add_youtube_button() {
   // Verification des permissions du membre :
   if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') )
     return;

   // Ajout du bouton en mode visuel uniquement
   if ( get_user_option('rich_editing') == 'true') {
     add_filter("mce_external_plugins", "add_youtube_tinymce_plugin");
     add_filter('mce_buttons', 'register_youtube_button');
   }
   function register_youtube_button($buttons) {
	   array_push($buttons, "|", "youryoutube");
	   return $buttons;
	}
	// chargement du fichier editor_plugin.js qui doit etre place dans le repertoire js de votre thème
	function add_youtube_tinymce_plugin($plugin_array) {
	   $plugin_array['youryoutube'] = get_bloginfo('template_url').'/js/editor_plugin.js';
	   return $plugin_array;
	}
	}
	function my_refresh_mce($ver) {
		$ver += 3;
		return $ver;
	}
	add_filter( 'tiny_mce_version', 'my_refresh_mce');
	add_action('init', 'add_youtube_button');
/* fin youtube shortcode */

2)Ligne 5 : »<iframe width= »700″ height= »386″ remplacer les valeurs par vos propres tailles en pixels.

Etape 2 : ajout du fichier editor_plugin.js

1)Dans le répertoire » js » de votre thème (il est possible que sur certain thème ce répertoire n’existe pas il suffit  donc de le créer)

2)Créer un nouveau fichier et nommer ce fichier « editor_plugin.js » et coller ce code dans ce dernier :

(function() {
	tinymce.create('tinymce.plugins.YourYouTube', {
		init : function(ed, url) {
			ed.addButton('youryoutube', {
				title : 'Vidéo Youtube',
				image : url+'/youtube.png',
				onclick : function() {
					idPattern = /(?:(?:[^v]+)+v.)?([^&=]{11})(?=&|$)/;
					var vidId = prompt("YouTube Video", "Entrez l'identifiant ou l'url de la vidéo youtube.");
					var m = idPattern.exec(vidId);
					if (m != null && m != 'undefined')
						ed.execCommand('mceInsertContent', false, '[youtube id="'+m[1]+'"]');
				}
			});
		},
		createControl : function(n, cm) {
			return null;
		},
		getInfo : function() {
			return {
				longname : "YouTube Shortcode",
				author : 'Brett Terpstra',
				authorurl : 'http://brettterpstra.com/',
				infourl : 'http://brettterpstra.com/',
				version : "1.0"
			};
		}
	});
	tinymce.PluginManager.add('youryoutube', tinymce.plugins.YourYouTube);
})();

Etape 3 : ajouter l’image du bouton youtube

1)Enregistrer l’ image ci-dessous sur votre ordinateur et copier la dans votre repertoire js de votre thème au même niveau que le fichier editor_plugin.js.

Téléchargement des sources (format Zip) :

Depuis quelques années WordPress a gagné en popularité surtout dans le milieu professionnel et nous pensons qu’il est primordial aujourd’hui, de faire le pont entre Experts WordPress et Professionnels.

L’objectif de wordpress-questions.fr est de proposer des solutions rapides et efficaces aux problèmes rencontrés sous WordPress tout en rémunérant les experts pour leur travail et ainsi mettre en avant leurs compétences professionnelles.

Après des mois de travail, nous avons lancé ce mercredi 11 janvier 2012 une première version de wordpress-questions.fr.

Le site est encore en phase de test et est susceptible d’évoluer. N’hésitez pas à nous faire part de vos retours !

Petite définition d’une favicon :

Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icone »), les onglets, ou autres raccourcis.

L’ajout d’une favicon est important pour aider l’internaute à identifier rapidement votre site parmi ses favoris ou ses onglets du navigateur.

Ce plugin WordPress est idéal pour les débutants car il s’occupe de tout, vous avez juste à créer l’image ! l’upload se fait depuis l’administration via Réglages > All in one Favicon.

Lien vers le plugin : http://wordpress.org/extend/plugins/all-in-one-favicon/installation/

Wp Page Widget est un plugin qui offre énormément de souplesse à vos pages/articles/custom post type. En effet celui-ci permet pour les thèmes compatibles widgets de personnaliser chaque page/articles/custom post type et d’ajouter ou supprimer des widgets sans impacter sur les autres entités.

Pour vous donner un exemple : sur cet article j’ai enlevé la recherche en haut à droite et rajouter un texte en bleu « Offrir de la souplesse à votre site« . Ce texte  s’affiche uniquement sur cet article.

D’un point de vue gestion les options du plugin sont accessible depuis Réglages > Page Widgets et on retrouve pour chaque entité  la gestion des widgets :

Ce plugin est tout récent, il peut comporter des bugs, si tel est le cas envoyer moi vos commentaires afin de prévenir les auteurs.

Informations

Lien de téléchargement : http://wordpress.org/extend/plugins/wp-page-widget/

Forum d’aide  : http://wordpress.org/tags/wp-page-widget?forum_id=10

Page de l’auteur du plugin : http://codeandmore.com/products/wordpress-plugins/wp-page-widget/

PlayWorks est un thème minimalisme développé par WordPress Spirit qui utilise les dernières fonctionnalités de WordPress 3. Idéal pour créer son portfolio mais peut tout aussi bien s’adapter à d’autres types de besoins.

Le design est épuré et sans fioritures afin de mettre en avant vos travaux ou réalisations.

Thème en Démonstration :

• Playworks Gratuit.
• Playworks Premium.

Sites qui utilise PlayWorks :

• Fixed Tricks.
• France Freeride.
• Envoyer moi vos créations avec PlayWorks si vous souhaitez un lien sur cette page.

Caractéristiques Techniques	Playworks gratuit	Playworks premium	Playworks pro
Logo personnalisable
Lien vers votre page Facebook et/ou Twitter
2 menus (primaire & secondaire)
Banniere Modifiable en page d’accueil
Edito Personnalisable en page d’accueil
Partage Facebook pour les articles
Partage Twitter pour les articles
Navigation inter-articles
Possibilité d’affichage Iframe (Vidéo, Google map)
Pagination intégrée
2 types d’affichage pour les listes d’articles
2 types de colonne pour la partie article (Gauche ou Droite)
2 modèles de page (large et avec colonne)
Possibilité d’ajouter une image pour chaque catégorie
Gestion des projets ( Custom post type)
Gestion jusqu’à 4 taxonomy personnalisables pour les projets
Possibilité du choix d’affichage en page d’accueil : articles, projets ou les deux.
Gallerie d’images en jquery pour les projets.
Widget de mise en avant de projets dans la colonne.
Possibilité d’ajouter une image pour toutes les taxonomy des projets (comme les catégories)
Deux affichages différents pour les projets (avec ou sans colonne)
Theme en version noir/blanc par défaut
Possibilité d’autoriser l’utilisateur à changer la version du thème noir/blanc
Modification du label « Color Background »
Upload du logo pour la version noir
Pied de page modifiable pour enlever la signature wordpress-spirit
Compatible multi-sites
Multi utilisations
Paiement :	Gratuit	Premium 39€	Pro 99€
J’ai pris connaissance et j’accepte les conditions générales		nothing	nothing

Documentations	FAQ	Demande de Support

Ce tutoriel vous permet d’ajouter un champ texte pour renseigner l’url d’une image pour chacune de vos catégories.

Dans votre fichier functions.php :

add_action('init', 'ma_categorie_module');

function ma_categorie_module() {
 add_action ( 'edit_category_form_fields', 'add_image_cat');
 add_action ( 'edited_category', 'save_image');
 }

Function pour l’ajout du champ supplémentaire :

function add_image_cat($tag){
 $category_images = get_option( 'category_images' );
 $category_image = '';
 if ( is_array( $category_images ) && array_key_exists( $tag->term_id, $category_images ) ) {
 $category_image = $category_images[$tag->term_id] ;
 }
 ?>
<label for="auteur_revue_image">Image</label>
 <img src="<?php echo $category_image;?>" alt="" />

 <input id="category_image" name="category_image" type="text" value="<?php echo $category_image; ?>" />

 <span>Ce champ permet d'ajouter une image pour illustrer la catégorie. Uploader l'image depuis l'onglet médias WordPress et coller son url ici.</span>
  <?php
 }

Function pour la sauvegarde :

function save_image($term_id){
 if ( isset( $_POST['category_image'] ) ) {
 //load existing category featured option
 $category_images = get_option( 'category_images' );
 //set featured post ID to proper category ID in options array
 $category_images[$term_id] =  $_POST['category_image'];
 //save the option array
 update_option( 'category_images', $category_images );
 }
 }

Affichage de l’image dans catégorie.php ou archive.php selon votre thème, prenez catégorie.php en priorité et rajouter ce code avant la boucle wordpress :

 <img src="<?php echo $category_image;?>" alt="" />

Pour afficher l’image de la première catégorie dans les articles (single.php) :

<?php
 $category = get_the_category();
 if($category){
 $category_images = get_option( 'category_images' );
 $category_image = '';
 if ( is_array( $category_images ) && array_key_exists( $category[0]->term_id, $category_images ) ){

 $category_image = $category_images[$category[0]->term_id] ;
 ?>
 <img src="<?php echo $category_image;?>"/>
 <?php
 }
 }
 ?>

Mise à jour

AFFICHER LES CATÉGORIES (image et description) sur la page d’accueil :

Dans le fichier functions.php :

//get the current cat Id.
function getCurrentCatID(){
  global $wp_query;
  if(is_category() || is_single()){
$cat_ID = get_query_var('cat');
  }
  return $cat_ID;
 }
 ///WP-SPIRIT.com get the cat thumbnail
function getImageCatById($idCat = ""){
	$defautUrlNo = get_bloginfo('template_url')."/images/no-thumb-cat.png";
	$category_images = get_option( 'category_images' );
	$category_image = '';
	if($idCat != ""){
		//outside the loop (ex:index.php)
		if ( is_array( $category_images ) && array_key_exists( $idCat, $category_images ) ){
			$category_image = $category_images[$idCat] ;
			return $category_image;
		}
		else{
		 return $defautUrlNo;
		}
	}
	else{
		//category.php
		$catId = getCurrentCatID();
		if($catId){
			if ( is_array( $category_images ) && array_key_exists( $catId, $category_images ) ){
			$category_image = $category_images[$catId] ;
			return $category_image;
		}
		else{
		 return $defautUrlNo;
		}
		}
		else{
		 return $defautUrlNo;
		 }
	}
}

<ul id="category-bloc">
	<?php $argsCat = array(
    'type'                     => 'post',
    //'child_of'                 => 0,
    //'parent'                   => ,
    'orderby'                  => 'name',
    'order'                    => 'ASC',
    'hide_empty'               => 0,
    'hierarchical'             => 1,
   // 'exclude'                  => ,
   // 'include'                  => ,
    //'number'                   => ,
    'taxonomy'                 => 'category',
    'pad_counts'               => false );

	$categories = get_categories( $argsCat );
	foreach ($categories as $category) {
			//datas avalaible
			/*
			$category->term_id
			$category->name
			$category->slug
			$category->term_group
			$category->term_taxonomy_id
			$category->taxonomy
			$category->description
			$category->parent
			$category->count
			$category->cat_ID
			$category->category_count
			$category->category_description
			$category->cat_name
			$category->category_nicename
			$category->category_parent
			*/
		?>
		<li>
			<?php
			$catID = $category->term_id;
			 // Get the URL of this category
			$category_link = get_category_link( $catID );
			?>
			<h2><a href="<?php echo $category_link;?>"><?php echo $category->cat_name; ?></a></h2>
			<img src="<?php echo getImageCatById($catID);?>" alt="<?php echo $category->cat_name; ?>" title="<?php echo $category->cat_name; ?>"/>
			<p><?php echo $category->category_description; ?></p>
		</li>
		<?php
		}
	?>
</ul>

Dans la page des catégories (category.php):

<img src="<?php echo getImageCatById();?>"/>

Pour rappel les Custom Post Types permettent de rajouter des entités supplémentaires à votre site wordpress. Par exemple je souhaite ajouter une entité « projets » afin de gérer et afficher mes projets en cours. J’aurai pu simplement créer une catégorie « projets » dans les articles mais mon entité projet est plus complexe qu’un simple billet de blog.

Dans un précédent article j’ai fais une première approche des Custom Post Type grâce au plugin Easy Post Type.

Ce tutoriel va vous permettre de créer vos propres custom post type sans plugin, ce qui vous permettra une meilleur souplesse dans vos projets WordPress.

De bonnes notions de développement sont nécessaires afin de bien comprendre. Si vous êtes débutant je vous invite à regarder ce lien avant de vous attaquer à ce long tutoriel : plugin Easy Post Type.

Du côté back-office

Afin de déclarer à WordPress ma nouvelle entité « Projets » j’insère ce code dans function.php :

function projet_module() {
 $args = array(
 'label' => __('Projets'),
 'singular_label' => __('Projet'),
 'public' => true,
 'show_ui' => true,
 '_builtin' => false, // It's a custom post type, not built in
 '_edit_link' => 'post.php?post=%d',
 'capability_type' => 'post',
 'hierarchical' => false,
 'rewrite' => array("slug" => "projects"),
 'query_var' => "projets", // This goes to the WP_Query schema
 'supports' => array('title', 'editor', 'thumbnail') //titre + zone de texte + champs personnalisés + miniature valeur possible : 'title','editor','author','thumbnail','excerpt'
 );
 register_post_type( 'projet' , $args ); // enregistrement de l'entité projet basé sur les arguments ci-dessus
 register_taxonomy_for_object_type('post_tag', 'projet','show_tagcloud=1&hierarchical=true'); // ajout des mots clés pour notre custom post type
 //add_action("admin_init", "admin_init"); function pour ajouter des champs personnalisés
 //add_action('save_post', 'save_custom'); function pour la sauvegarde de nos champs personnalisés
}
add_action('init', 'projet_module');

Résultat :

Depuis l’administration wordpress l’entité « Projets » doit apparaitre.

Actuellement si on souhaite ajouter un projet, ce dernier aura quasiment la même structure qu’un billet libre.

Le but maintenant est d’ajouter des champs personnalisés à notre entité.

Ajout des champs personnalisés

Nous allons rajouter un champ Url du projet pour préciser l’adresse web (cas d’un site internet).

1)Pour ce faire : copier le code ci-dessous au dessus du code précédent :

function admin_init(){ //initialisation des champs spécifiques
 add_meta_box("url_projet", "Url du projet", "url_projet", "projet", "normal", "low");  //il s'agit de notre champ personnalisé qui apelera la fonction url_projet()
}
function url_projet(){     La fonction qui affiche notre champs personnalisé dans l'administration
 global $post;
 $custom = get_post_custom($post->ID); fonction pour récupérer la valeur de notre champ
 $url_projet = $custom["url_projet"][0];
 ?>
 <input size="70" type="text" value="<?php echo $url_projet;?>" name="url_projet"/>
 <?php
 }
function save_custom(){ //sauvegarde des champs spécifiques
 global $post;
 if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { // fonction pour éviter  le vidage des champs personnalisés lors de la sauvegarde automatique
 return $postID;
 }
 update_post_meta($post->ID, "url_projet", $_POST["url_projet"]); //enregistrement dans la base de données
 }

2)Repérer les lignes ci dessous et enlever les // :

//add_action("admin_init", "admin_init"); function pour ajouter des champs personnalisés
 //add_action('save_post', 'save_custom'); function pour la sauvegarde de nos champs personnalisés

ce qui donne :

add_action("admin_init", "admin_init"); function pour ajouter des champs personnalisés
 add_action('save_post', 'save_custom'); function pour la sauvegarde de nos champs personnalisés

Résultat :

Le champ personnalisé doit apparaître dans l’édition d’un projet.

Si tout c’est bien déroulé vous devriez pouvoir créer des projets de la même manière qu’un article.

Nous allons maintenant rajouter une catégorie client qui nous permettra de saisir des noms de clients et les attribuer à nos futurs projets .

Ajouter une catégorie à un custom post type (taxonomy)

1) Repérer la ligne :

register_taxonomy_for_object_type('post_tag', 'projet','show_tagcloud=1&hierarchical=true'); // mots clés

2)Et juste en dessous de cette ligne rajouter ces lignes de codes :

$labelsCat1 = array(
 'name' => _x( 'Clients', 'post type general name' ),
 'singular_name' => _x( 'Client', 'post type singular name' ),
 'add_new' => _x( 'Add New', 'client' ),
 'add_new_item' => __( 'Ajouter un client' ),
 'edit_item' => __( 'Modifier le client' ),
 'new_item' => __( 'Nouveau client' ),
 'view_item' => __( 'Voir le client' ),
 'search_items' => __( 'Rechercher des clients' ),
 'not_found' =>  __( 'Aucun client trouvé' ),
 'not_found_in_trash' => __( 'Aucun client trouvé' ),
 'parent_item_colon' => ''
 );
 register_taxonomy("clients", array("projet"), array("hierarchical" => true, "labels" => $labelsCat1, "rewrite" => true));

Résultat :

L’entité projet possède maintenant une catégorie Clients (vous pouvez créer d’autres catégories si vous le souhaitez).

Depuis l’édition d’un article un bloc Client apparait.

Après avoir ajouté quelques projets depuis l’admin nous allons maintenant créer un modèle de page qui va accueillir tous nos projets.

Création d’un modèle de page.

• Dupliquer le fichier page.php de votre template et renommer ce nouveau fichier par exemple : page-projets.php.
• Editer page-projets.php avec un éditeur de texte et ajouter cette ligne de code :

/**
 Template Name: Page des projets
 */

Pour mieux comprendre voici le début de mon fichier page-projets.php :

<?php
/**
 Template Name: Page des projets
 */
get_header(); ?>
		<div id="container">

• Uploader ce nouveau fichier via ftp dans le répertoire de votre template.
• Depuis votre administration WordPress, créer une nouvelle page « projets ».
• Changer le modèle de page « Modèle par défault » par « Page des projets » depuis la liste déroulante :

• Voila votre modèle de page relié à votre page projets, maintenant il reste simplement à appeler la fonction d’affichage des projets.

Affichage des projets sur le site

Dans votre fichier page-projets.php repérer la ligne :

<?php the_content(); ?>

Juste en dessous de cette ligne ajouter ce code :

<div id="projets">
 <?php  $temp_query = $wp_query;
 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
 $args=array(
 'caller_get_posts'=>1,
 'post_type' => 'projet',
 'paged'=>$paged
 );
 $wp_query = new WP_Query($args);
 while ($wp_query->have_posts()) : $wp_query->the_post();
 $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID));
 ?>
 <a href="<?php the_permalink();?>"><img src="<?php echo $src[0];?>" /></a>
 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
 <?php
 $terms = get_the_terms($post->ID, 'clients', '', ', ','');
 if ( !empty( $terms ) ){
 $numTerm = 0;
 echo "<h3>CLIENT : </h3>";
 echo "<p>";
 foreach( $terms as $term ) {
 $numTerm++;
 if ($numTerm == 1){
 echo " ".$term->name;
 }
 else{
 echo ", ".$term->name;
 }
 }
 echo "</p><br/>";
 }
 ?>
 <div>
 <p><?php the_excerpt(); ?></p>
 </div>
 </div>

Ce code affichera tous les projets par ordre chronologique (miniature, titre, client(s) )

Un peu de CSS permet d’adapter cela à votre design.

Résultat : Notre page devrait accueillir les projets, il ne reste plus qu’à faire la page intérieur.

Page intérieur (single-project.php)

Dupliquer le fichier single.php et renommer la copie single-project.php

Tous les codes sont à coller à l’intérieur de la boucle WordPress :

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
Intérieur de la boucle (Ici le code varie en fonction du thème choisie)
<?php endwhile; // fin de laboucle. ?>

1) Ajouter le champ personnalisé Url du projet :

<?php
 $custom = get_post_custom($post->ID);
 $url_projet = $custom["url_projet"][0];
 ?>
<a href="<?php echo $url_projet;?>">Voir ce lien</a>

2)Ajouter la catégorie client :

<?php
 $terms = get_the_terms($post->ID, 'clients', '', ', ','');
 if ( !empty( $terms ) ){
 $numTerm = 0;
 foreach( $terms as $term ) {
 $numTerm++;
 if ($numTerm == 1){
 echo " ".$term->name;
 }
 else{
 echo ", ".$term->name;
 }
 }
 }
 ?>

Si vous avez des difficultés n’hésitez pas à poser vos questions via les commentaires.

Relevanssi permet d’améliorer considérablement la recherche wordpress :

• Résultat triés par pertinence et non par date.
• Mise en évidence des termes recherchés en gras.
• Rechercher des commentaires, mots clés, catégories et des champs personnalisés.
• Indexation des custom post types et des taxonomies personnalisées.
• Indexation des shortcodes.
• Compatible avec le plugin multi-langues WPML.

Documentation pour l’installation du plugin (anglais) : http://wordpress.org/extend/plugins/relevanssi/installation/

Captures :

Image Widget s’installe comme un plugin wordpress et permet comme son nom l’indique d’ajouter une image facilement pour un thème compatible Widget.

L’intérêt de ce Widget est sa facilité d’utilisation ainsi que la possibilité de l’utiliser pour de nombreux cas : Faire une publicité, Mettre en avant un article, une catégorie…

Détails :

• Compatible Multisite

• Redimensionnement d’image

• Lien de l’image

• Titre et description

• Tous les champs sont facultatifs.

• Utilisation de l’importation d’images WordPress

Lien

http://wordpress.org/extend/plugins/image-widget/

Screenshot

Ce petit plugin permet de rendre son site wordpress visible uniquement par les membres enregistrés par exemple pour empêcher l’accès aux visiteurs lors de la phase de développement ou de test.

Il est possible de personnaliser un message d’accueil pour les visiteurs et de bloquer les flux RSS si besoin.

Lien

Plugin : Private WordPress

La grande nouveauté de WordPress 3 est la mise en commun de WordPress et WordPress MU. WordPress MU permettait de gérer sur une même installation WordPress, plusieurs sites WordPress sur une même base de données. Paramétrer WordPress 3 pour une utilisation multi-sites permet par exemple de donner la possibilité à vos membres de créer leurs propres blogs depuis votre blog principal. Il existe 3 types de structures pour le multi-sites :

1. En sous répertoires : monsite.com/site1 (cas n°1).
2. En sous domaines : site1.monsite.com (cas n°2).
3. En domaines propres ou multi-domaines : site1.com qui sera géré directement depuis l’administration de monsite.com. (Attention cette configuration n’est pas proposé par défaut, elle nécessite certaines compétences et certains prérequis techniques. Si vous souhaitez utiliser cette structure rendez vous ici.(cas n°3).

Prérequis : Si vous souhaitez utiliser la structure en sous domaine (cas n°2) votre installation WordPress doit obligatoirement pointer à la racine de votre domaine. En résumé : monsite.com et pas monsite.com/blog/.

Multi-sites avec la structure en sous répertoires ou en sous domaines (cas n°1 ou n°2 ):

1] Activation du multi-sites.

• Faites une sauvegarde complète de votre site.
• Editer le fichier wp-config.php et rajouter cette ligne juste en dessous de « define (‘WPLANG’, ‘fr_FR’); » :

define ('WP_ALLOW_MULTISITE', true  );

• Rendez vous sur l’interface d’administration WordPress et activer le multi-sites via le menu : Outils/Réseaux.

• WordPress vous demande de désactiver temporairement vos plugins.

• Suivez la procédure en renseignant le nom du réseau et l’adresse de l’administrateur. C’est ici que vous devez choisir la structure : en sous répertoires ou en sous domaines (dans mon cas l’installation WordPress est déjà placée dans un sous répertoire, je n’ai donc pas le choix je dois choisir la structure en sous répertoire(cas n°1). Étant donner que la structure en multi-domaines (cas n°3) n’est pas géré par défaut, choisissez la structure en sous répertoire et nous verrons plus bas comment configurer le multi-domaines.

2] Configuration du multi-sites.

• Une fois que vous avez cliqué sur le bouton « Installer », il ne reste plus qu’a configurer le multi-site :

• Faites une copie de sauvegarde de vos fichiers wp-config.php et .htaccess actuels. (fortement conseillé)
• Créez un dossier blogs.dir dans le répertoire wp-content de votre site et vérifier que le dossier blogs.dir est accessible en écriture sinon WordPress ne pourra pas rajouter de nouveau site !
• Editer votre fichier wp-config qui se trouve à la racine de votre installation WordPress et rajouter les lignes (juste en dessous de la ligne define (‘WP_ALLOW_MULTISITE’, true  );) :

Il s'agit ici d'une image, copier le code provenant de votre configuration.

• Editer votre fichier .htaccess qui ce trouve à la racine de votre installation WordPress et coller ce code (Si vous n’avez pas de fichier .htaccess, créer un fichier htaccess.txt depuis votre ordinateur et copier le code, uploader ce fichier sur votre hébergeur puis renommer ce fichier en .htaccess) :

Il s'agit ici d'une image, copier le code provenant de votre configuration.

• Vous devez maintenant vous reconnecter à l’administration.
• Une fois reconnecté si tous c’est bien passé un nouveau menu Super Admin a été créer en haut à gauche :

• WordPress vous indique aussi qu’il encrypte les cookies utilisés par les utilisateurs, mais pour que la sécurité soit améliorée vous devez ajouter les lignes générées par l’api : https://api.wordpress.org/secret-key/1.1/salt/ ou celles que vous propose WordPress dans le fichier wp-config.php :

Les Nouvelles Fonctionnalités

• Admin : Créer des nouveaux sites ou des nouveaux utilisateurs
• Sites : Créer/Modifier/Supprimer des sites.
• Utilisateurs : Créer/Modifier/Supprimer des utilisateurs.
• Thèmes : Activer ou Désactiver les thèmes disponibles pour vos utilisateurs.
• Options : Réglages d’inscription, Paramètres généraux, Réglages d’envoi des fichiers,…

Multi-sites avec la structure en domaines propres (multi-domaines) (cas n°3 ):

Prérequis :

• Votre installation WordPress doit être obligatoirement à la racine de votre domaine.
• Un serveur dédié est recommandé mais les tests peuvent ce faire sur un hébergement mutualisé (Votre hébergeur mutualisé doit autoriser le multi domaines ).
• Effectuer une installation multi-sites avec la structure en sous répertoire comme indiqué ci-dessus (cas n°1).

Installation

• Récupérer le plugin WordPress Mu Domain Mapping: http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/
• Créer un répertoire nommé « mu-plugins » dans le répertoire wp-content de WordPress.
• Glisser le fichier « domain_mapping.php » du plugin Mu Domain Mapping.
• Glisser le fichier « sunrise.php » du plugin Mu Domain Mapping directement à la racine du répertoire wp-content.
• Editer votre fichier wp-config.php et rajouter cette ligne juste en dessous de la ligne « define( ‘BLOG_ID_CURRENT_SITE’, 1 ); » :

define( 'SUNRISE', 'on' );

Configuration

• De retour sur l’administration votre bloc Super Admin devrait accueillir deux parties supplémentaires : Domain Mapping et Domains :

• Dans la partie Domain Mapping récupérer l’adresse Ip ou les adresses Ip (séparées par des virgules) de votre serveur soit par un ping sur votre domaine ou dans la section zone DNS depuis l’administration de votre hébergeur.

1. Remote Login : Redirige tous les formulaires de connexions vers le formulaire du site principal. Avantage : quand vous vous connectez à un, vous vous enregistrez dans tous. Inconvénient : l’url change d’un domaine à un autre pour la connexion.
2. Permanent Redirect : Redirection permanente des sous domaines vers leurs domaines propres (mieux pour le Page Rank des blogs).
3. User domain mapping page : Donner la possibilité à l’utilisateur de saisir son nom de domaine.
4. Redirect administration pages to blog’s original domain (remote login disabled if redirect disabled) : Redirection des pages d’administration vers le domaine original.

Ces réglages sont à effectuer en fonction de vos besoins pour ma part j’ai coché les 2 options du milieu.

• Créer un nouveau site depuis Super Admin/Sites
• Copier ou retenir l’ID du site précédemment crée.

• Depuis le menu Super Admin/Domains relier le nom de domaine à votre site en indiquant le nom du domaine et l’ID précédemment crée:

• Il ne reste plus qu’a  effectuer les redirections de tous vos domaines vers le domaine principale grâce au multi-domaine. Pour OVH, cliquez sur Hébergement/Multi-domaines. Tous les domaines doivent pointer vers le domaine principal :

	Multi-domaine	Cible
	mondomaine-principal	/www/	IP française
	blog1.fr	/www/	IP française
	blog2.fr	/www/	IP française
	blog3.fr	/www/	IP française

• Ces modifications rendront votre site inactif le temps que les DNS se propagent.

Voila WordPress en multi-sites et multi domaines doit fonctionner. N’hésitez pas à me faire part de vos remarques ou conseils.

Ressources

Article sur le « Domain mapping » : http://ottopress.com/2010/wordpress-3-0-multisite-domain-mapping-tutorial/

Plugin WordPress MU Domain Mapping : http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/

Note du 02/03/2012 : attention cette extension ne semble pas fonctionner sur la version 3.3 de wordpress. Pensez à vérifier sur la page http://wordpress.org/extend/plugins/wp-polls/ au préalable si cette extension fonctionne avec votre version.

Il peut être intéressant de recueillir l’avis des internautes par exemple pour la réalisation d’un projet. Wp Polls, plugin très connu dans la communauté WordPress permet de créer des sondages très facilement avec de nombreuses fonctionnalités en termes de paramétrages et de customisations Css.

Installation

• Télécharger le plugin ici : http://wordpress.org/extend/plugins/wp-polls/
• Installer le plugin (Tutoriel pour l’installation d’un plugin ici)
• Récupérer les fichiers de traduction du plugin « wp-polls-fr_FR.po » et « wp-polls-fr_FR.mo » depuis cette adresse: http://plugins.trac.wordpress.org/browser/wp-polls/i18n/
• Placer ces 2 fichiers à la racine du plugin pour activer la traduction française.
• Depuis l’interface d’administration, il suffit de créer des sondages depuis le menu Sondages.
• Pour ajouter un sondage dans un article, il suffit de créer un article et de cliquer sur le bouton depuis le mode visuel. Il ne reste plus qu’a saisir l’ID du sondage visible depuis Sondages/Gérer les sondages.

Informations concernant le plugin

http://lesterchan.net/wordpress/readme/wp-polls.html

Plugins en images

Exemple Simple

Ie6 est un navigateur que l’on ne présente plus, très populaire pour le non respect des standards actuels et des problèmes d’intégrations (article à lire : IE6 la cryptonite des developpeurs ).

Ce tutoriel très simple permet d’ajouter aux utilisateurs malchanceux détenteurs d’ie6 un bandeau en haut de page indiquant : « Vous utilisez un navigateur dépassé depuis près de 8 ans! Pour une meilleure expérience web, prenez le temps de mettre votre navigateur à jour. » L’utilisateur à le choix de télécharger Firefox, Internet Explorer 8, Safari ou Chrome.

Bandeau en image

Code d’implémentation

Code à rajouter sur votre site :

  <!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Vous utilisez un navigateur dépassé depuis près de 8 ans!</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Pour une meilleure expérience web, prenez le temps de mettre votre navigateur à jour.</div>
      </div>
      <div style='width: 75px; float: left;'><a href='http://fr.www.mozilla.com/fr/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
      <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=fr' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
      <div style='width: 73px; float: left;'><a href='http://www.apple.com/fr/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
      <div style='float: left;'><a href='http://www.google.com/chrome?hl=fr' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
    </div>
  </div>
  <![endif]-->

Liens externes

Lien officiel ie6 No More : http://www.ie6nomore.com/code-samples.html

Tester votre site sous Ie6 : http://www.my-debugbar.com/wiki/IETester/HomePage

Regenerate Thumbnail est le plugin pour retailler automatiquement toutes ses images. En effet il arrive souvent d’attribuer une nouvelle taille à ses images depuis le paramétrage des médias. Cependant les modifications sont appliquées uniquement pour les futurs images. Lorsque l’on migre vers une autre template ou l’on modifie la structure de son site, il est parfois nécessaire de changer la taille de toutes ses miniatures. Quand on a un lot important d’images , ce plugin est indispensable.

Lien du plugin

http://wordpress.org/extend/plugins/regenerate-thumbnails/

Mode d’emploi

• Installer le plugin (détail pour les débutants ici)
• Modifier la taille de vos miniatures depuis l’administration dans Réglages / Médias.
• Lancer le processus de recadrage dans Outils/Regen. Thumbnails puis cliquer sur le bouton « Regenerate all Thumbnails ».
• Le processus peut mettre du temps suivant la quantité d’images à retailler.

Plugin en image

WP Popular Post est un plugin bien pensé qui permet de déterminer et afficher les articles populaires de votre blog WordPress. Le système se base sur le nombre de visites/jour, le nombre de visites/total et le nombre de commentaires.

Il existe 3 méthodes pour implémenter ce plugin sur votre site: Widget, ShortCode ou template tag.

Lien vers le plugin

http://wordpress.org/extend/plugins/wordpress-popular-posts/

Widget

Il s’agit de la méthode la plus simple si votre thème est compatible avec les widgets.

Après activation du plugin via l’administration, il suffit d’un glisser/déposer du widget WordPress Popular Posts dans la zone ou les zones « widgetables », par exemple la sidebar de droite.

Template Tag

Si vous souhaitez intégrer le plugin ailleurs sur votre site dans une zone non « widgetable », ajouter cette ligne de code dans l’un des fichiers de votre thème :

Exemple sans paramètre

<?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular(); ?>

<?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular("range=weekly&order_by=comments"); ?>

Pour afficher le nombre de visites pour un article (code a insérer à l’intérieur de la loop ou dans single.php):

<?php if (function_exists('wpp_get_views')) { echo wpp_get_views( ($post->ID) ); } ?>

Le ShortCode

Placer ce code (juste la première ligne) directement dans la zone texte d’un de vos articles ou d’une page :

la deuxième ligne montre simplement comment ajouter des attributs.

Liste des attributs disponibles pour le template tag et le shorcode

Ce thème pour magazine se veut sobre et simple d’utilisation pour un débutant (site clef en main). Il demande toutefois une connaissance des prérequis de recadrage d’images dans WordPress. Ce thème nécessite WordPress 3.0 ou 3.1 car il utilise certaines fonctionnalités telle que la nouvelle gestion des menus .

Fonctionnalités Supplémentaires :

Une page supplémentaire dans l’administration a été rajoutée afin de permettre la gestion de :

• La mise en avant d’une certaine catégorie d’articles à afficher dans le Carousel Jquery de la page d’accueil.
• L’upload de son propre logo .
• Une mise en avant de 4 catégories phares.
• Le paramétrage des informations de base : lien de sa page facebook, twitter, adresse mail de contact, téléphone, fax.
• L’exclusion de certaines catégories spécifiques sur la page d’accueil.
• L’ajout d’une zone de publicité configurable sur la sidebar de droite.
• Ajouter/Désactiver le partage Facebook / Twitter sur les pages de listing d’articles.
• Ajout du code Google analytics ou autre.
• La gestion d’un menu en pied de page pour accueillir vos pages de second plan.

Prérequis

• Compatible uniquement wordpress 3.0 ou 3.1.

• Compatible avec les principaux navigateurs modernes (incompatible ie6: propose à l’utilisateur de mettre à jour son navigateur).

• Compatible Widgets.

Démonstration

Cette démonstration est réalisée sur la version 3.1 de WordPress sans aucune extension additionnelle.

démonstration 1 >

Thème Wide Mag en images

Documentation

La documentation sera  complétée au fur et à mesure et en fonction des demandes. N’hésitez pas à faire part de vos remarques ou d’éventuels problèmes rencontrés qui seront fixés dans une prochaine version.

Lien vers la documentation

Téléchargements Standard

Cette version s’adresse aux particuliers qui souhaitent maintenir la signature WordPress Spirit en pied de page.

Télechargement gratuit :

Téléchargements Source

Cette version est la même que la version standard elle inclut en plus les sources du pied de page et la maquette psd de la page d’accueil.

Plugins conseillés :

• Easy Contact pour la création d’un formulaire de contact.

• L’importance d’une pagination sous wordpress

Tutoriels conseillés :

• La gestion et l’implémentation des menus avec WordPress 3

• Intégrer Google Maps ou Youtube sans plugin WordPress

Depuis WordPress 3 la gestion des menus a beaucoup changé et heureusement car dans les versions antérieurs c’est un véritable casse tête quand on désire implémenter un menu en respectant par exemple un sens bien précis d’apparition des éléments ou exclure certaines catégories.

Les Avantages

• Interface en jquery par glisser / déposer très simple d’utilisation.
• Possibilité d’implémenter autant de menus que bon vous semble.
• Ajouter des liens personnalisés à vos menus, nous ne sommes plus cantonné simplement aux pages et aux catégories.
• Attribuer des titre de navigations différents que le nom de vos éléments (par exemple j’ai une page « Contact »  je peux lui attribuer le titre « Nous Contacter » dans le menu.

L’implémentation des menus

Pour vérifier si votre thème  gère les menus de WordPress 3, cliquer sur menus dans le bloc « Apparence » de votre interface d’administration.

Si votre thème ne gère pas les menus voici le message d’erreur :

Si votre thème gère les menus vous pouvez passer directement à l’étape Gestion des menus

Sinon pour résoudre ce problème, il suffit simplement de déclarer à WordPress dans le fichier functions.php de votre thème que vous souhaiter utiliser les menus en rajoutant le code ci-dessous:

add_theme_support('nav-menus'); // je préviens wordpress que je veux utiliser les menus.
register_nav_menus( array(   // enregistrement des menus
'primary' => 'Menu principal',      // ici mon menu principal
'footer' => 'Menu en pied de page',    // ici mon menu en pied de page
	) );

Avec cet exemple votre thème peut maintenant gérer 2 emplacements de menus (un menu principal et un menu en pied de page)

Il ne reste plus qu’a appeler ces menus dans header.php et footer.php.

Dans header.php rajouter ces lignes à l’emplacement de votre ancien menu :

<?php wp_nav_menu( array('theme_location' => 'primary')); ?>

Dans footer.php rajouter ces lignes :

<?php wp_nav_menu( array('theme_location' => 'footer')); ?>

Ces exemples utilisent seulement l’argument ‘theme_location’ de la fonction wp_nav_menu.

Il existe de nombreux arguments supplémentaires à rajouter afin que votre menu s’adapte à la charte graphique de votre site par exemple.

Les arguments

'theme_location' => 'nom-de-votre-menu'

'container' => 'div'   (balise html qui contient votre menu)

'container_class' => 'menu' (la class css de votre container)

'container_id'    => 'menu-principal' (l'id de votre container)

'menu_class' => 'ma-class' (la class css de votre menu <ul class="ma-class")

'menu_id' => 'mon-id' (l'id css de votre menu <ul id="mon-id")

Listes des arguments disponibles : http://codex.wordpress.org/Function_Reference/wp_nav_menu

La gestion des menus

Les 3 types d’éléments disponibles pour votre menu :

La création d’un menu : déplacer les éléments en glisser/déposer, attribuer des nouveaux titres, créer des sous menus.

Emplacement du menu : attribuer ce menu à l’emplacement désiré : navigation principal ou pied de page par exemple.

Dans cet article je montre une méthode très simple pour intégrer google Maps dans vos articles ou dans une page de contact par exemple. Cette méthode est la même que j’utilise pour autoriser l’affichage d’iframes Vimeo ou Youtube sur son blog. Pas besoin de plugin ni d’api key Google Map.

Installation

• Copier le code ci-dessous dans le fichier : functions.php de votre template afin de permettre l’affichage des champs personnalisés dans l’éditeur WordPress :

function field_func($atts) {
   global $post;
   $name = $atts['name'];
   if (empty($name)) return;
   return get_post_meta($post->ID, $name, true);
}
add_shortcode('field', 'field_func');

• Dans votre article, créer un champ personnalisé appelé par exemple: iframe avec pour valeur le contenu de votre iframe.
• récupérer l’iframe Google Maps situé dans l’onglet lien à droite du plan. Exemple ici.

• Dans l’éditeur de texte wordpress, il ne reste plus qu’a appeler le contenu du champ personnalisé avec le shortcode: [field name=iframe]

Exemple

[field name=iframeMap]

Petite sélection du mois de septembre de thèmes WordPress gratuits de qualité.  N’hésitez pas à me faire part de vos propres sélections de thèmes.

Depuis le mois d’Aout Vimeo et Youtube on sorti leur nouveau code d’intégration (embed) vidéo pour une compatibilité multi-support (iphone, ipad, flash,…).  Malheureusement ce code est une iframe et fonctionne très mal dans l’éditeur de texte TinyMCE de WordPress.

Pour contourner ce problème, on utilise les champs personnalisés afin de renseigner les iframes et les shortcodes pour les afficher dans l’éditeur WordPress à l’endroit désirés.

Installation

• Copier le code ci-dessous dans le fichier : functions.php de votre template afin de permettre l’affichage des champs personnalisés dans l’éditeur WordPress :

function field_func($atts) {
   global $post;
   $name = $atts['name'];
   if (empty($name)) return;
   return get_post_meta($post->ID, $name, true);
}
add_shortcode('field', 'field_func');

• Dans votre article, créer un champ personnalisé appelé par exemple: iframe avec pour valeur le contenu de votre iframe.
• Dans l’éditeur de texte wordpress, il ne reste plus qu’a appeler le contenu du champ personnalisé avec le shortcode: [field name=iframe]

Cette vidéo est lisible aussi depuis un iphone ou un ipad :

[field name=iframe2]

Voici le code pour afficher le fameux bouton de partage Facebook visible sur la plupart des sites aujourd’hui. Pour ma part ce code « Officiel » comporte un bug d’affichage, en effet le compteur ne s’affiche pas à part quand je clique sur le bouton partager. Certaines personnes ont aussi ce problème, je vous propose donc 2 solutions :

1) Solution officielle sans plugin

Copier/Coller ce code dans le fichier single.php de votre template à l’endroit souhaité:

• Version normale :

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

• Version light :

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

2) Solution avec le plugin non officiel FBShare.me

J’ai pour l’instant opté pour cette solution qui fonctionne sur ce blog.

• Télécharger le plugin ici : sharecount-for-facebook
• Installer le plugin ( Aide pour les débutants ici : Comment installer un plugin )
• Configurer le plugin dans les réglages (type de bouton désiré, ajout manuel ou automatique.
• Si vous optez pour l’ajout du compteur Facebook en mode manuel, voici le code à insérer dans single.php :

<?php
echo facebook_sharecount();
?>

Sharecount for Facebook en image

Bon à savoir

L’utilisation d’un compteur de partage Facebook, Twitter ou autres ralentira l’affichage de votre site, à vous de peser le pour et le contre de l’utilisation de cette fonctionnalité. Le cas échéant il est possible d’opter pour la solution de partage facebook sans compteur, code à copier/coller dans single.php de votre thème:

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>

N’hésitez pas à proposer vos trouvailles si vous connaissez d’autres solutions intéressantes.

Aujourd’hui la plupart des blogs proposent en bas de page d’un article des liens vers d’éventuels articles relatifs à la lecture en cour. Ce système se base sur la récupération des mots clefs ou d’autres informations communes à chaque article présent dans la base de données.

Yet Another Related Posts est un plugin wordpress qui permet d’ajouter rapidement ce type de solution. le plugin est disponible ici : télécharger Yet Another Related Posts .

Page de l’auteur du plugin ici : http://mitcho.com/code/yarpp/

Pourquoi mettre en place un tel plugin ?

Mettre en place un tel plugin c’est :

• Encourager les internautes intéressés par votre contenu a continuer leur lecture sur votre site en ajoutant une navigation pratique en bas de votre page.

• Diminuer le taux de rebond visible dans la plupart des outils de statistiques (informations sur le taux de rebond ici ).

Les Avantages de Yet Another Related Posts

Après installation du plugin on peut remarquer le nombre important de réglages possibles afin d’obtenir le résultat souhaité selon son type de contenu. Il est possible de se baser sur les titres d’articles, les catégories, le contenu et bien sûr les mots clefs. Il est intéressant aussi de pouvoir régler ces informations par seuil d’importance ou d’exclure certains mots clefs ou certaines catégories.

Le plugin est livré avec 6 mini-templates afin de répondre au mieux et sans connaissances css à vos besoins de mise en page (thumbnail,wpml,list,photoblog,random,exemple).

Côté optimisation des performances, le plugin est d’après son auteur doté d’une fonction de mise en cache.

Yet Another Related Posts en images :

L’installation du plugin

Instructions de base pour les débutants ici : comment installer un plugin.

Après l’activation de votre plugin via l’administration, déplacer les fichiers de template ci-dessous du plugin vers le répertoire de votre thème  :

• yarpp-template-example.php

• yarpp-template-list.php

• yarpp-template-photoblog.php

• yarpp-template-random.php

• yarpp-template-thumbnail.php

• yarpp-template-wpml.php

Il ne vous reste plus qu’a régler le plugin via l’administration WordPress.

Vers d’autres solutions

Si cette solution ne répond pas à vos attentes, il existe d’autres plugins similaires comme Similar Posts, WordPress Related Posts ou Wasabi Related entries.

Le plugin Network Publisher permet de publier automatiquement vos articles sur les principaux réseaux sociaux (Facebook, Twitter, MySpace, LinkedIn, Identi.ca dans sa version gratuite).

Vous publiez un article wordpress, le lien est ajouté automatiquement sur les réseaux sociaux sélectionnés.

Source du plugin : http://wordpress.org/extend/plugins/network-publisher/

Subscribe2 permet à vos internautes de s’inscrire par e-mail à votre blog. Ils reçoivent alors un mail pour toute nouvelle publication (pages, articles). Il est possible de désactiver l’envoi de certain contenu en décochant l’envoi automatique et d’envoyer des messages personnalisés à vos lecteurs inscris. Deux widgets peuvent être intégrés à votre thème : une inscription via la barre latérale et un compteur d’inscription.

L’inconvénient majeur : la version gratuite ne permet pas l’envoi de mail au format Html.

Le plugin est disponible ici : http://wordpress.org/extend/plugins/subscribe2/

La traduction française : http://liseweb.fr/BLOG/traduction-de-subscribe2-version-5

Dans ce tutoriel je vous montre comment créer une fonction simple pour afficher une longueur d’extrait différente selon la catégorie de posts où l’on se trouve. Par exemple si vous avez une template différente pour 2 catégories. Dans le fichier function.php de votre thème il suffit de rajouter ce code :

function twentyten_excerpt_length( $length ) {
	if (is_category('nomDeMaCategorie')) { //slug de votre catégorie
	$length = 30;    //ex 30 premiers mots
	}
else {
if (is_home()){  // page d'accueil
		$length = 55;
                }
                 else{   // autre choix
$length = 40;
                 }
	}
return $length;
}
add_filter( 'excerpt_length', 'twentyten_excerpt_length' );  //remplace la fonction wordpress excerpt_length par celle-ci

Par défaut WordPress supprime les sauts de lignes en trop, il est alors nécessaire de rajouter à la main le code <br /> en mode html pour rajouter autant de saut de ligne souhaité. Cette méthode est laborieuse et non adapté pour une personne avec aucune connaissance html. Le plugin TinyMCE Advanced permet une fois installé et la case « Stop removing the <p> and <br /> tags when saving and show them in the HTML editor » cochée d’exécuter automatiquement ces sauts de lignes. Ce plugin permet aussi de rajouter de nombreuses fonctionnalités à l’éditeur de texte de base (rechercher/ remplacer, citation, tableaux,…)

Source du plugin : http://wordpress.org/extend/plugins/tinymce-advanced/

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink() ?>"
data-via="WordpressSpirit"
data-text="<?php the_title(); ?>"
data-count="horizontal">Tweet</a>
</div>

Cette astuce provient au départ de l’article de Christophe Lefevre :
http://techtrends.eu/ajouter-le-bouton-twitter-officiel-sur-un-blog-wordpress/

Le protocole Sitemaps, proposé par Google et ensuite adopté par les autres moteurs de recherche, permet de spécifier un plan de site dans un format lisible par les robots d’indexation, au format XML. Ce fichier se trouve à la racine de votre site sous le nom de sitemap.xml.

Le sitemap aide à l’indexation d’un site, car il permet de s’assurer que toutes les pages sont accessibles par les robots d’indexation.

Google XML Sitemaps est un plugin wordpress permettant de générer le plan de votre site au format xml et de notifier tous les moteurs de recherche majeurs chaque fois que vous créez du nouveau contenu. De nombreux paramètres sont disponibles via l’administration wordpress pour personnaliser votre sitemap (ex: priorité des pages, exclusion de certain contenu, …).

Suivre votre indexation

Voici un article très intéressant de netscore.fr sur les outils mis à votre disposition pour suivre l’état de votre indexation : http://www.netscore.fr/2010/08/outil-de-suivi-de-lindexation-par-google/

WP-Paginate est une pagination simple et flexible qui fournit aux utilisateurs une navigation souple pour votre site WordPress.

En plus d’un gain ergonomique pour les internautes, il a aussi été largement annoncé que la pagination augmente le SEO de votre site en fournissant plus de liaisons à votre contenu.

Lien du plugin : ici

Installation

Pour l’installation d’un plugin, référez-vous à l’article Installation d’un plugin WordPress.

Implémentation

Pour la pagination d’articles :

• Ouvrir les fichiers de thème où vous voudriez que la pagination soit utilisée. D’habitude c’est l’index.php, category.php, archive.php et les fichiers de search.php.
• Remplacez votre previous_posts_link() et next_posts_link() par le bloc de code suivant :

<?php if(function_exists('wp_paginate')) {
    wp_paginate();
} ?>

Pour la pagination des commentaires :

• Ouvrir les fichiers de thème où vous voudriez que la pagination soit utilisée. D’habitude c’est comment.php.
• Remplacez votre previous_comments_link() et next_comments_link() par le bloc de code suivant :

<?php if(function_exists('wp_paginate_comments')) {
    wp_paginate_comments();
} ?>

Configuration

Configurer les paramètres principales du plugin depuis l’administration wordpress dans Réglages.

Styles CSS

• Ajouter wp-paginate.css dans votre thème ou depuis styles.css et ajouter votre style.
• Modifier wp-paginate.css depuis le repertoire du plugin.

Un fil d’ariane ou chemin de fer est une aide à la navigation pour les internautes. Les fils d’Ariane apparaissent typiquement horizontalement en haut d’une page Web comme sur ce blog, usuellement sous une barre de titre ou les entêtes de page. Ils fournissent des liens en arrière sur chaque étape (page) parcourue par l’utilisateur au fil de sa navigation à travers l’interface afin de pouvoir se positionner au sein du site et éventuellement revenir sur ses pas depuis le point d’entrée (de départ) du site Web.

Le nom provient de l’Ariane de la mythologie grecque, dont le fil sauva Thésée dans le Labyrinthe.

ex : Home > Plugins WordPress > Ajouter un fil d’ariane à votre blog avec Breadcrumb NavXT.

Breadcrumb NavXT est un plugin qui génère automatiquement ce fameux fil d’ariane en téléchargement ici.

Affichage sur son blog

Coller ce code à l’emplacement souhaité :

<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
	bcn_display();
}
?>
</div>

Paramétrages

Via l’administrateur de wordpress, il est possible de configurer l’ensemble des textes statiques du fil d’ariane.

Documentation

Lien : http://mtekk.us/code/breadcrumb-navxt/#installation

Faire une sauvegarde de votre base de données est primordiale pour ne pas un jour perdre tout le fruit de votre travail.

En effet l’ajout de plugins, les mauvaises manipulations, le piratage et j’en passe, toutes ces actions peuvent altérer votre base de données.

De nombreux plugins existent pour automatiser cette tâche, WP-DBManager a retenu mon attention pour sa sécurité et son large choix de paramètres mis à notre disposition.

Liens

téléchargement du plugin: ici

Installation

• Ouvrir le dossier wp-content/plugins.
• Mettre le dossier : wp-dbmanager.
• Activer WP-DBMANAGER depuis l’administration wordpress.
• Ouvrir le dossier wp-content/backup-db.
• Le script créera automatiquement un dossier appelé backup-db dans le dossier de wp-content si ce dossier possède les droits d’écritures. S’il n’est pas créé, créez-le et appliquez les droit à 777.
• Renommer le fichier htaccess.txt en .htaccess dans le dossier : wp-content/plugins/wp-dbmanager.
• Déplacer le fichier .htaccess du dossier : wp-content/plugins/wp-dbmanager au dossier : wp-content/backup-db.

Sauvegardes automatiques

Les sauvegardes automatiques ce gèrent depuis L’onglet Database / DB options.

A la demande d’un internaute, voici un tutoriel facile permettant la création d’une page pour accueillir tous vos liens crées depuis l’administration de WordPress. Depuis les dernières versions de WordPress, il est possible de classer ses liens par catégories (ex: Ressources, Partenaires, Sites Amis, ect…)

Création d’un modèle de page.

Première étape de ce tutoriel, créer un modèle de page pour afficher les liens :

• Dupliquer le fichier page.php de votre template et renommer ce nouveau fichier par exemple : page-liens.php.
• Editer page-liens.php avec un éditeur de texte et ajouter cette ligne de code :

/**
 Template Name: Page de liens
 */

Pour mieux comprendre voici le début de mon fichier page-liens.php :

<?php
/**
 Template Name: Page de liens
 */
get_header(); ?>
		<div id="container">

• Uploader ce nouveau fichier via ftp dans le répertoire de votre template.
• Depuis votre administration WordPress, créer une nouvelle page « liens ».
• Changer le modèle de page « Modèle par défault » par « Page de liens » depuis la liste déroulante :

• Voila votre modèle de page relié à votre page Liens, maintenant il reste simplement à appeler la fonction d’affichage des liens de WordPress.

Fonction pour afficher les liens

• Éditer votre fichier page-liens.php avec un éditeur texte, repérer la ligne :

<?php the_content(); ?>

• Rajouter en dessous cette ligne:

<?php wp_list_bookmarks(); ?>

• Ce qui donne:

<?php the_content(); ?>
<?php wp_list_bookmarks(); ?>

Et voila, réuploader votre fichier sur votre hébergeur.

Aller plus loin

Voici le lien du codex de la fonction wp_list_bookmarks  http://codex.wordpress.org/Template_Tags/wp_list_bookmarks

Récupérer toutes les informations des liens

La fonction wp_list_bookmarks est très limité, pour afficher plus d’informations, il faut utiliser la fonction get_bookmarks à la place: http://codex.wordpress.org/Function_Reference/get_bookmarks

Exemple afficher en plus les flux rss de chaque lien :

<?php
$bookmarks = get_bookmarks( array(
 'orderby'        => 'name',
 'order'          => 'ASC'
 ));

 // Loop through each bookmark and print formatted output
 //var_dump($bookmarks);
 foreach ( $bookmarks as $bm ) {
 echo '<a href="'.$bm->link_url.'"';
 echo $bm->link_target == '_blank' ? ' target="_blank"' : '';
 echo '>'.$bm->link_name.'</a>';
 if($bm->link_rss) echo '&nbsp;<a href="'.$bm->link_rss.'">[Flux Rss]</a>';  //si le flux rss est renseigné
 echo '<br/>';
 }
?>

Développer un site sous WordPress pour une entreprise dans l’événementiel  (boîte de nuit,bars,…) nécessite la publication de posts supérieur à l’instant T. L’utilité principale de WordPress est la publication d’articles. Un article peut être planifié à une date future mais n’apparaitra pas pour l’internaute ce qui est logique. Pour contourner l’utilisation normale et afficher les posts futurs donc désactiver la planification voici un plugin compatible WordPress 3.0+ : No Futur Post .

Le thème Tweentyten permet par défaut de modifier la bannière du header, ce tutoriel vous montre comment créer à la volée plusieurs bannières planifiables comme s’il s’agissait d’articles grâce au custom post type. Cela permet de rendre votre blog plus vivant en changeant fréquemment la bannière et gagner du temps grâce à la planification.

Prérequis

• WordPress 3.0+.
• Le plugin Easy Post Type (voir cet article pour plus d’informations ).
• 1 heure maxi devant vous.
• Le tutoriel se fera sur sur le thème tweentyten par défaut, à vous de l’adapter à votre situation.
• Un lot d’images de la même taille, pour notre exemple 940×198 (téléchargeable ici).

Création de l’entité « banniere »

• Activer le plugin Easy Post type depuis le menu des extensions de votre administration, uploadé bien sûr au préalable dans le répertoire plugins via ftp.
• Si le plugin génère une erreur c’est probablement que le Php5 n’est pas activé : voici un lien pour résoudre ce problème.
• Activer la version française du plugin (facultatif) en uploadant les deux fichiers de langue à la racine de celui-ci (fichiers disponibles ici ).
• Ajouter un nouveau Post Types « bannière » depuis l’administration (Easy Post Types/ Paramètres Généraux ).

Nom (pluriels) : bannieres.

Nom (singulier) : banniere.

Nom (système) : banniere (important pas de majuscules,d’espace ni d’accents).

Décocher toutes les options sauf : Titre (servira juste à se repérer, ne s’affichera pas sur le thème) et miniature (servira à uploader l’image).

Après validation un nouvel onglet « bannieres » vient d’être crée en dessous de commentaires.

Création du contenu

Dans bannière, ajouter le titre de la bannière et une image « à la une », en taille originale puis cliquer sur publier.

Afficher la bannière

Éditer le fichier header.php (dupliquer le fichier pour le sauvegarder au cas où !) et remplacer les lignes :

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
		has_post_thumbnail( $post->ID ) &&
		( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
		$image[1] >= HEADER_IMAGE_WIDTH ) :
	// Houston, we have a new header image!
	echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
	<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?>

par celui-ci :

<?php
	$arguments = array(
	 'post_type' => 'banniere',
	 'post_status' => 'publish',
	 'posts_per_page' => 1,
	 'caller_get_posts' => 1
	);
	query_posts($arguments);
	?>
	<?php while ( have_posts() ) : the_post(); ?>
	<?php the_post_thumbnail();?>
	<?php endwhile; // End the loop. Whew. ?>
	<?php wp_reset_query();
?>

Et voila, si tout ce passe bien la nouvelle bannière s’affiche à la place de l’ancienne, il ne reste plus qu’a retourner sur l’administration et créer d’autres bannières mais au lieu de les publier il suffit de les planifier pour des dates futures.

Aller plus loin

Le plugin Easy Post Types permet aussi de modifier les labels de notre entité « bannière » via Easy Post type (Easy Post Type/Modifier Champs). En effet lorsque l’on ajoute du contenu, les labels sont sous la forme de : « Ajouter un nouvel article », « Aucun article trouvé », … Pour rendre un aspect plus professionnel, modifier les labels est obligatoire pour un client.

La puissance des Custom Post Type

Les custom post type : grande nouveauté de WordPress 3.0, ils permettent de créer des entités propres pour votre site WordPress. Par exemple je désire réaliser des fiches films avec des informations bien spéciales : titre, acteurs, réalisateur, jaquette du film, extrait du film, description, durée. Bien sûr je peux mettre toutes ces informations dans la zone texte de WordPress cependant la mise en page sera laborieuse et si le site est pour un client, il n’aura pas la possibilité de garder la même mise en forme pour chaque fiche film. Grâce aux custom post type, je peux séparer toutes ces informations dans des champs différents ce qui permet d’appliquer un style css permettant une meilleur mise en page. Les custom post type existe par défault sur WordPress 3.0 cependant pour gagner du temps, il existe un plugin permettant leurs créations.

Plugin Easy Post Type

L’auteur du plugin : http://newsignature.com/

Le plugin : http://wordpress.org/extend/plugins/easy-post-types/

La traduction française : WP Easy Post Types

Afficher les custom post type sur son thème

L’utilisation du plugin est relativement simple, voici le code à insérer afin d’afficher ces fameux custom post :

<?php
$home_paged = (get_query_var('paged'));
$arguments = array(
'post_type' => 'banniere', // le nom de mon post type
'post_status' => 'publish', //l'état du post type : publié
'posts_per_page' => 10,   // nombre de post à afficher
'paged' => $home_paged   // éviter de casser la pagination
);
query_posts($arguments);
?>
<?php while ( have_posts() ) : the_post(); ?>
 <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 <h2><?php the_title(); ?></h2>
 <?php the_post_thumbnail(); ?>
 </div>
<?php endwhile; ?>
<?php wp_reset_query();
?>

Besoin de plus d’informations sur les custom post type ?

Créer une nouvelle entité « Projets » avec les Custom Post Type : http://wordpress-spirit.com/tutoriels-wordpress/creer-une-nouvelle-entite-projets-avec-les-custom-post-type/

Dans WordPress 3.0, chaque article possède une galerie d’images gérable sur ce bouton : depuis son article. Il est possible grâce à une petite fonction d’appeler n’importe qu’elle image présente dans la galerie. Chaque image uploadée sur WordPress peut-être suivant le besoin redimensionner par WordPress en plusieurs tailles : miniature, medium, original. Cela permet de créer des templates sur mesure.

La Fonction à copier dans fonction.php de son thème:

<?php
function bdw_get_images($iPostID,$num_img,$type_img) {
	    // Get the post ID
	    // Get images for this post
	    //$arrImages =& get_children('post_type=attachment&post_mime_type=image&post_parent=' . $iPostID );
		$arrImages = get_children( array( 'post_parent' => $iPostID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
	    // If images exist for this page
	    if($arrImages) {
	        // Get array keys representing attached image numbers
	        $arrKeys = array_keys($arrImages);

	        // Get the image attachment with $num_img
	        $iNum = $arrKeys[$num_img];
	        // Get the thumbnail url for the attachment
	        if ($type_img == "small"){
			$sThumbUrl = wp_get_attachment_thumb_url($iNum);
			}
			else{
				if ($type_img == "medium"){
				$sThumbUrl = wp_get_attachment_url($iNum, 'medium');
				}
				else{
				$sThumbUrl = wp_get_attachment_url($iNum);
				}
			}
	        // UNCOMMENT THIS IF YOU WANT THE FULL SIZE IMAGE INSTEAD OF THE THUMBNAIL
	        //$sImageUrl = wp_get_attachment_url($iNum);

	        // Build the <img> string
	       // $sImgString = '<a href="' . get_permalink() . '">' .
	         //                   '<img src="' . $sThumbUrl . '" width="150" height="150" alt="Thumbnail Image" title="Thumbnail Image" />' .
	           //             '</a>';

	        // Print the image
			$sImgString = $sThumbUrl;
			if ($sImgString == ""){
			$sImgString = bloginfo('template_url')."/images/mon-image-par-defaut.png";
			}
	        echo $sImgString;
	    }
		else{
		$sImgString = bloginfo('template_url')."/images/mon-image-par-defaut.png";
		echo $sImgString;
		}
	}
?>	

Appel de la fonction

bdw_get_images($iPostID,$num_img,$type_img)

$iPostID : identifiant de l’article.

$num_img : 0 pour la première image, 1 pour la deuxième, etc…

$type_img : small pour la miniature, medium pour la taille medium et big pour la taille original.

ex :

bdw_get_images(get_the_ID(),0,"small");

Comment et où l’utiliser ?

A utiliser dans la loop (boucle): (loop-index.php,loop-ma-categorie.php, single.php )

Pour une image :

<img src="<?php bdw_get_images(get_the_ID(),0,"small")?>" alt="" />

Dans un élément css :

<div style="width:200px;height:140px;background:url(<?php bdw_get_images(get_the_ID(),0,"small").''?>) no-repeat center center"></div>

Voici une petite sélection de thèmes WordPress gratuits de qualité. La plupart intègre les réseaux sociaux et certains possèdent des bannières rotatives sur la page d’accueil. N’hésitez pas à me faire part de vos propres sélections de thèmes afin d’enrichir le blog.

WPML est un plugin qui permet de rendre un site wordpress multi langue. Cependant, il nécessite quelques notions en php et des connaissances des templates tags de wordpress. Le site officiel : http://wpml.org et le lien de téléchargement : ici

Construire le bloc de sélection des langues

Code à placer dans header.php pour afficher les langues sélectionnées au préalable depuis le back-office :

<?php language_selector_flags();?>

Rendre la navigation entièrement multi-langue

Certains thèmes possèdent des navigations en « dure », c’est à dire que pour un affichage très spécial, le développeur à choisi de ne pas utiliser la fonction classique pour afficher un menu (depuis wordpress 3 la navigation à été énormément simplifiée et permet une customisation des menus, elle est accessible depuis l’onglet Apparence/Menus )ou par exemple le footer qui en général est développé en dur.

Pour pallier à ce problème :

<?php icl_link_to_element(3,’page’); ?>

3 : id de la page, post ou catégorie.

page: type de l’élément (page, tag, category,post,…)

Plus d’information sur cette fonction ici

Et les textes statiques et les plugins ?

2 solutions :

• Faire un if ou un switch en php :

if(ICL_LANGUAGE_CODE =='en'){
$ma_traduction = 'Home';
}
else{
if(ICL_LANGUAGE_CODE =='fr'){
$ma_traduction = 'Accueil';
}
else{
if(ICL_LANGUAGE_CODE =='de'){
$ma_traduction =  'Aufnahme';
}
else{
$ma_traduction = 'Home';
}
}
}

• Utiliser la fonction icl_register_string() et icl_t() (meilleur des 2 solutions) :

Principe : Permet de modifier les textes directement depuis l’interface d’admin (WPML/String translation):

Installation :

• 1)Enregistrer un nouveau texte comme une variable php :

$context : contexte permet simplement de retrouver la traduction facilement depuis l’onglet string translation exemple : « footer ».

$name : nom de la traduction : « mon-slogan-du-footer ».

$value : valeur de la traduction en langue par défaut : « Développeur WordPress en freelance, Actus, Tutos, Plugins & Portfolio ».

icl_register_string($context, $name, $value)

• 2)Afficher la variable :

icl_t($context, $name, $value)

• 3) Scanner le thème pour que WPML récupère la traduction :

• 4) Traduire dans les différentes langues depuis l’onglet WPML/string translation de l’admin:

Documentation anglaise :

http://wpml.org/documentation/support/translation-for-texts-by-other-plugins-and-themes/

Par défault WordPress gère l’affichage des derniers commentaires, cependant pour permettre une totale customisation des données et du css j’utilise ce petit bout de code à intégrer par exemple dans sidebar.php ou ailleurs dans la template :

• On peut ainsi gérer le nombre de caractère maximum des commentaires pour une intégration parfaite : SUBSTRING(comment_content,1,30) ici 30 caractères max.
• Gérer le nombre de commentaires: LIMIT 10 ici 10 commentaires max.
• Afficher les informations voulues (date, auteur, …)

<h2>Derniers commentaires</h2>
 <?php
 global $wpdb;
 $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
 comment_post_ID, comment_author, comment_date_gmt, comment_approved,
 comment_type,comment_author_url,
 SUBSTRING(comment_content,1,30) AS com_excerpt
 FROM $wpdb->comments
 LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
 $wpdb->posts.ID)
 WHERE comment_approved = '1' AND comment_type = '' AND
 post_password = ''
 ORDER BY comment_date_gmt DESC
 LIMIT 10";
 $comments = $wpdb->get_results($sql);
 $output = $pre_HTML;
 $output .= "\n<ul>";
 foreach ($comments as $comment) {
 $output .= "\n<li>".strip_tags($comment->comment_author)
 .":" . "<a href=\"" . get_permalink($comment->ID) .
 "#comment-" . $comment->comment_ID . "\" title=\"on " .
 $comment->post_title . "\">" . strip_tags($comment->com_excerpt)
 ."</a></li>";
 }
 $output .= "\n</ul>";
 $output .= $post_HTML;
 echo $output;
?>

Voici un plugin permettant de réaliser des bannières rotatives en jquery pour son site WordPress. Il existe 2 versions : la gratuite avec un lien en bas de la bannière et la version pro (compter 49$) sans lien :

Le plugin est disponible ici en téléchargement et en démo sur le site officiel ou ici directement sur le plugin directory de WordPress.

Screenshoots interface d’Admin :

Templates Tags pour les développeurs :

<?php slidedeck(id_du_slider,array('width'=>'100%','height'=>'300px')); ?>

id_du_slider: 1 ou 2 ou 3 …

Les Inconvéniens :

• Des notions en css sont indispensables pour obtenir le design voulu. La démonstration nous montre un super design css moderne mais la version par défaut du slider est plutôt celle-ci :
• Incompatible FF2, FF3.0 et bien sûr ie6. voir la documentation du plugin ici.
  

Cet article express à pour but d’expliquer aux débutants la procédure d’installation d’un plugin ou extension WordPress. Les plugins sont regroupés sur le site de wordpress à l’adresse : http://wordpress.org/extend/plugins/.

Un plugin wordpress ne doit pas ce choisir à la légère, vérifier la compatibilité avec votre version wordpress et sa dernière date de mise à jour. Vérifiez aussi les commentaires à son sujet pour éviter tout conflit avec d’autres plugins.

Procédure

• Extraire le plugin.zip téléchargé avec par exemple 7zip (gratuit) pour pc disponible ici.

• Placer le répertoire du plugin dé-zippé sur votre hébergeur  par transfert ftp dans le répertoire WordPress wp-content/plugins/.

• Connectez vous à votre administration WordPress via http://votre-site-wordpress.com/wp-admin/

• Activer l’extension WordPress dans le menu des extensions.

Personnellement internet explorer 6 mérite d’être boycotté mais en tant que développeur exigeant, aller dire à un client que Ie6 est la Ford T des navigateurs alors que lui même l’utilise pour des raisons de compatibilité avec divers softs codés il y a plus de 10 ans ne changera pas le fait que celui-ci voudra une compatibilité avec ce  navigateur vintage.

Aujourd’hui je conseil aux développeurs de faire facturer un supplément au client la compatibilité Ie6 pour qu’il comprenne qu’adapté son intégration à ie6 n’est pas une partie de plaisir pour les développeurs.

Voila quelques astuces pour les jeunes développeurs afin de gagner du temps :

• N’essayez pas de rendre votre feuille de style compatible ie6 alors que votre site n’est pas terminé.
• Créer une feuille de style supplémentaire pour ie6 qui corrigera les défauts sur les éléments posant problèmes.

Créer la feuille de style pour ie6

Code à placer dans header.php de votre template (wordpress) entre les balises <head> </head> après l’appel de votre première feuille de style :

<head>
<!--[if lte IE 6]>
<style type="text/css" media="screen">
@import "<?php bloginfo('template_url'); ?>/style-ie6.css";
</style>
<![endif]-->
</head>

explications: ie6 lira la première feuille de style comme les autres navigateurs puis sera le seule à lire la deuxième feuille de styles qui corrigera uniquement les éléments posant problèmes.

Résoudre les problèmes automatiquement ?

• Utiliser le soft ie6fixer qui règlera automatiquement la plupart des problèmes : ie6fixer

Ce soft permet de copier sa feuille de style et il vous retournera une feuille de style rien que pour ie6. remarques: ce soft n’est pas une solution miracle à tous les problèmes mais permettra déjà de fixer les plus gros bugs.

Et les images Png transparents ?

• Les png transparents posent de gros problèmes, personnellement dans le meilleur des cas je les remplace par des jpg dans la mesure du possible sinon j’utilise HITS- IE6 PNGFix un plugin pour wordpress.

Tester les modifications sans internet explorer.

• Pour les tests, il existe IeTester disponible ici seul inconvénient : le logiciel plante assez fréquemment sous vista.

Il existe un outil en temps réel et particulièrement bien fait et détaillé : StatCounter, qui ne s’arrête pas seulement aux navigateurs… http://gs.statcounter.com/

La descente infernale d’Internet Explorer n’en finit plus : le navigateur perd ainsi plus de 8 points en part de visites en moyenne pour un site web en Europe entre juin 2009 et juin 2010. Ses challengers en profitent, particulièrement Google Chrome.

Statistiques :