Dans cet exemple, nous aurons recours à la fonction get_post de WordPress – notez ici l’absence du pluriel dans l’intitulé. Celle-ci n’étant pas très explicité pour les néophytes sur le codex, je vous propose de l’utiliser de manière plus détaillée :

<?php
 $id = 1;
 $billet = get_post($id);
 $title = $billet->post_title;
 $date = $billet->post_date;
 $contenu = $billet->post_content;
 $contenu = apply_filters('the_content', $contenu);
 $contenu = str_replace(']]>', ']]&gt;', $contenu);
?>

 <div id="billet">
 <?php echo "<h1>$title</h1><p>$contenu</p><strong>$date</strong>"; ?>
 </div>

L’idée consiste à indiquer dans un premier temps l’ID du billet à retourner. Pour obtenir l’identifiant, il suffit de survoler un élément dans le back office de WordPress avec le pointeur de la souris pour que ce dernier s’affiche dans la barre de détails du navigateur.

Le numéro correspond à l'ID du billet

Ensuite, nous créons plusieurs variables qui vont récupérer le contenu, le titre et la date. Il est possible d’obtenir de nombreux autres éléments comme l’indique la liste sur le codex.

Un besoin simple mais pas vraiment facile à réaliser sans un minimum de connaissance. Bien entendu, des plugins vous permettront de faire la même chose… mais probablement pas en si peu de lignes de code et à l’emplacement de votre choix.

Étape n°1 – Ajout d’une fonction PHP

A l’aide de votre client FTP favori, localisez le fichier functions.php puis insérez la fonction suivante :

function admin_css() {

$admin_handle = 'admin_css';
$admin_stylesheet = get_template_directory_uri() . '/css/admin.css';

wp_enqueue_style( $admin_handle, $admin_stylesheet );
}
add_action('admin_print_styles', 'admin_css', 11 );

La 3^e ligne indique le chemin d’un fichier admin.css. Il nous faut donc créer un tel fichier à l’aide de votre éditeur de texte favori – Notepad++, Coda, etc.

Étape n°2 – Création d’une feuille de styles CSS

Placez donc ce fichier dans un dossier /css du répertoire de votre thème – bien que vous puissiez également le placer à la racine du thème en modifiant le chemin dans le code.

Pour composer votre feuille, il nous faut identifier les règles à insérer pour qu’elles surpassent les styles par défaut.

Le plus commode consiste à utiliser l’extension Firebug pour le navigateur Firefox bien que tous les autres disposent également d’outils de développement – généralement accessibles via la touche F12.

Vous pouvez par exemple modifier la couleur des liens qui donne tout de suite une nouvelle donne visuelle au back office.

N’oubliez pas de sauvegarder votre fichier CSS pour appliquer les changements.

Cette technique est similaire aux tutoriels concernant l’insertion d’un logo personnalisé dans la zone de connexion ou encore l’ajout d’icônes à vos contenus personnalisés. Faites-en bon usage !

Régulièrement, je procède à une remise à zéro de mon installation de test pour être sûr de revenir aux conditions initiales – et donc se placer dans la même situation de l’utilisateur final.

Pour ce faire, j’utilise le plugin WordPress reset :

Une fois installé et activé, rendez-vous dans le menu Outils puis Reset.

Soyez prudents lors d'une ràz !

Dans l’unique champ de saisie, inscrivez reset puis cliquez sur Reset. On peut faire plus simple, non ?

Ceci fait, la base de données sera remise à son état initial. Tous les réglages et les contenus auront disparu. Pour autant, les fichiers présents sur le serveur FTP ne sont pas supprimés ou modifiés. Ce plugin n’intervient que sur la base de données.

Pour aller plus loin, vous pouvez automatiser la réactivation de certains plugins après la remise à zéro. La procédure est expliquée dans la FAQ du plugin.

Et voici la démonstration technique en podcast vidéo, librement téléchargeable sur iTunes Store comme d’habitude :

Une méthode fort utile pour les développeurs WordPress, utilisez-vous une technique similaire ?

Crédits photo orse

Quel est l’intérêt de créer un plugin de fonctions pour WordPress ?

On a tendance à insérer de nombreuses fonctions PHP dans le fameux fichier functions.php présent dans n’importe quel thème WordPress.

Cette technique est simple à comprendre pour des utilisateurs débutants mais pour un projet professionnel, il peut être intéressant de séparer les fonctions qui ont un impact direct sur le thème de celles qui ont un impact sur le contenu.

Ainsi, il est possible de créer un rapide plugin – quelques lignes de code très simple, pour appliquer de façon automatique vos fonctions qui n’ont pas de liens avec le thème. Vous aurez ainsi la possibilité de tester différents thèmes tout en conservant les fonctionnalités de votre plugin.

Comment créer votre plugin de fonctionnalités ?

Pour ce faire, connectez-vous sur votre serveur FTP puis rendez-vous dans le dossier /wp-content/plugins/

Créez dans ce répertoire un nouveau dossier intitulé votresite-fonctions.

Le titre de ce dossier est important car il devra être réutilisé pour créer un fichier votresite-fonctions.php dans ce nouveau dossier.

Adaptez ensuite les lignes de code suivantes à votre site :

<?php
/*
Plugin Name: WordPress Channel fonctions
Description: L'ensemble des fonctions globales du site.
Version: 0.1
License: GPL
Author: Aurelien Denis
Author URI: http://wpchannel.com/
*/
?>

Fonctionnalités à insérer dans votre plugin de fonctions

Il nous faut à présent copier / coller ici dans ce fichier les fonctions PHP qui n’ont rien à faire dans un thème. Par exemple :

• Les custom post types ou type de contenu personnalisé ;
• Les custom taxonomies ou taxonomies personnalisées ;
• L’ajout de jQuery via Google ;
• Les hacks pour personnaliser l’administration de WordPress ;

Fonctionnalités à conserver dans le fichier functions.php du thème

Gardez tout ce qui concerne directement le thème, autrement dit le contenant :

• Les menus personnalisés ;
• Les sidebars widgetisées ;
• Certains scripts jQuery relatifs à votre thème ;

Bien évidemment, ces 2 listes ne sont pas exhaustives. Il faut vérifier au cas par cas par rapport à vos besoins réels.

Une fois les fonctions ajoutées, n’oubliez pas d’activer votre plugin !

Prenez soin de distinguer les fonctions dans un plugin

Activer automatiquement votre plugin de fonctionnalités

Pour aller plus loin, je vous conseille de créer un répertoire mu-plugins dans le dossier /wp-content/ et d’y placer directement votre plugin.

De cette manière, le plugin sera automatiquement activé et l’administrateur du site ne pourra pas le désactiver. Idéal pour appliquer des fonctions de masse.

Un dernier conseil consistera à créer un fichier lisez-moi.txt pour récapituler l’intégralité des fonctionnalités que vous aurez ajoutées au fil du temps.

Séparer le contenu du contenant est la base d’un site Web moderne, séparer les fonctionnalités qui impactent le contenant et le contenu est sans doute la prochaine étape. Au boulot ! 

Crédits photo : Sean MacEntee

Le script timthumb.php permet un redimensionnement à la volée de vos images. Très populaire, ce script est devenu au fil des années une fonctionnalité de référence dans les thèmes premium jusqu’au jour où une faille de sécurité fut découverte.

Étape n°1 – Création d’une taille personnalisée

La première étape consiste à modifier votre fichier functions.php localisé dans le dossier /wp-content/NOM_DE_VOTRE_THEME/ ou de passer par le menu Apparence puis Editeur.

Rajoutez ensuite les lignes de code suivantes :

// Taille image perso

if ( function_exists( 'add_image_size' ) ) {
	add_image_size( 'taille-perso', 300, 100, true );
}

Détaillons les 4 paramètres disponibles de la fonction générique <?php add_image_size( $name, $width, $height, $crop ); ?>

• $name : indiquez le nom du nouveau format. Ce nom permettra d’indiquer la taille d’image à insérer dans votre thème de la même manière que les tailles miniatures, moyenne, grande et originale ;
• $width : largeur maximale de l’image une fois redimensionnée (optionnel) ;
• $height : hauteur maximale de l’image une fois redimensionnée (optionnel) ;
• $crop : rogner ou non l’image. Le paramètre False aura pour effet d’effectuer un redimensionnement proportionnel alors que le paramètre True effectuera un rognage centré (on zooms sur le centre de l’image) ;

Étape n°2 – Utiliser la nouvelle taille d’image dans votre thème

De la même manière que pour les miniatures de WordPress – que vous utilisez avec le module Image à la une, il nous faut indiquer dans le thème le nom de la nouvelle taille que nous venons de créer.

<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'taille-perso' ); } ?>

Bien entendu, si votre thème utilise déjà les miniatures, il suffit de rechercher cette fonction et de spécifier le nouveau nom.

Étape facultative – Régénérer les tailles d’images

En créant une nouvelle taille d’image, les médias déjà importés sous WordPress ne disposeront pas de cette nouvelle taille. Les fichiers supplémentaires étant créés à l’importation et pas à la volée comme timthumb.php ce qui est nettement plus performant au passage.

Rassurez-vous il existe un très bon plugin prévu pour cela que vous pouvez télécharger ici-même :

Ce tutoriel vous aura donc appris à vous passer du script timthumb.php et à utiliser les fonctions natives de WordPress. Des questions ?

2 méthodes existent pour ajouter un icône :

1. La première reste la plus simple bien qu’elle ne permette pas d’appliquer un état de survol. L’image restera identique quel que soit l’état. Le seul préalable est de créer une image de 16 pixels par 16 pixels ;
2. La seconde, légèrement plus complexe, prend en charge l’état survolé mais nécessite l’ajout de lignes de code supplémentaires. Des packs d’icônes sont disponibles au téléchargement de façon gratuite ;

Nous allons voir ensemble les 2 méthodes dans ce tutoriel, accompagné d’un podcast vidéo HD.

Méthode n°1 – Modification du custom post types

La plupart du temps les custom post types sont initialisés dans le fichier functions.php mais peuvent l’être dans un fichier dédié. A vous d’effectuer une recherche de la fonction register_post_type.

Ajoutez ensuite la ligne de code suivante dans les paramètres :

'menu_icon' => get_bloginfo('template_directory') . '/images/podcast-icon.png',  // URL de l'image

Pour vous donner un aperçu complet, voici le code complet pour créer un custom post types intitulé Podcasts :

add_action( 'init', 'register_cpt_podcast' );

function register_cpt_podcast() {

    $labels = array(
        'name' => _x( 'Podcasts', 'podcast' ),
        'singular_name' => _x( 'Podcast', 'podcast' ),
        'add_new' => _x( 'Add New', 'podcast' ),
        'add_new_item' => _x( 'Add New Podcast', 'podcast' ),
        'edit_item' => _x( 'Edit Podcast', 'podcast' ),
        'new_item' => _x( 'New Podcast', 'podcast' ),
        'view_item' => _x( 'View Podcast', 'podcast' ),
        'search_items' => _x( 'Search Podcasts', 'podcast' ),
        'not_found' => _x( 'No podcasts found', 'podcast' ),
        'not_found_in_trash' => _x( 'No podcasts found in Trash', 'podcast' ),
        'parent_item_colon' => _x( 'Parent Podcast:', 'podcast' ),
        'menu_name' => _x( 'Podcasts', 'podcast' ),
    );

    $args = array(
        'labels' => $labels,
        'hierarchical' => true,

        'supports' => array( 'title', 'editor', 'thumbnail', 'custom-fields', 'comments', 'revisions' ),
        'taxonomies' => array( 'genre' ),
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,

        'menu_icon' => get_bloginfo('template_directory') . '/images/podcast-icon.png',
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => true,
        'capability_type' => 'post'
    );

    register_post_type( 'podcast', $args );
}

Il vous suffit de modifier l’URL du fichier image comme dans cet exemple.

Retournez à présent dans le back office de WordPress puis remarquez l’apparition de votre icône pour le custom post type concerné.

Icônes symbolisant les podcasts de 16x16

Méthode n°2 – Ajout d’un style CSS via le functions.php

Cette seconde nous permet d’ajouter un icône via le CSS de l’administration de WordPress. Elle est incompatible avec la première : retirez donc la ligne de code ajoutée si tel est le cas.

Ouvrez donc le fichier functions.php puis ajoutez les lignes suivantes en fin de fichier :

add_action( 'admin_head', 'wpc_cpt_icon' );

function wpc_cpt_icon() {
    ?>
    <style type="text/css" media="screen">
        #menu-posts-podcast .wp-menu-image {
            background: url("<?php bloginfo('template_url') ?>/images/clapperboard.png") no-repeat 6px 6px !important;
        }
       #menu-posts-podcast:hover .wp-menu-image, #menu-posts-podcast.wp-has-current-submenu .wp-menu-image {
            background-position:6px -18px !important;
        }
        #icon-edit.icon32-posts-podcast {background: url(<?php bloginfo('template_url') ?>/images/clapperboard.png) no-repeat;}
    </style>
<?php }

Mon custom post type s’intitule podcast au singulier. Il vous suffit de modifier ce terme dans les lignes ci-dessous. Pour vous aider, utilisez Firebug puis analyser l’icône d’un ou plusieurs éléments.

Modifiez également l’URL de l’icône associé aux différents états. Dans mon cas, le lien est identique car j’utilise cet excellent pack d’icônes prêts-à-l’emploi :

Il ne vous reste plus qu’à piocher dans ce pack de qualité puis de les envoyer dans un dossier images de votre thème – par exemple.

Ce tutoriel vous montre une fois de plus la capacité de personnalisation du back office de WordPress pour une utilisation en marque blanche du CMS.

Nouvelles fonctionnalités de WordPress 3.3 beta 1

#1 – Amélioration considérable des performances

Je n’ai jamais eu à souffrir de quelconques lenteurs sous WordPress… pour autant, cette version 3.3 est tout bonnement une Ferrari !

Les performances sont clairement au rendez-vous et cela devrait se ressentir notamment sur des hébergements de faible capacité.

#2 – Barre d’administration améliorée

La fameuse barre d’administration introduite sous WordPress 3.1 se voit dotée de nouvelles fonctionnalités et d’un design renouvelé.

En tous les cas, elle offre une bascule très rapide entre back office et front office. Un plus !

Une fusion entre le back office et le front office

#3 – Envoi de fichiers par glisser / déposer

Il est désormais possible d’envoyer vos fichiers par simple glisser / déposer dans la fenêtre du navigateur. Une fonctionnalité très pratique pour envoyer de nombreux médias vers votre bibliothèque en un clic !

Envoyez en masse vos médias par glisser / déposer

#4 – Nouveau permalien par défaut

Les permaliens au format %postname% sont à présent disponibles en natif et par défaut !

Pour rappel, il s’agit de la réécriture de vos URLs en fonction du titre de votre article / page / custom post types.

Un paramètre essentiel en SEO

Obtenir WordPress 3.3 beta 1

Envie de tester cette version beta ? Téléchargez-la à partir de ce lien (anglais uniquement) :

Cette première beta nous montre un aperçu fort sympathique de cette prochaine version de WordPress 3.3, 3 mois après la précédente version. Restez connectés pour découvrir la suite !

Cette nouvelle devrait en ravir plus d’un tant la création de forums avec WordPress est une question récurrente à laquelle nous avions déjà répondu par 3 tutoriels :

1. Tutoriel #1 : Installation de Simple Press Forum ;
2. Tutoriel #2 : Configuration de l’administration du forum ;
3. Tutoriel #3 : Intégrer un forum bbPress dans votre blog WordPress 3.0 ;

Aujourd’hui, la donne change complètement comme nous allons le voir en détails dans ce tutoriel.

Nouveautés de bbPress 2.0

bbPress est donc de devenu un plugin parfaitement intégré au back office de WordPress. Léger et performant, des extensions verront bientôt le jour pour en étendre ses fonctionnalités.

Utilisation de shortcodes

Les shortcodes sont des bouts de code entre crochets que l’on peut saisir directement dans l’éditeur de contenu de WordPress. bbPress dispose d’une liste conséquente de shortcodes vous permettant d’afficher très facilement vos différents forums, sujets ou autre.

Je vous laisse imaginer le potentiel de tels shortcodes : plus besoin de se compliquer la vie à créer des templates en PHP.

Compatibilité avec les thèmes

Dans le même ordre idée que les shortcodes, bbPress s’intègre parfaitement avec les thèmes par défaut de WordPress – TwentyTen et TwentyEleven. Pour information, bbPress utilise le principe des child themes, une méthode propre à WordPress qui prouve là encore l’intégration très poussée entre ces 2 outils.

Pour autant, si vous n’utilisez pas les thèmes par défaut comme base de travail à un thème personnalisé : pas de soucis ! Une solution est disponible sur le site officiel : bbPress 2.0 – Theme compatibility.

Une fois de plus, il y a fort à parier qu’un plugin verra le jour pour vous faciliter le travail.

Widgets bbPress pour WordPress

Des widgets sont également disponibles pour afficher les derniers sujets ou encore les différentes rubriques : une fonction demandée de longue date par la communauté.

bbPress 2.0 en action sur WordPress Channel

Si des questions demeurent, consultez la FAQ du site officiel de bbPress.

Processus d’intégration simplifié de bbPress 2.0

Installation de bbPress 2.0

Rendez-vous pour commencer dans le menu Extensions puis cliquez sur Ajouter.

Faites une recherche en indiquant le mot-clé « bbpress » puis faites Installer maintenant.

3 nouveaux types de contenus apparaissent alors – on parle de custom post types :

• Forums : répertorie l’ensemble des forums créés. Vous pouvez définir des catégories pour une meilleure classification ;
• Sujets : répertorie l’ensemble des sujets créés ou topics ;
• Réponses : répertorie l’ensemble des réponses apportées par les internautes ;

bbPress repose entièrement sur WordPress 3.0 : la classe !

Cette nouvelle gestion présente notamment l’avantage de pouvoir gérer l’intégralité du contenu directement depuis le back office de WordPress. Les comptes utilisateurs sont donc pris en charge et il n’existe plus cette séparation entre d’un côté WordPress et de l’autre bbPress.

Configuration de bbPress

Les options sont directement présentes sous le menu Réglages puis Forums.

Ces identifiants déterminent un bon référencement !

La plupart des options sont suffisamment explicites pour ne pas avoir à les détailler ici. On s’attardera toutefois sur la gestion des permaliens ou slugs que l’on peut modifier à sa guise pour :

• Identifiant du forum
• Identifiant du sujet
• Identifiant du tag du sujet
• Identifiant de réponse
• Base d’utilisateurs
• Vue de la base

Télécharger la traduction française

Vous pouvez obtenir la traduction française de bbPress 2.0, qui est proposée par le site Aytechnet :

Quelques erreurs sont malgré tout présentes mais remercions l’auteur pour son travail. Et signalons que tout un chacun peut opérer sa propre traduction en éditant le fichier bbpress.pot présent dans le dossier /wp-content/plugins/bbpress/bbp-languages de votre serveur FTP.

Ce type de fichier nécessite l’usage du logiciel Poedit, multiplateforme et simple d’utilisation. Il vous suffira d’enregistrer les fichiers bbpress.mo dans le même répertoire pour appliquer les changements.

Pour information, Poedit est également utilisé pour traduire les thèmes de WordPress.

De par ce constat très éloquent, bbPress 2.0 a donc tout naturellement été choisi pour propulser les forums de WordPress Channel !

Crédits photo : CyranoB

A l’aide de votre client FTP favori, connectez-vous à la racine de votre hébergeur. Faites afficher les fichiers cachés puis modifiez le fichier .htaccess.

Le point rappelle qu’il s’agit d’un fichier caché sous un système à base UNIX comme Linux ou MacOS X. Si un tel fichier est absent, créez-le à l’aide d’un éditeur de texte – bien qu’il devrait être présent dans la plupart des cas, celui-ci apparaissant dès lors que les permaliens de WordPress sont modifiés.

Une fois le fichier .htaccess ouvert dans votre éditeur de texte favori, rajoutez la ligne suivante :

RewriteRule ^login$ http://NOM_DU_SITE.com/wp-login.php [NC,L]

Il suffit de remplacer le mot-clé login par celui qui convient ainsi que l’URL de votre site.

Le fichier .htaccess pour WordPress gère notamment la réécriture d'URLs

Dans mon cas, j’obtiendrais un accès au back office de WordPress en ouvrant l’URL : http://wpchannel.com/login

N’oubliez pas de sauvegarder le fichier modifié puis de le renvoyer sur votre serveur – si vous n’éditez pas ce dernier en accès direct via FTP.

Une astuce simple à mettre en œuvre et pratique pour vos utilisateurs qui ne sont pas sensés retenir les usages de WordPress. Un pas de plus vers un CMS en marque blanche !

Crédits photo : jonjk

Cette fonction PHP peut être insérée notamment dans un fichier home.php ou index.php à l’intérieur d’une boucle.

Elle aura pour effet de récupérer la première image présente dans votre article. De cette manière, vous pourrez l’utiliser comme miniature sur votre page d’accueil par exemple.

Vous devez tout d’abord ajouter ces lignes de code dans le fichier functions.php :

<?php function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}
?>

Vous remarquerez qu’il est possible d’indiquer une image par défaut à la ligne :

$first_img = "/images/default.jpg";

Il nous faut ensuite identifier la zone où commence la boucle (loop) de WordPress puis appeler la fonction suivante :

<?php echo catch_that_image() ?>

Ce tutoriel est certes un peu technique pour le néophyte mais j’ai trouvé intéressant de partager cette technique avec la communauté francophone de WordPress dont le tutoriel source est l’œuvre de Jean-Baptiste Jung de WPRecipes.

Une nouvelle fois nous allons intervenir le fichier functions.php présent dans votre thème.

Pour ce faire, déroulez le menu Apparence puis cliquez sur l’item Éditeur.

Dans la liste de droite, cliquez sur functions.php puis ajoutez les lignes de code suivantes :

function fb_move_admin_bar() {
echo '
<style type="text/css">
body {
padding-bottom: 28px;
}
body.admin-bar #wphead {
padding-top: 0;
}
body.admin-bar #footer {
padding-bottom: 28px;
}
#wpadminbar {
top: auto !important;
bottom: 0;
}
#wpadminbar .quicklinks .menupop ul {
bottom: 28px;
}
</style>';
}
    // dans le back-end
    add_action( 'admin_head', 'fb_move_admin_bar' );
    // en front-end
    add_action( 'wp_head', 'fb_move_admin_bar' );

Faites Mettre à jour le fichier pour valider les modifications puis constatez le résultat tant sur votre site que sur la partie administrative. Commentez ou supprimez l’une des 2 dernières lignes pour appliquer la fonction uniquement au back-end, au front-end ou au 2.

Pour info, le bout de code a été légèrement modifié pour corriger un bug de marge. A ce propos, il sera peut être nécessaire de procéder à vos propres ajustements en CSS.

Grâce à cette astuce, vous pourrez aller encore plus loin dans la personnalisation de votre administration WordPress !

Crédits photo : WintrHawk

Par défaut, WordPress affiche le texte suivant en bas de page de l’administration :

Merci de faire de WordPress votre outil de création. | Documentation en français | Forums d’entraide

Profitez-en pour le modifier et assurer votre promotion ou fournir des informations pratiques.

Pour ce faire, rendez-vous dans le menu Apparence puis Editeur. Dans la partie droite de votre écran, cliquez sur functions.php.

Ce fichier est également modifiable à l’aide d’un client FTP et se situe dans le dossier /wp-content/themes/NOM_DU_THEME/

Comme d’habitude, une sauvegarde préalable du fichier est recommandée.

Ajoutez à présent les lignes de code suivantes en prenant soin de les placer entre balises PHP.

function remove_footer_admin () {
echo 'WordPress Channel, Aurelien Denis';
 }
 add_filter('admin_footer_text', 'remove_footer_admin');

Pour personnaliser le texte, il suffit de modifier la ligne 2 à l’intérieur du echo – entre les apostrophes.

Pensez à sauvegarder les changements puis actualisez votre administration pour constater le changement.

Pied de page, logo de connexion, widget dans le tableau de bord… les façons de personnaliser l’administration de WordPress sont légions. La série continue dans les prochains tutoriels. Une liste verra bientôt le jour pour tous les réunir.

Crédits photo : Laughing Squid

A propos de jQuery

Qu’est-ce que la bibliothèque jQuery ?

Comme l’indique Wikipedia :

jQuery est une bibliothèque JavaScript libre qui porte sur l’interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de JavaScript. La première version date de janvier 2006.

En résumé, c’est carrément indispensable !

Pourquoi mettre à jour jQuery ?

Disposer d’une version récente vous permet de bénéficier des dernières améliorations en matière de performance, de fonctionnalités et de sécurité.

Inclure Google jQuery à la place de WordPress

Au lieu de charger le script jQuery présent dans les répertoires d’installation de WordPress – une version dépassée donc, préférons une version plus récente que nous propose notre ami Google.

Pour ce faire, ouvrez le fichier functions.php à l’aide d’un client FTP. Ce fichier est présent dans le dossier /wp-content/themes/NOM_DU_THEME/ mais vous pouvez y accéder par le menu Apparence puis Éditeur de votre administration WordPress.

Ajoutez ensuite les lignes de code suivantes :

function google_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js', false, '1.5.2');
wp_enqueue_script('jquery');
}
}
add_action('init', 'google_jquery');

N.B : à l’heure où j’écris ces lignes, la version 1.5.2 est la plus récente comme l’indique Google. Il suffit donc d’indiquer le bon chemin du fichier JS. Pensez à faire évoluer cette ligne au fil du temps de manière à garder une version d’avance sur celle fournie avec WordPress.

N’oubliez pas d’enregistrer votre fichier puis ouvrez la page d’accueil de votre site. Afficher le code source à l’aide de votre navigateur favori et remarquez la présence de la dernière version de jQuery en haut du code. Le numéro de version doit correspondre.

Avec WordPress 3.1 et la version native de jQuery, vous obtenez une ligne comme ceci :

<script type='text/javascript'
src='http://wpchannel.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>

Avec WordPress 3.1 et Google jQuery, vous obtenez :

<script type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js?ver=1.5.2'></script>

Cette manipulation rapide vous permettra de bénéficier de la dernière version de jQuery. Sachez que la version de WordPress est automatiquement désactivé par la fonction proposée : aucun conflit donc !

N.B : avant toute intervention dans votre base de données WordPress, faites une sauvegarde complète !

Étape n°1 – Édition du fichier wp-config.php

Situé à la racine de votre serveur FTP, le fichier wp-config.php abrite les identifiants de connexion à la base de données.

Ainsi, localisez la ligne suivante qui contient le préfixe des tables de la base :

$table_prefix  = 'wp_';

Il s’agit donc de modifier la valeur par défaut fixée sur wp_

Indiquez un préfixe différent que le classique wp_

Évidement, si celle-ci est déjà fixée sur une autre valeur, parcourez les autres tutoriels du site.

N’oubliez pas de sauvegarder le fichier modifié.

Etape n°2 – Changer le préfixe de l’ensemble de vos tables WordPress

Cette étape est de loin la plus fastidieuse et la plus risquée !

Il vous faut intervenir dans votre base à l’aide de phpMyAdmin ou de l’outil de gestion proposé par votre hébergeur. Connectez-vous donc sur l’administration de votre serveur pour y accéder.

Utilisez les commandes SQL pour un renommage de masse

Exécutez à présent les requêtes SQL suivantes en prenant soin d’indiquer votre nouveau préfixe :

Rename table wp_commentmeta to wplabo_commentmeta;
 Rename table wp_comments to wplabo_comments;
 Rename table wp_links to wplabo_links;
 Rename table wp_options to wplabo_options;
 Rename table wp_postmeta to wplabo_postmeta;
 Rename table wp_posts to wplabo_posts;
 Rename table wp_terms to wplabo_terms;
 Rename table wp_term_relationships to wplabo_term_relationships;
 Rename table wp_term_taxonomy to wplabo_term_taxonomy;
 Rename table wp_usermeta to wplabo_usermeta;
 Rename table wp_users to wplabo_users;

Étape n°3 – Modifications de certains tables de la base MySQL

Si vous en restez là, WordPress ne vous donnera plus les droits d’accès à votre administration. Vous obtiendrez alors, ce type d’erreur :

Faisons en sorte d'obtenir les droits d'accès à votre administration WordPress

Adaptez ce qui suit avec votre nouveau préfixe !

Édition de la table wp_options

Il nous faut donc intervenir dans wp_options, recherchez donc la valeur wp_user_roles dans la colonne option_name et indiquez votre nouveau préfixe.

Cette valeur est située à la ligne 96.

Remplacez le préfixe wp_ par celui que vous venez de définir

Édition de la table wp_usermeta

Changez à présent tout les anciens préfixes de la colonne meta_key au nombre de 5 dans mon cas.

Le nombre de champs à éditer peut varier en fonction de votre version de WordPress

Félicitations ! Nous voici arriver au terme de ce tutoriel qui vous aura montrer comment changer manuellement le préfixe de votre base de données WordPress. Votre site bénéficie à présent d’un niveau de sécurité accru contre les hackers.

Il est important de savoir que chaque zone de l’administration de WordPress dispose d’un volet Options de l’écran situé en haut à droite de votre écran.

Cochez les modules intéressants pour votre administration WordPress

La capture ci-dessous montre l’exemple avec le module de création d’articles.

Avec la version 3.1, les modules Champs personnalisés et Commentaires ont été masqués.

C’est donc ici que vous pourrez les afficher de nouveau en les cochant.

Certains modules additionnels activés par des plugins peuvent également être masqués à la demande.

Cette technique est valable pour la plupart des zones administratives : pages, commentaires, liens, etc.

Cette gestion des options de l’écran est vraiment utile pour gagner facilement de l’espace en supprimant des outils pas forcément indispensables au quotidien. N’oubliez pas que chaque module supporter le glisser / déplacer pour une réorganisation facile.

Crédits photo : rofltosh

Dans ce tutoriel, nous verrons comment définir un emplacement de menu de navigation personnalisé.

Autrement dit, il vous sera possible d’indiquer directement depuis le module Apparence puis Menus, où ce dernier devra s’afficher en sélectionnant l’un des emplacements que nous aurons spécifié.

Étape n°1 – Modification du fichier functions.php

N.B : prenez garde à ne pas dupliquer cette fonctionnalité si votre thème supporte en natif cette fonctionnalité. Faites donc une recherche préalable via la commande Rechercher de votre navigateur.

Comme souvent, il nous faut éditer le fichier functions.php présent dans le dossier /wp-content/themes/NOM_DU_THEME/functions.php accessible via un client FTP.

Vous pouvez également passer par le module Apparence puis Editeur.

En fin de fichier, ajoutez les lignes de code suivantes :

<?php
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
 register_nav_menus(
 array( 'top-navigation' => __( 'Top' ), 'footer-menu' => __( 'Footer' ))
 );
}
?>

Ce bout de code aura pour effet de créer 2 emplacements de menu pour votre thème et d’initialiser la fonction de créations de menus.

Attention à ne pas dupliquer cette fonctionnalité !

Étape n°2 – Modification de votre thème WordPress

Évidemment, cette technique présuppose d’avoir insérer dans votre thème, la fonction qui va afficher le menu en question.

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

Cette commande va donc afficher le menu Top que vous pouvez créer / modifier depuis l’administration de WordPress. A insérer généralement dans le fichier header.php.

Étape n°3 – Choix de l’emplacement des menus

Retournez ensuite dans Apparence puis Menus. Remarquez l’apparition d’une nouvelle boite de paramètres reprenant le titre des emplacements. Une liste déroulante vous permet alors de sélectionner le menu à afficher.

Dans notre exemple, WordPress traduit les mots « top » et « footer » par leur équivalent français de façon automatique.

Choisissez l'emplacement de votre menu de navigation

Vous êtes désormais capable de définir des emplacements de menus de navigation dans votre thème WordPress. Pratique, non ?

Crédits photo : Jim Linwood

N.B : notez que cette astuce fonctionne pour n’importe quel serveur Apache et que le choix du CMS – WordPress en l’occurrence, n’a aucun rapport.

Cette astuce va nous permettre d’interdire le listage d’un répertoire et donc de son contenu présent sur votre serveur FTP.

Notons toutefois que certains dossiers sensibles comme /wp-content/themes et /wp-content/plugins ne sont pas accessible via l’URL car ils contiennent un fichier index.html. Un fichier par défaut que lit en premier le navigateur.

Le principal inconvénient de cette méthode est qu’il nous faut ajouter un tel fichier dans chaque nouveau dossier : une opération fastidieuse que nous allons contourner en ajoutant une ligne de code dans le fichier .htaccess.

A l’aide d’un client FTP comme FileZilla, Cyberduck ou Transmit, connectez-vous à la racine de votre installation de WordPress.

Éditez ensuite le fichier .htaccess qui est un fichier caché. Utilisez donc les fonctions de votre client FTP pour afficher le contenu masqué.

En fin de fichier, rajoutez la ligne de code suivante :

Options All -Indexes

Sauvegardez le tout puis testez le bon fonctionnement de l’opération dans un navigateur.

Vos répertoires ne sont désormais plus accessibles en lecture et leur contenu est donc protégé de tout téléchargement. Le visiteur obtient donc une erreur 404 lui informant qu’aucune page de ce type n’existe. Votre sécurité s’en trouve renforcée !

Crédits photo : Jeremy Cherfas

N.B : il se peut que cette technique ne fonctionne en raison de restrictions de votre hébergeur. Dans ce cas, contactez le service commercial pour connaitre la limite mémoire allouée à PHP. Si celle-ci est inférieure à 32 Mo, WordPress risque de rencontrer des problèmes de performances.

A l’aide d’un client FTP comme FileZilla, connectez-vous sur votre serveur hébergeant WordPress.

A la racine de votre espace, modifiez le fichier wp-config.php et rajouter la ligne de code suivante :

define('WP_MEMORY_LIMIT', '96M');

Attention à l’emplacement de cette dernière ! Positionnez-là après la ligne 56 pour la rendre effective.

Collez la ligne de code ici

Modifiez la valeur 96 par celle de votre choix. Agissez en fonction de votre hébergeur tout en sachant que la valeur par défaut est fixée à 32 Mo. Du moins, c’est celle que WordPress essaie de fixer mais il est probable que l’hébergeur ait appliqué des restrictions.

Pour connaitre votre capacité mémoire, installez le plugin WP-Memory-Usage, par exemple :

Une astuce simple à mettre en œuvre qui vous fera prendre conscience des performances réelles de votre hébergeur.

Crédits photo : ChrisSinjo

N.B : avant toute modification de fichier de thème, procédez à une sauvegarde pour rétablir le fichier source au moindre souci.

Mise à jour du 27 décembre 2011 : une alternative est disponible sur Johnstyle.

Supprimer les préfixes des pages à accès limité

Ouvrez le fichier functions.php présent dans le dossier /wp-content/themes/NOM_DU_THEME ou en passant par le menu Apparence puis Éditeur de votre administration WordPress.

function the_title_trim($title) {
$title = attribute_escape($title);
$findthese = array(
'#Protégé&:#',
'#Privé&:#'
);
$replacewith = array(
' ', // Préfixe pour les pages "Protégé :"
' ' // Préfixe pour les pages "Privé :"
);
$title = preg_replace($findthese, $replacewith, $title);
return $title;
}
add_filter('the_title', 'the_title_trim');

Si vous utilisez le thème Twenty Ten de WordPress, placez ces lignes de code en fin de fichier functions.php. Pour les autres, il est souvent nécessaire d’englober celles-ci de balises PHP selon ce modèle :

<?php CODE A INSERER ICI ?>

Modifier les préfixes des pages à accès limité

' ', // Préfixe pour les pages "Protégé :"
' ' // Préfixe pour les pages "Privé :"

Il vous suffit de modifier ces lignes en indiquant le préfixe de votre choix entre les apostrophes. La première ligne concerne les pages de type Protégé, la seconde les pages Privé.

Dites adieu aux préfixes encombrants et maîtrisez un peu plus votre site WordPress !

Crédits photo : ikonic

N.B : ce tutoriel a été mis à jour avec un podcast vidéo HD expliquant pas à pas la procédure pour créer un réseau de sites avec WordPress.

Initialisation de la procédure réseau de WordPress

Officiellement, la manipulation est fort simple. Il suffit d’ajouter la ligne suivante à votre fichier wp-config.php :

define ('WP_ALLOW_MULTISITE', true  ) ;

En réalité, la manipulation est loin de s’arrêter là et l »emplacement du bout de code dans le fichier à son importance.

Ajoutez donc la ligne de code ci-dessous puis rendez-vous dans l’administration de WordPress.

A l'aide du Bloc-notes, ajoutez la ligne de code manquante

Sous le menu Tools, cliquez sur Network pour lancer la procédure d’installation de WordPress MU.

Remarquez la présence d'un module "Network"

Un premier avertissement vous invite à désactiver vos plugins. Faites-le !

Indiquez à présent un titre pour votre réseau puis une adresse e-mail valide.

Configuration de base pour votre réseau WordPress

Cliquez ensuite Install.

Installation du réseau WordPress

Un second avertissement vous recommande de sauvegarder vos fichiers wp-config.php et .htaccess (un fichier caché que votre client FTP doit affiché).

Je vous conseille vivement de sauvegarder ces 2 fichiers car il est possible d’obtenir des erreurs… un testeur malheureux vous livre ici son expérience !

1. Créez ensuite le répertoire blogs.dir dans le dossier /wp-content/ ;
2. Ajoutez les lignes de code fournies dans la première zone de texte dans le fichier wp-config.php. Toutefois, ne les insérez pas à la fin du fichier sous peine d’obtenir des erreurs comme j’ai pu le constater – ainsi que d’autres utilisateurs sur le forum anglophone de WordPress. Collez le fragment juste après ce paragraphe :

   /** Chemin absolu vers le dossier de WordPress. */
   if ( !defined('ABSPATH') )
    define('ABSPATH', dirname(__FILE__) . '/');

   Attention à ne pas répéter la ligne déjà copiée lors de la toute première étape ;

3. Si par cas vous n’aviez pas encore créé de clés de sécurité, copiez les 4 lignes indiquées depuis la seconde zone de texte dans l’emplacement adéquat. Pour en savoir plus, consultez le podcast vidéo pour configurer les clés de sécurité secrètes de WordPress ;
4. Pour finir, copiez / collez la troisième zone de texte dans le fichier .htaccess. Veillez à écraser l’intégralité du contenu présent dans ce fichier. C’est un point capital !

Ajoutez ce fragment de code dans le wp-config.php

1. Une fois que vous aurez procédé à l’ensemble de ces étapes, retournez dans votre tableau d’administration et remarquez l’apparition d’un nouveau menu de gestion intitulé Super Admin. Vous y retrouverez la plupart des fonctionnalités déjà présentes sous WordPress MU 2.9 ;

Spécificités de WordPress 3.1

Depuis la version 3.1 de WordPress, le menu Super Admin a disparu. Les 2 espaces de gestion administratives sont désormais séparées. Pour accéder à celle du réseau, cliquez donc sur le lien Admin du réseau positionné en haut à droite de votre écran.

La totalité des options s’appliqueront donc à votre réseau et vous n’aurez plus besoin de savoir si vous gérez le site ou le réseau. Une nouveauté sympathique de cette version 3.1.

Cette procédure reste compliquée pour l’instant car rappelons qu’il s’agit d’une version beta de WordPress 3.0. Gageons que la version finale simplifiera ce processus !

Crédits photo : Alesa Dam

Pour vous connecter à l’administration WordPress, il est commode de passer par l’une des 2 URLs suivantes :

• http://wpchannel.com/wp-admin/
• http://wpchannel.com/wp-login.php

Cette méthode de connexion n’est pourtant guère très pratique si vous autorisez l’enregistrement de nouveaux utilisateurs. En effet, à moins de connaître WordPress, il vous faudra indiquer l’URL correspondante à chacun des nouveaux inscrits.

Le plus simple reste donc de créer un formulaire de connexion puis de l’insérez dans un nouvelle page par exemple. Nous aurons donc une nouvelle fois recours aux modèles de pages de WordPress.

Création du modèle de page

A l’aide d’un client FTP, rendez-vous dans /wp-content/themes/NOM_DU_THEME/ puis dupliquez le fichier page.php.

Renommez la copie par un titre évocateur tel que template-login.php.

Ouvrez ce dernier puis référencez-le en tant que modèle de page en ajoutant les lignes de code suivante en début de fichier :

<?php
/*
Template Name: Zone de connexion
*/
?>

Insertion du formulaire de connexion

Localisez ensuite la ligne contenant :

<?php the_content(); ?>

Cette ligne affichera le contenu saisi dans l’éditeur TinyMCE depuis votre administration WordPress.

Cas n°1 – Utilisation d’une commande PHP

Juste au-dessus ou en-dessous – c’est à votre convenance, placez la commande PHP suivante :

<?php wp_login_form(); ?>

Sauvegardez le fichier sur votre serveur FTP puis connectez-vous sur votre administration WordPress. Dans le module Pages, cliquez sur l’item Ajouter.

Dans la boîte Attributs de la page, indiquez le modèle Zone de connexion.

N’oubliez pas de cliquer sur le bouton Publier puis de visualiser le résultat.

Cette commande dispose de nombreux paramètres que vous pouvez ajouter entre les parenthèses comme indiqué sur le code à la page Function Reference / wp_login_form.

Cas n°2 – Utilisation d’un formulaire HTML

Cette seconde méthode présente le gros avantage de ne pas contenir une seule ligne de code PHP. Vous pouvez donc l’insérez directement dans une page, un article ou même un widget de WordPress.

Le second avantage de coder en dur – au lieu de passer par des arguments à insérer dans la commande PHP (ce qui n’est pas évident quand on débute), celle-ci est nettement plus facile à personnaliser. Il s’agit ni plus ni moins que d’un formulaire on ne peut plus standard en HTML.

<form method="post" action="http://www.NOM_DU_SITE.com/wp-login.php" id="loginform" name="loginform">

 <p>

  <label for="user_login">Identifiant</label>

  <input type="text" tabindex="10" size="20" value="" id="user_login" name="log">

  </p>

  <p>

  <label for="user_pass">Mot de passe</label>

  <input type="password" tabindex="20" size="20" value="" id="user_pass" name="pwd">

  </p>

 <p><label><input type="checkbox" tabindex="90" value="forever" id="rememberme" name="rememberme">

  Rester connecter</label>

  | <a href="http://www.NOM_DU_SITE.com/wp-login.php?action=lostpassword">Mot de passe oublié</a></p>

  <p>

  <input type="submit" tabindex="100" value="Se connecter" id="wp-submit" name="wp-submit">

  <input type="hidden" value="http://www.NOM_DU_SITE.com/" name="redirect_to">

  </p>

 </form>

Englober le tout d’une balise <div>, saupoudrez le tout de CSS et vous obtiendrez un résultat selon vos besoins. N’oubliez pas non plus de remplacer les URLs par le domaine de votre site.

Bravo ! Vous disposez à présent d’une zone de connexion (login) personnalisée et facilement repositionnable sur votre site. Les utilisateurs les plus aventureux l’afficheront en sur-impression sur la page, les autres pourront se contenter de passer par le plugin Ajax Login.

Crédits photo : _af_

Types de contenu par défaut VS types de contenu personnalisé

Par défaut, WordPress est fourni avec 2 default post types – autrement dit 2 types de contenus que sont les articles et les pages.

Et bien, sachez qu’il est possible de créer vos propres types – à ne pas confondre avec les modèles de pages WordPress.

Ce système est très utile pour des sites qui ont besoin de lister du contenu : les agences immobilières pour vendre leur biens, les sites de e-commerce pour vendre leurs produits ou encore les bases de livres / cinéma pour lesquels on pourra imaginer des classements par genre ou réalisateur par exemple.

Un exemple de contenu personnalisé avec des produits

On retrouvera le même type de présentation du contenu que pour les pages ou les articles.

Votre liste de produits au même niveau que les pages ou les articles

Créer un custom post type manuellement

Localisez le fichier functions.php présent dans le dossier /wp-content/themes/NOM_DU_THEME/ ou passez par le menu Apparence puis Éditeur.

Arguments par défaut

<?php add_action( 'init', 'create_post_type' );
function create_post_type() {
  register_post_type( 'produit',
    array(
      'labels' => array(
        'name' => __( 'Produits' ),
        'singular_name' => __( 'Produit' )
      ),
      'public' => true
    )
  );
}
?>

Taxonomie personnalisée

Dans les articles de WordPress, la taxonomie est basée sur les catégories et les mots-clefs – tags en anglais.

Il est possible de choisir vos propres termes comme « Genre »,  « Type », « Pays » pour couvrir les besoins de votre projet.

Pour cela, ajoutez les lignes de code suivantes avant la fermeture de la balise PHP du code précédent :

register_taxonomy( 'couleur', 'produit', array( 'hierarchical' => true, 'label' => 'Couleur', 'query_var' => true, 'rewrite' => true ) )

Voici la liste des paramètres autorisés, présentés dans l’ordre d’utilisation :

• Le nom de la taxonomie : il s’agit de couleur dans l’exemple ;
• Le type de contenu qui va disposer de la taxonomie : indiquez ici votre intitulé de custom post type, en l’occurrence, produit ;
• hierarchical : indique s’il y a une relation parent / enfant, de la même manière que pour les catégories. Choisissez entre True ou False selon vos besoins ;
• label : c’est le nom plus descriptif qui s’affichera dans l’administration de WordPress ;
• query_var : laissez obligatoirement sur True de sorte qu’on puisse effectuer des requêtes d’affichage du contenu ;
• rewrite : indiquez True pour utiliser les permaliens basés sur votre custom post type ;

Au final, en combinant le tout, votre code doit ressembler à cela :

<?php add_action( 'init', 'create_post_type' );
function create_post_type() {
  register_post_type( 'produit',
    array(
      'labels' => array(
        'name' => __( 'Produits' ),
        'singular_name' => __( 'Produit' )
      ),
      'public' => true
    )
  );
register_taxonomy( 'couleur', 'produit', array( 'hierarchical' => true, 'label' => 'Couleur', 'query_var' => true, 'rewrite' => true ) );
}
?>

Insérez le code en début de fichier avant les fonctions du thème TwentyTen

Afficher votre custom post type

Sur la page d’accueil

Il vous suffit d’ajouter ces lignes de code, en-dessous des précédentes, dans le fichier functions.php :

<?php add_filter( 'pre_get_posts', 'my_get_posts' );

function my_get_posts( $query ) {
 if ( is_home() )
 $query->set( 'post_type', array( 'produit' ) );

 return $query;
}
?>

Autre part dans le template WordPress

Pour information, WordPress utilise une boucle PHP qui permet d’afficher les derniers articles. La même chose est faisable par une requête SQL.

Avec les custom post types, il nous faut créer soit une boucle personnalisée, soit passé par une requête de type query_posts.

Requête SQL (boucle)

Pour effectuer une requête, utilisez les lignes de code suivante dans le fichier du thème sensé lister le custom post type – en général, index.php :

$loop = new WP_Query( array( 'post_type' => 'produit', 'posts_per_page' => 10 ) );
while ( $loop->have_posts() ) : $loop->the_post();
  the_title();
  echo '<div>';
  the_content();
  echo '</div>';
endwhile;

Requête query_posts

query_posts(array('post_type' => array('post', 'produits')));

En savoir plus

Pour les utilisateurs les plus curieux, je vous recommande la lecture de cet excellent article écrit en français (il faut le souligner) : Introduction à WordPress 3 : custom post type et custom taxonomy.

Vous apprendrez les nombreuses possibilités offertes par les custom post types.

L’objectif de ce tutoriel est d’être le plus simple possible pour ne pas décourager les utilisateurs pour qui les lignes de code sont l’horreur absolue… les plus aventureux trouveront facilement des compléments sur le Web pour approfondir sur ce concept de contenu sur-mesure. Pour information, WordPress 3.1 incorporera les modèles d’articles que vous pourrez donc utiliser dans vos custom post types !

Crédits photo : kentbrew

Ce tutoriel va réutiliser le code source du plugin Remove /blog slug for WPMU. La grosse différence part du principe qu’un plugin d’une dizaine de lignes pourra être directement inséré dans le fichier functions.php de WordPress.

A l’aide d’un client FTP, localisez le fichier functions.php présent dans le dossier de votre thème sous /wp-content/themes/NOM_DU_THEME/

Vous pouvez également passer par le menu Apparence puis Editeur de votre administration WordPress. A partir de la liste des fichiers sur la droite de votre écran, cliquez sur functions.php.

Rajoutez ensuite les lignes suivantes en début ou en fin de fichier tout en veillant à respecter l’ouverture et la fermeture des balises PHP. Sinon, insérez le contenu de ces balises de la ligne 3 à 15 à l’intérieur d’autres balises PHP déjà en place.

Le placement de bout de code n’étant jamais évident, je vous invite à regarder la vidéo ci-dessous qui explique la manipulation avec le thème par défaut de WordPress, à savoir TwentyTen.

<?php

add_filter("pre_update_option_category_base","cc_remove_blog_slug");
add_filter("pre_update_option_tag_base","cc_remove_blog_slug");
add_filter("pre_update_option_permalink_structure","cc_remove_blog_slug");

function cc_remove_blog_slug($tag_cat_permalink){

if(!preg_match("/^\/blog\//",$tag_cat_permalink))
return $tag_cat_permalink;

$new_permalink=preg_replace ("/^\/blog\//","/",$tag_cat_permalink );
return $new_permalink;

}

?>

Ceci fait, sauvegardez votre fichier puis rendez-vous dans le menu Réglages puis Permaliens.

Cette procédure permet de forcer la mise à jour des permaliens de WordPress

Là, changez une première fois la structure en place par celle de votre choix tout en retenant la précédente. Cliquez donc sur Enregistrer les modifications.

Revalidez ensuite la structure définitive en n’oubliant pas de cliquer à nouveau sur Enregistrer les modifications.

Déconnectez-vous de votre administration WordPress puis retournez sur votre site. Les URLs sont désormais libérés de la présence du /blog.

Vous disposez dorénavant d’une structure d’URL plus propre pour votre gestion multi-site avec WordPress 3.0. La présence du mot-clé blog appartient au passé et ce serait vraiment bien si les prochaines de version de WordPress pouvaient s’en passer…

Crédits photo : Maria Reyes-McDavis

La première étape consiste à télécharger le plugin WP-PostViews à partir du lien suivant :

Les fichiers de la traduction française sont disponibles ici :

Il suffit de copier ces derniers dans le répertoire du plugin – /wp-content/plugins/wp-postviews/, à l’aide d’un client FTP.

Procédez à l’installation du plugin de façon manuelle ou automatique via le module Extensions puis Ajouter.

Paramétrage des options de WP-PostViews

Une fois activé, un nouvel item PostViews apparaît dans le menu Réglages.

Panneau d'options du plugin WP-PostViews

Je ne vais détailler ici toutes les fonctionnalités car elles sont largement compréhensibles de tous.

Je relèverai pour autant la possibilité de choisir :

• Le type d’utilisateur qui doit être comptabilisé (invité, utilisateurs enregistrés, tout le monde) : laissez sur invité ou Guests Only ;
• La possibilité d’exclure les robots : laissez sur Oui bien entendu ;
• Les options d’affichage permettent de choisir si oui ou non le compteur de vues doit s’afficher et surtout qui peut le voir. Comme indiqué, chacune des pages cités (home, archive, article, etc.) doit contenir la fonction PHP dans les fichiers de thème respectifs (cf. point suivant) ;

Libre à vous de modifier les options selon vos besoins.

Édition du thème WordPress

Évidemment, ce plugin n’affichera aucun compteur tant que vous n’aurez pas édité votre thème. La raison est simple : c’est à vous d’indiquer l’emplacement de ce compteur et non pas l’inverse.

Rassurez-vous la procédure n’a rien de vraiment compliqué en soi bien que des notions de PHP soient souhaitables.

Dans cet exemple, nous partons du principe que le compteur devra s’afficher dans vos articles.

Ouvrez donc le fichier single.php présent dans le dossier /wp-content/themes/NOM_DU_THEME/single.php. D’ordinaire, un compteur de vues se positionne à proximité du titre et des informations de l’article (catégorie, auteur, date, etc.).

Insérez à présent la ligne de code suivante à l’emplacement souhaité :

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

Sauvegardez le fichier puis actualisez votre site puis cliquez sur un article. Si tout a fonctionné, votre compteur de vues devrait s’afficher.

Un exemple d'intégration sur WordPress Channel

Si tel n’est pas le cas, faites appel à un professionnel ou demandez de l’aide sur les forums WordPress.

J’insiste sur le fait que chaque thème est différent et que vos souhaits le sont tout autant. Je fournis ici une méthode générique pour donner des pistes au plus grand nombre d’entre vous.

Le plugin WP-PostViews est l’un des plus utilisés pour comptabiliser le nombre de vues avec WordPress. Les utilisateurs avancés iront plus loin dans ses usages en créant par exemple une page des articles les plus vues.

Crédits photo : ToNToN CoPT

Ce tutoriel vous montrera comment créer votre serveur local avec l’application MAMP dont la première lettre détermine le système d’exploitation, en l’occurrence MacOS X.

Mais il faut savoir qu’il existe la même chose pour Windows (WAMP) et Linux (LAMP). Vous pourrez donc adapter sans trop de difficultés ce didacticiel au système de votre choix.

Vous pouvez également consulter l’article Installer WordPress sur un serveur local avec EasyPHP mais qui commence à dater un peu.

Configurer votre serveur local avec MAMP

Commencez par télécharger la dernière version gratuite de MAMP :

Pour info, ce type d’outils doit respecter les contraintes des scripts que vous allez installer. Pour WordPress, tout est OK comme l’indique la page officielle de MAMP qui supporte :

• MySQL 5.1.44 ;
• PHP 5.2.13 et 5.3.2 ;

Une fois téléchargé, décompressez l’archive ZIP puis déplacez le tout dans votre dossier Applications.

Lancez à présent MAMP puis patientez quelques instants. Il faut lui laisser le temps de démarrer le serveur local et tout ses composants.

MAMP, écran de contrôle de votre serveur local

Ceci fait, une nouvelle instance de votre navigateur Internet s’exécute avec pour URL :

http://localhost:8888/MAMP/?language=French

La page d'accueil de votre serveur MAMP

Il s’agit, en quelques sortes, de votre tableau de bord à partir duquel vous aurez notamment accès à phpMyAdmin pour créer votre base de données MySQL.

Cliquez sur le lien phpMyAdmin puis créez une nouvelle base à partir du champ Créer une base de données – par exemple, wordpress.

WordPress a besoin d'une base de données MySQL pour fonctionner

Pour information, le mot de passe et le nom de l’utilisateur sont tous deux fixés sur root. Cela ne pose aucun problème de sécurité vu que tout est exécuté en local – à moins d’être piraté bien entendu…

Vous disposez à présent de tous les outils qu’il vous faut pour procéder à l’installation de WordPress.

Installer WordPress sur votre serveur local MAMP

La première étape consiste évidemment à télécharger la dernière version en date de WordPress :

Décompressez l’archive dans un dossier de votre choix. A la différence d’une installation sur un serveur classique où il est nécessaire de se connecter via un client FTP à votre dossier de publication Web, le principe est similaire pour un serveur local à l’aide du Finder.

Rendez-vous dans le dossier Applications/MAMP/htdocs/

Il s’agit du dossier racine de votre serveur. Comme vous le voyez un fichier index.php est déjà présent : ce n’est autre que le tableau de bord de MAMP que nous avons évoqué plus haut.

Pour bien faire les choses, créez donc un nouveau dossier wordpress puis collez le contenu de l’archive que vous venez de télécharger à l’intérieur.

Pour procéder à l’installation de WordPress, ouvrez l’URL suivante :

http://localhost:8888/wordpress/

Vous remarquerez qu’il suffit d’ajouter le nom du dossier à la suite de l’adresse par défaut de votre serveur local.

Comme pour une installation standard de WordPress, les étapes sont identiques et elles consistent à créer un fichier wp-config.php pour lier votre base de données MySQL à WordPress :

1. Cliquez sur Créer un fichier de configuration au premier écran ;
2. Au deuxième écran, cliquez sur le seul bouton C’est parti ;
3. Le troisième écran nous demande les informations de connexion à la base de données. Ce sont les mêmes que nous avons définies plus haut :
   • Nom de la base : wordpress ;
   • Nom d’utilisateur : root ;
   • Mot de passe : root ;
   • Hôte de la base : localhost ;
   • Préfixe de la table : wp_ ;
4. Cliquez ensuite sur Soumettre ;
5. Au quatrième écran, cliquez sur Lancer l’installation.
6. C’est terminé !

Félicitations ! Vous disposez à présent d’un serveur local opérationnel, exécutant WordPress 3.0 à l’aide de MAMP.

Libre à vous d’effectuer les tests les plus aventureux puisque tout reste en local (installation de plugins, de thèmes, modifications de code PHP, etc.). En cas de problèmes, réitérez les opérations décrites dans ce tutoriel et 5 minutes suffiront pour remettre en place un serveur local pour WordPress. Sachez toutefois qu’un serveur local ne reflète pas le temps de chargement d’une page passant par le réseau Internet et que certains plugins ne peuvent fonctionner sans être installé sur un serveur standard.

Crédits photo : wesleynitsckie

Résultat final

Pour bien comprendre l’objectif de ce guide, voici un schéma de ce que vous obtiendrez :

• Octobre 2010
  • Art. 1
  • Art. 2
  • Art. 3
• Septembre 2010
  • Art. 1
  • Art. 2
  • Art.3

Le résultat du tutoriel en image

Pour mettre en place cette page d’archives chronologique, je vous propose d’utiliser un modèle de page pour éviter de modifier votre thème. Cependant, vous pouvez très bien attaquer directement des fichiers standards tels que archive.php !

Création du modèle de page WordPress

Dans le dossier de votre thème, dupliquez le fichier page.php pour réutiliser la structure HTML de votre site. Renommez le fichier pour plus de commodité, par exemple, template-chronologique.php.

Collez dans un premier temps ces premières lignes de code indiquant à WordPress qu’il s’agit d’un modèle de page.

<?php
/*
Template Name: Archives chronologique
*/
?>

Puis, juste après la commande <?php the_content(); ?>, insérez ceci :

<?php

$previous_year = $year = 0;
$previous_month = $month = 0;
$ul_open = false;

$myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');

?>

<?php foreach($myposts as $post) : ?>	

	<?php

	setup_postdata($post);

	$year = mysql2date('Y', $post->post_date);
	$month = mysql2date('n', $post->post_date);
	$day = mysql2date('j', $post->post_date);

	?>

	<?php if($year != $previous_year || $month != $previous_month) : ?>

		<?php if($ul_open == true) : ?>
		</ul>
		<?php endif; ?>

		<h3><?php the_time('F Y'); ?></h3>

		<ul>

		<?php $ul_open = true; ?>

	<?php endif; ?>

	<?php $previous_year = $year; $previous_month = $month; ?>

	<li><span><?php the_time('j F'); ?> - </span> <span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span></li>

<?php endforeach; ?>
	</ul>

N’oubliez pas de sauvegarder le fichier sur votre serveur dans le dossier /wp-content/themes/NOM_DU_THEME/

Publication de la page d’archive chronologique

Connectez-vous ensuite dans votre administration WordPress puis appliquez le modèle de page que nous venons de créer.

Vous pouvez – par exemple, créez une page que vous nommerez Archives. Dans le module Attributs de la page, choisissez Archives chronologiques comme Modèle.

Définissez le nouveau modèle de page WordPress

Publiez à présent votre nouvelle page et admirez le résultat !

Félicitations ! Vous venez de créer une page d’archive chronologique grâce à la puissance des modèles de pages WordPress.

Crédits photo : ToniVC

Avant-propos

Par défaut, WordPress affiche un extrait de 55 mots sur la page d’accueil. Ce nombre de mots peut donc s’ajuster selon vos besoins via un plugin ou une intervention directe dans le code du thème.

Un point essentiel à retenir toutefois ! Votre thème doit disposer de la fonction <?php the_excerpt(); ?> pour afficher ce fameux extrait. Cette commande PHP appelle en premier lieu la zone d’extrait – celle que vous ne devez pas remplir, ou les 55 premiers mots par défaut.

#1 – Solution manuelle via le functions.php

Avant de commencer, il est important de savoir que cette première méthode ne fonctionnera pas si vous avez déjà saisi du texte dans la zone Extrait lors de la rédaction de vos articles. Paradoxalement, l’extrait n’est pas créée à partir de cette zone de texte mais bien à partir des premières lignes du corps de saisie principal.

Il faut donc disposer de zones d’extraits vides pour que cette technique fonctionne… sauf si vous ajoutez des lignes de code supplémentaire (cf. ci-après).

Technique appliquée aux extraits standards

Dans le menu Apparence de votre administration WordPress, ouvrez l’item Editeur.

Pour plus de facilités, je vous recommande d’utiliser un éditeur tel que Coda sur MacOS X ou Notepad++ sous Windows.

Cliquez donc sur le fichier functions.php correspondant au thème actuellement actif sur votre site WordPress.

Ajoutez maintenant les lignes de code suivante :

<?php function new_excerpt_length($length) {
 return 10;
}
add_filter('excerpt_length', 'new_excerpt_length');
?>

Modifiez la valeur 10 en fonction de vos besoins. Cette valeur correspond au nombre de mots qui composeront l’extrait.

Pour valider le tout, n’oubliez pas de sauvegarder le fichier. WordPress affichera alors des points de suspension dans l’extrait.

Technique appliquée à la zone d’extrait

Ajoutez ces lignes dans le functions.php pour appliquer une longueur spécifique à toutes les zones d’extrait :

<?php function wp_trim_all_excerpt($text) { // Creates an excerpt if needed; and shortens the manual excerpt as well
global $post;
if ( '' == $text ) {
$text = get_the_content('');
$text = apply_filters('the_content', $text);
$text = str_replace(']]>', ']]&gt;', $text);
}
$text = strip_shortcodes( $text ); // optional
$text = strip_tags($text);
$excerpt_length = apply_filters('excerpt_length', 55);
$excerpt_more = apply_filters('excerpt_more', ' ' . '[...]');
$words = explode(' ', $text, $excerpt_length + 1);
if (count($words)> $excerpt_length) {
array_pop($words);
$text = implode(' ', $words);
$text = $text . $excerpt_more;
} else {
$text = implode(' ', $words);
}
return $text;
}
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'wp_trim_all_excerpt'); ?>

La longueur par défaut est définie à 55, valeur que vous pouvez changer pour le nombre de mots de votre choix.

Cette méthode complémentaire est l’œuvre de alchymyth.

#2 – Solution automatique via les plugins

Je vous conseille d’installer l’extension Advanced Excerpt depuis votre administration WordPress.

Une traduction française peut être téléchargée ici-même :

Pour activer la traduction, il suffit de coller les fichiers contenus dans l’archive ZIP dans le dossier /wp-content/plugins/advanced-excerpt/

Pour configurer le plugin, rendez-vous dans le menu Réglages puis Excerpt.

Tout pour paramétrer vos extraits personnalisés

Parmi les fonctionnalités intéressantes, on retiendra :

• Le choix de la balise Lire la suite ou Read More ;
• La possibilité d’enlever automatiquement les shortcodes ;
• La capacité de générer un extrait y compris si la zone d’extrait est utilisé (cf. Avant-propos du tutoriel) ;

La gestion des extraits sous WordPress n’aura plus de secrets pour vous… du moins je l’espère !

Crédits photo : Yan Basque

Le podcasting, c’est quoi ?

Au lieu de me casser la tête à vous expliquer en quelques lignes le concept du podcasting, faisons appel à Wikipédia :

Le podcasting ou la baladodiffusion est un moyen de diffusion de fichiers (audio, vidéo ou autres) sur Internet appelés podcasts ou balados.

Par l’entremise d’un abonnement aux flux RSS ou Atom, le podcasting permet aux utilisateurs l’écoute ou le téléchargement automatique d’émissions audio ou vidéo pour les baladeurs numériques en vue d’une écoute immédiate ou ultérieure.

Source Podcasting – Wikipédia

Passons à présent aux choses sérieuses avec WordPress !

Méthodes de podcasting avec WordPress

Dans ce tutoriel, vous apprendrez les meilleures techniques de podcasting avec WordPress – techniques que je mets en œuvre sur WordPress Channel, avec notamment :

1. La gestion des podcasts dans un flux RSS FeedBurner ;
2. La publication de vos podcasts sur l’iTunes Store ;
3. L’obtention de statistiques de téléchargements régulières ;

Ce que nous n’étudierons pas dans ce article : la création et le montage d’un podcast audio ou vidéo.

Ce guide s’efforcera d’évoquer toutes les problématiques liés au podcasting grâce à mon expérience en la matière sur le projet WordPress Channel.

Étape n°1 – Installation du plugin PowerPress de Blubrry

Le plugin PowerPress est disponible via le répertoire de WordPress et peut donc s’installer directement via l’administration. Sinon, téléchargez ce dernier via l’adresse ci-dessous :

Comme d’habitude, téléversez le dossier dans le répertoire /wp-content/plugins de votre serveur FTP.

N’oubliez pas de cliquer sur le lien Activer dans le module Extensions de votre administration.

Actuellement, aucune version française n’est disponible faute de pouvoir traduire ce plugin… mais cela ne saurait tarder d’après les informations que j’ai pu recueillir. Je me ferais donc un plaisir d’effectuer la traduction le moment voulu et de mettre à jour le tutoriel.

Étape n°2 – Configuration du plugin PowerPress

Ce plugin est très complet d’un point de vue configuration car différents profils utilisateurs existent. Nous allons donc aborder le paramétrage onglet par onglet, pour vous permettre d’avancer au mieux.

Rendez-vous dans un premier temps dans le module PowerPress puis cliquez sur Settings. Tout à fait en bas de page, une section Advanded Options doit être paramétré avant toute autre modification.

Le mode Avancé est conseillé pour aller plus loin

En fonction des cases que nous cocherons, nous disposerons de plus ou moins d’options. Je vous recommande de cocher Advanced Mode pour commencer.

Les 3 options ne sont à cochées que dans les situations suivantes :

• Audio Player Options : indispensable pour les podcasts audio, PowerPress vous proposera 5 lecteurs Flash différents prêts-à-l’emploi. Une fois l’option validée, un module Audio Player apparaîtra dans le menu PowerPress vous permettant de faire votre choix ;
• Custom Podcast Channels : autorise la gestion de plusieurs formats. Utile si vous créez une version SD et HD par exemple ;
• Category Podcasting : cette option affiche un nouvel élément dans le menu PowerPress et permet d’avoir plusieurs flux de catégories de podcasts ;

Pour débuter, la première case suffira. Faites donc Save Changes pour valider.

Nous sommes à présent parés pour commencer la véritable configuration de PowerPress.

Onglet Basic Settings

Adaptez le plugin à vos besoins propres.

Default Media URL

Entrez ici l’URL du dossier qui hébergera vos podcasts. Cette option vous évitera par la suite d’avoir à saisir l’adresse complète du fichier lors de la rédaction d’un article avec podcast.

Podcast Entry Box

Vous laisse le choix entre 3 types de boites de dialogue présente dans les pages de création d’articles :

• Simple : affiche uniquement le champ URL ;
• Normal (par défaut) : les champs URL, taille et durée sont présents. C’est le type de boite que j’utilise sur WordPress Channel ;
• Custom : libre à vous dans ce cas de cocher des options supplémentaires ;

File Size Default

Laissez sur Auto detect file size pour que PowerPress détecte comme un grand la taille du fichier.

Duration Default

La durée n’est détecté automatiquement que sur les podcasts audio. Dans le cas où vous ne publiez que des vidéos, basculez sur User specify pour indiquer vos propres valeurs.

Auto Add Media

A laisser sur Disabled (default) sans hésitation ! Cette option permet d’ajouter le premier ou le dernier lien de votre article en tant que podcast. Cette technique est fortement déconseillée.

Podcast Permalinks

Les permaliens correspondent aux URLs de votre site. Je vous conseille de laisser sur Default WordPress Behavior pour que cette structure soit en conformité avec celle de votre site actuellement en place.

Il est recommandé d’utiliser des permaliens sous la forme %postname% pour booster votre référencement.

Ces premiers paramètres étant définis, cliquez sur le bouton Save Changes.

Onglet Services & Statistics

Obtenez gratuitement des rapports de statistiques hedbdomadaires !

Le site Blubrry propose des services payants compatibles avec son plugin gratuit qu’est PowerPress – notamment des solutions de stockage.

Toutefois, vous pouvez bénéficiez gratuitement de statistiques – certes sommaire, concernant vos podcasts.

Il vous faut donc vous inscrire en cliquant sur Click here to configure Blubrry Services.

Ensuite, cochez la case Display Statistics in WordPress Dashboard.

Dans la section Media Statistics, collez l’URL de redirection fournie par le service de Blubrry – sur lequel vous venez de vous inscrire. Cette direction est indispensable pour générer des statistiques – très courant comme méthode je vous rassure.

Notez que rien ne vous empêche d’utiliser FeedBurner en complément et de façon indépendante.

Un module de statistiques PowerPress directement intégré dans WordPress

Onglet Appearance

PowerPress dipose de nombreuses possibilités d'affichage

PowerPress dispose d’un lecteur vidéo que vous pouvez faire apparaître dans vos articles. De même, nous devons déterminer ici où sera affiché le lien de téléchargement dans l’article.

Media Presentation

A vous de choisir où seront affichés les liens de téléchargements et le lecteur dans l’article :

• Below Post : avant l’article ;
• Above Post : après l’article ;
• None : à aucun endroit ;

Personnellement, j’ai opté pour Below Post.

PowerPress Shortcode

Le plugin dispose de shortcode très pratique car ils vous permettront d’insérer le podcast où vous le souhaitez dans l’article.

Le shortcode standard est : powerpress

Vous pouvez consulter la liste complète des shortcodes pour aller plus loin.

Display Media Player

Choisissez d’afficher ou non le lecteur vidéo et de quelle façon. Préférant utilisé YouTube pour offrir les meilleures performances de lecture et notamment en haute définition, à vous de voir en fonction de vos besoins.

Une coche vous permet aussi de le désactiver pour les périphériques mobiles connus. Il suffit de cocher Disable Media Player for known mobile devices.

Download Link

Paramétrer la façon dont s’affichera le lien de téléchargement. Je vous conseille d’indiquer les informations de durée et de taille de fichier, méthode commune sur le Web dès lors qu’il y a téléchargement.

Optez donc pour Display with file size and duration.

Having Theme Issues ?

Cette option est très utile car elle corrige les bugs inhérents à votre thème WordPress. Si par cas le lecteur n’était présent dans vos articles, choisissez Yes, please try to fix.

Video Player Settings

Des options classiques vous donnant la possibilité de définir la largeur (width) et la hauteur (height) du lecteur ; de même que l’échelle d’affichage QuickTime.

Les podcasts étant généralement au format MOV (QuickTime), il est normal que son lecteur soit compatible QuickTime.

Audio Player Settings

La largeur de votre lecteur audio à saisir – la valeur par défaut étant de 320 pixels.

Onglet Feeds

Réfléchissez bien à la façon de gérer les flux RSS contenant les médias

Cet onglet est très important pour bien podcaster !

Podcast Feeds

Rappelons tout d’abord que vos lecteurs vont pouvoir s’abonner à un flux RSS qui contiendra uniquement vos articles à podcasts – à la manière d’une catégorie WordPress. Ce flux se présente sous la forme : http://wpchannel.com/feed/podcast/

Cela revêt un aspect pratique pour visiteur qui ne s’abonneront qu’au contenu avec podcast.

Cependant, il est nettement plus intéressant d’ajouter la prise en charge des fonctionnalités de podcasting de PowerPress à l’ensemble des flux de votre site.

A partir de là, 3 options se présentent à eux :

• Enhance All Feeds : bien que recommandée, je vous déconseille de cocher ce paramètre. Il permet d’activer la prise en charge des fonctionnalités de podcasting pour l’ensemble de vos flux – y compris les flux de catégories et de tags. Utile si vous publiez de nombreux podcasts ;
• Enhance Main Feed Only : cette option ajoute la prise en charge des outils de podcasting pour le flux principal de votre site. Actuellement en place sur WordPress Channel ;
• Do Not Enhance Feeds : les paramètres que nous définirons plus bas ne s’appliqueront qu’au flux du podcast comme indiqué dans le premier paragraphe de cette section ;

Une fois les options sauvegardées, vous pourrez valider les flux RSS pour vérifier qu’il n’ait pas de bugs en cliquant sur le bouton Validate.

Feed Settings

Commencez par indiquer le nombre d’épisodes à afficher dans le flux. dans le champ Show the most recent. Je vous conseille de passer cette valeur à 100 sans quoi seuls les derniers épisodes seront présents dans le flux et donc iTunes.

Si vous parlez d’actualités, ce chiffre à son intérêt mais pas lorsque vous faites des tutoriels ou du contenu qui n’a pas de lien temporel. Dans ce cas de figure, l’abonné doit pouvoir télécharger le premier épisode et le dernier en date sans contraintes !

Spécifiez ensuite l’URL de l’image du flux dans le champ RSS2 Image. Indispensable d’un point de vue marketing !

Une case Upload New Image vous permet même d’utiliser la fonction d’envoi de fichier.

Sélectionnez ensuite la langue du flux : French dans mon cas.

Pour finir, saisissez le Copyright – par exemple, le titre de votre blog / entreprise.

Une nouvelle fois, cliquez sur Save Changes.

Onglet iTunes

Publier vos podcasts sur le store d'Apple !

Nous voici arriver à la partie qui doit vous intéresser au plus au point ! Comment faire pour apparaître dans le répertoire de plugins de l’iTunes Store ?

C’est pourtant très simple : il suffit de soumettre un flux RSS valide… il est donc capital de bien configurer ce plugin et de tester sans quoi vous ne serez jamais accepté par Apple.

iTunes Listing Information

L’URL d’abonnement sur iTunes vous sera fourni une fois inscrit sur le service.

Pour entamer le processus de publication, cliquez sur Publish a Podcast on iTunes. Votre flux sera validé par les équipes d’Apple, soyez patients !

PowerPress va plus loin en notifiant iTunes par ping à chaque nouvel épisode.

Pour ce faire, choisissez Yes dans le champ Update iTunes Listing. Une case Test Update iTunes Listing vous permet aussi de tester le service en notifiant la plateforme. Le résultat de succès ou d’échec s’affiche en dessous.

iTunes Feed Settings

C’est ici que vous allez pouvoir indiquer l’ensemble des informations qui seront publiées sur votre page iTunes Store :

• iTunes Program Subtitle : le titre de votre programme de podcasts ;
• iTunes Program Summary : la description détaillée de votre chaîne (pas de HTML) ;
• iTunes Episode Summary : cette option exclusive à PowerPress transforme les liens de description de chaque épisode – les extraits de WordPress sont les descriptions, en liens cliquables depuis iTunes. Pour en bénéficier, cochez Optimize iTunes Summary from Blog Posts ;
• iTunes Program Keywords : faites votre référencement en indiquant un maximum de 12 mots-clés ;
• iTunes Category : choisissez la catégorie principale de votre chaîne de podcasts ;
• iTunes Category 2 : idem mais pour le second niveau de classement dans l’annuaire ;
• iTunes Category 3 : idem mais pour le troisième niveau de classement dans l’annuaire ;
• iTunes Explicit : le réglage pour le contrôle parental. Mettez Clean – no explicit content pour vous donner une bonne image ;
• iTunes Image : l’image représentant votre podcast sur iTunes. Là encore, indispensable pour le marketing. Respectez les dimensions : 600 x 600 pixels ;
• iTunes Talent Name : votre nom de producteur ou cochez Use blog post author’s name for individual episodes pour les blogs multi-auteurs ;
• iTunes Email : votre e-mail de contact pour être informé de votre validation ;
• iTunes New Feed URL : n’y touchez pas ! Ce lien remet à zéro toutes vos options de présence sur iTunes Store ;

Voici un exemple de page de podcast sur iTunes :

La page de podcasts pour le projet WordPress Channel sur iTunes !

Félicitations ! Vous venez de terminer la configuration du plugin Blubrry PowerPress. Confirmez vos paramètres en cliquant sur Save Changes une dernière fois.

Étape n°3 – Création d’un article avec podcast

PowerPress dispose d’un module intitulé Podcast Episode dans le module de rédaction des articles et des pages de WordPress. Ce module peut varier en termes d’options comme nous venons de le voir dans l’étape n°2.

Collez simplement l'URL du podcast ou le nom du fichier (dépend des options choisies)

Le champ Media URL est le plus important. C’est ici que vous saisirez l’adresse complète de votre podcast vidéo ou audio. Le bouton Verify vous permettra de vérifier en un clic si l’URL est valide, sympa non ?

Les champs File Size et Duration concernent la taille du fichier – important pour le lecteur qui a besoin de connaître cette information en cas de fichier lourd à télécharger, et la durée du podcast – là encore, vos lecteurs apprécieront de connaître cette donnée. Dans les deux cas, ces champs se remplissent automatiquement à l’exception du second dans le cas où vous réalisez des podcasts de type vidéo – comme c’est le cas sur WordPress Channel.

Dans ce cas de figure, il sera nécessaire de fournir l’indication de durée.

Aucune autre action de votre part n’est requise à ce stade. Rédigez votre article comme vous en avez l’habitude et publier le. Le podcast devrait s’insérer à l’endroit où vous l’avez spécifié dans les options de configuration de PowerPress.

Conseils en podcasting

#1 – Choix de l’hébergeur

Cet aspect n’est pas à négliger ! Gardez à l’esprit que vos abonnés – aussi bien au flux RSS (et donc iTunes) que sur votre site, vont télécharger vos épisodes directement depuis votre serveur.

Il faut donc disposer d’une hébergeur correct en termes de bande passante autorisée – chez Mavenhosting c’est de l’illimité, ainsi qu’en termes de stockage – notamment pour la vidéo.

Si vous proposez la lecture de vos fichiers vidéo à partir du lecteur PowerPress, je vous recommande un serveur puissant car les temps d’accès seront trop long – en raison du fait qu’il ne s’agit pas d’un serveur optimisé pour le streaming.

#2 – Diffuser sur YouTube

Pour pallier ce problème de performances en lecture, diffusez vos contenus sur YouTube ou toute autre plateforme de partage vidéo correcte. Préférez les services prenant en charge la HD comme Vimeo. Vous pourrez ensuite utiliser leur lecteur exportable pour proposer une lecture directe de vos podcasts tout en fournissant le lien de téléchargement.

C’est la méthode en place sur WordPress Channel depuis ses origines !

Autre avantage de taille : vous disposez d’options de partage supplémentaire, de liens vers vos autres vidéos et d’un meilleur référencement dans Google. Bref du social quoi !

#3 – FeedBurner

Dans le cadre du projet WordPress Channel, tous les articles n’incluent pas forcément de podcasts vidéos.

De fait, il est très utile d’utiliser un service comme FeedBurner pour la gestion de son flux RSS.

A cela, plusieurs avantages :

• L’obtention de statistiques supplémentaires (nombre d’abonnés, nombre de clics, etc.) ;
• Des fonctions de newsletters (abandonnées depuis peu sur ce site pour une vraie newsletter hebdomadaire) ;
• Des options de personnalisation avancées (logo, format de flux, boutons de partage, etc.) ;
• L’insertion de publicité Adsense ;

Notez également que FeedBurner disposer d’un mode podcaster. Il suffit d’ajouter un flux et de cocher I’m a podcaster!

Seul point faible : des options pour iTunes sont redondantes ne posent aucun problème de compatibilité !

Nous voici arriver au terme de ce très long tutoriel sur les techniques de podcasting avec la plateforme WordPress. A votre tour de devenir podcaster !

Crédits photo : Joe Hastings

Pour info, ce bout de code provient tout droit du forum officiel de WordPress (version anglaise) et l’auteur n’est autre que Justin Tadlock. Par contre, la procédure n’est pas spécifiée et le néophyte aura bien du mal à comprendre la démarche.

Étape n°1 – Modification du fichier functions.php

Pour ajouter un deuxième champ d’extrait, ouvrez votre fichier functions.php à partir du menu Apparence puis Éditeur. Je suppose que vous êtes déjà connecté sur votre administration WordPress.

Création de la seconde zone d'extrait

En fin de fichier, ajoutez les lignes de code suivante :

<?php
add_action( 'admin_menu', 'my_create_post_meta_box' );
add_action( 'save_post', 'my_save_post_meta_box', 10, 2 );

function my_create_post_meta_box() {
	add_meta_box( 'my-meta-box', 'Second Excerpt', 'my_post_meta_box', 'post', 'normal', 'high' );
}

function my_post_meta_box( $object, $box ) { ?>
	<p>
		<label for="second-excerpt">Second Excerpt</label>
		<br />
		<textarea name="second-excerpt" id="second-excerpt" cols="60" rows="4" tabindex="30" style="width: 97%;"><?php echo wp_specialchars( get_post_meta( $object->ID, 'Second Excerpt', true ), 1 ); ?></textarea>
		<input type="hidden" name="my_meta_box_nonce" value="<?php echo wp_create_nonce( plugin_basename( __FILE__ ) ); ?>" />
	</p>
<?php }

function my_save_post_meta_box( $post_id, $post ) {

	if ( !wp_verify_nonce( $_POST['my_meta_box_nonce'], plugin_basename( __FILE__ ) ) )
		return $post_id;

	if ( !current_user_can( 'edit_post', $post_id ) )
		return $post_id;

	$meta_value = get_post_meta( $post_id, 'Second Excerpt', true );
	$new_meta_value = stripslashes( $_POST['second-excerpt'] );

	if ( $new_meta_value && '' == $meta_value )
		add_post_meta( $post_id, 'Second Excerpt', $new_meta_value, true );

	elseif ( $new_meta_value != $meta_value )
		update_post_meta( $post_id, 'Second Excerpt', $new_meta_value );

	elseif ( '' == $new_meta_value && $meta_value )
		delete_post_meta( $post_id, 'Second Excerpt', $meta_value );

?>

Libre à vous de traduire certains éléments en français… mais soyez sûr de vos modifications !

Étape n°2 – Définition de l’emplacement de la seconde zone d’extrait

La deuxième étape consiste à modifier à nouveau votre thème pour indiquer où sera inséré ce fameux champ additionnel.

Dans notre exemple, nous supposerons que vous souhaitez l’afficher juste en-dessous de la première zone d’extrait par défaut de WordPress… mais ces lignes de code peuvent être collées là où vous le souhaitez !

Dans l’éditeur de thème, ouvrez donc le fichier single.php puis ajoutez les lignes suivantes après <?php the_excerpt(); ?> ou avant <?php the_content(); ?> dans la situation où vous n’utiliseriez pas le premier extrait.

 <?php if ( get_post_meta($post->ID, 'Second Excerpt', true) ) : ?>
 <?php echo get_post_meta($post->ID, 'Second Excerpt', true) ?>
 <?php endif; ?>

N’oubliez pas de sauvegarder vos modifications.

Étape n°3 – Vérification avec un article de test

Complétez ce deuxième champ d'extrait pour vos articles

Rendez-vous ensuite dans le module Articles puis faites Ajouter. Remarquez l’apparition d’une deuxième zone d’extrait.

Constatez le bon fonctionnement de cette astuce sur une page d’article en insérant du texte d’exemple.

Deux extraits figurent dans cet article !

Du contenu HTML peut être ajouté tout comme dans la zone d’extrait traditionnelle.

Cette zone additionnelle pourra contenir des informations contextuelles et être utilisée comme zone de push auprès de vos visiteurs… intéressant, non ?

Crédits photo : jazzmasterson

Présentation

Ce tutoriel est une reprise d’un article anglais très détaillé intitulé WordPress & jQuery Contact Form without a Plugin. Je me suis donc permis de raccourcir les étapes et de traduire le script en français. Tout les crédits reviennent cependant à son auteur !

Procédure d’installation

Étape n°1 – Téléchargement / téléversement

Commencez par télécharger l’archive ZIP française ou anglaise à partir des liens suivants :

Décompressez le ZIP puis connectez-vous sur votre serveur FTP à l’aide de FileZilla, Cyberduck ou tout autre client FTP.

Rendez-vous ensuite dans le dossier /wp-content/themes/NOM_DU_THEME/

Déposez le contenu du dossier téléchargé dans le répertoire du thème à l’exception du fichier style.css. Vous risqueriez d’écraser votre feuille de styles !

Il nous faut donc copier / coller le contenu du fichier style.css dans votre feuille de styles du thème ; ajoutez les lignes de code en fin de fichier. Toutefois, si vous n’êtes pas à l’aise en CSS, vous pouvez ignorer cette étape et envisagez de styliser par la suite les différents éléments qui composent le formulaire de contact.

Étape n°2 – Modification du fichier contact-form.php

La seule étape compliquée de ce tutoriel est celle-ci !

A l’aide d’un éditeur de texte ou en utilisant la fonction d’édition de votre client FTP – présente sous FileZilla ou Cyberduck, modifiez le fichier contact-form.php. Localisez la ligne 51 puis indiquez l’adresse e-mail de destination ; autrement dit, celle à laquelle les messages seront envoyés.

Saisissez votre adresse e-mail de destination (la vôtre)

Ce point est capital car vous ne recevrez rien tant que cette ligne n’aura pas été modifiée.

Étape n°3 – Création de la page de contact

Connectez-vous à présent dans votre administration WordPress puis déroulez le menu Pages et cliquez sur Ajouter.

Dans la section Attributs de la page, choisissez le modèle Contact Form. Faites Publier la page pour constater le résultat.

Attribuez le modèle Contact Form à votre page de contact

Pour vérifier le bon fonctionnement du formulaire, envoyez un message de test.

Désagréments

Il est fort probable que la mise en page ne concorde pas avec votre thème. En effet, il vous faudra recopier la structure du fichier page.php pour que votre formulaire de contact soit correct.

Vous pouvez – par exemple, faire une copie du modèle de contact. Écrasez la totalité du contenu par celui du fichier page.php puis recollez les seules parties internes du fichier contact-form.php. Suis-je clair ?

Le thème TwentyTen fonctionne parfaitement néanmoins.

Une fois de plus, les modèles de page nous viennent en aide pour créer des types de contenu très classique en matière de blogging qu’est le formulaire de contact. Certes, le strict minimum nous est proposé ici – notez tout de même la sécurité anti-spam, mais ce modèle conviendra à de nombreux utilisateurs. Et puis, c’est toujours un plugin en moins, n’est-ce pas ?

Crédits photo : Eole

Mise à jour du 17/09/2010 : consultez notre liste de 6 modèles de page WordPress prêtes-à-l’emploi !

Étape n°1 – Création d’un fichier PHP

La première étape consiste à se connecter sur votre serveur FTP puis de localiser le dossier de votre thème dans /wp-content/themes/NOM_DU_THEME/

A l’intérieur du dossier, créez un nouveau fichier PHP qui correspondra à votre modèle.

Pour différencier votre modèle des autres fichiers standards d’un thème WordPress, nommez-le de la façon suivante : template-nom.php

Ouvrez donc ledit fichier puis copiez / collez ces lignes de code qui indiqueront à WordPress qu’il s’agit d’un modèle de page :

<?php
/*
Template Name: Nom du modèle
*/
?>

Remplacez donc Nom du modèle par le titre qui s’affichera lors de la création d’une nouvelle page WordPress.

Lignes de code insérées dans un modèle de page test

Étape n°2 – Reprise de la structure de page.php

La deuxième étape consiste à réutiliser la structure de page de WordPress. Ouvrez le fichier page.php puis copiez / collez la totalité du code juste en dessous des lignes de code précédemment insérées dans votre template.

A présent, à vous d’opérer les modifications nécessaires en termes de styles, de structure et fonctionnalités PHP.

Un modèle simple consiste à créer une page sans sidebar :

• Supprimez la ligne <?php get_sidebar(); ?> ;
• Vérifiez que les balises <div> sont correctement fermées ;
• Appliquez une classe plus large pour votre contenu principal via le CSS ;

N’oubliez pas de sauvegarder votre fichier.

Étape n°3 – Création d’une page avec modèle

La troisième étape est la plus simple ! Connectez-vous sur votre administration WordPress puis cliquez sur Ajouter dans le menu Pages.

Dans le module Attributs de page, sélectionnez le modèle nouvellement créé puis rédigez votre page comme à l’accoutumée.

Tous les modèles de page WordPress sont dans la nature du Web...

Les modèles de page sont extrêmement répandus sous WordPress. Un prochain article en listera les plus importants. Restez connectés !

Crédits photo : Muao

Présentation

Quels sont les intérêts d’un bouton de re-tweet officiel ?

Voici les principaux avantages qui me viennent à l’esprit :

1. Un bouton de re-tweet permet de bénéficier d’un effet démultiplicateur. Il s’agit d’un bouton de partage classique mais avec un compteur… et le système de re-tweet propre à Twitter ;
2. Le bouton officiel est une version… officielle ! En cela, la confiance règne et les mises à jour sont – en principe, assurées pour l’avenir à plus ou moins long terme ;
3. Vous démontrez votre fibre sociale au yeux de vos lecteurs ;

Quelles différences avec le service TweetMeme ?

Avant l’apparition d’une version officielle d’un bouton Twitter, il existait et existe toujours le service TweetMeme qui offre à peu de choses près les mêmes fonctionnalités. Mais Twitter va plus loin !

• L’interface de re-tweet est beaucoup plus rapide à charger ;
• Le système propose à l’utilisateur de suivre votre compte Twitter une fois l’action de partage terminée ;
• Le visiteur est redirigée vers l’URL de votre article ;

Installation de Twitter Button

Pour intégrer ce fameux bouton Twitter, nous utiliserons le plugin Twitter Button de Svilen Popov :

Une version française sera très prochainement disponible… je me suis porté volontaire pour devenir le traducteur francophone de cet excellent plugin !

Insertion automatique

Dans ce cas figure, il n’est pas nécessaire d’intervenir dans le code de votre thème. En principe, les options de configuration vous permettront de choisir sur quels types de page doit apparaître le bouton Twitter.

Insertion manuelle

J’ai toujours préféré insérer manuellement les plugins WordPress que j’utilise pour la simple et bonne raison que vous maîtrisez complètement l’emplacement.

Pour Twitter Button, il suffit de copier / coller le code suivant :

<?php echo twitter_button(); ?>

Encadrez le tout d’une balise <div> ou éditez directement le CSS pour obtenir le résultat souhaité.

Voici le résultat obtenu sur WordPress Channel que vous pouvez voir dans la colonne latérale. Notez la disparition du bouton Facebook qui n’était guère utilisé…

Aperçu du plugin WordPress Twitter Button sur ce blog

Options de configuration

Les différents paramètres sont simples à configurer. De fait, on retiendra notamment :

• 3 styles de compteur différents ;
• Le texte du re-tweet qui peut être personnalisé ;
• La page de retour au site (URL source ou celle de son choix) ;
• Le compte Twitter à suivre ;

Des options sociales pour booster votre site avec Twitter !

En résumé, l’adoption d’un bouton Twitter est carrément indispensable et les principaux blogs anglophones n’ont pas traîné pour l’adopter. Adieu TweetMeme et welcome to the official Twitter Button ! Et pour ceux qui préfèrent se passer de plugin, générez vous-même votre propre bouton de re-tweet.

Crédits photo : scott_hampson

A titre d’exemple, voici le message que vous obtenez sur WordPress Channel en cas de contenu inaccessible. C’est le message par défaut, guère très attractif pour vos visiteurs ; et encore moins explicite.

Désolé, mais la page que vous recherchez ne peut être trouvée ou n'existe plus.

Pour afficher ce type de page, il suffit d’indiquer un URL incorrect – par exemple à partir du permalien d’un article.

Création du fichier 404.php

Commencez par vous connecter sur votre serveur FTP – avec FileZilla ou CyberDuck par exemple, puis localisez le dossier /wp-content/NOM_DU_THEME/

A l’intérieur du dossier de votre thème, dupliquez le fichier page.php. Nous allons reprendre l’intégralité de la structure du fichier pour notre page 404.

N.B : si le fichier 404.php existe déjà, éditez-le !

Ouvrez donc le fichier dupliqué puis renommez-le 404.php. Ne changez pas ce nom de fichier !

Éditez directement le code source pour y insérer des commandes PHP. Vous pourrez ainsi afficher les articles les plus récents, les articles les plus populaires ou encore utiliser des commandes propres à certains plugins.

De façon plus simple, commencez par modifier le texte et insérez pourquoi pas une image.

Exemple de page 404

Un Blue Screen of the Death, c'est pas mal non ?

Voici le code source de la page 404 sur WordPress Channel – bien entendu, il vous faudra adapter les différentes balises si vous souhaitez le réutiliser. Mais cela vous donnera une idée bien que le fichier page.php devrait vous y aider grandement.

<?php get_header(); ?>
 <div id="subnav">
 <div id="pages"> 

 <ul>
 <?php if (get_option('evid_home_link') == 'on') { ?>
 <li><a href="<?php bloginfo('url'); ?>" title="home again woohoo"><?php _e('Home','eVid') ?></a></li>
 <?php }; ?>
 <?php if (get_option('evid_swap_navbar') == 'false') { ?>
 <?php echo $page_menu; ?>
 <?php } else { ?>
 <?php if ($category_menu <> '<li>No categories</li>') echo($category_menu); ?>
 <?php } ?>
 <li><a title="Tous les podcasts WordPress Channel" href="http://wpchannel.com/tag/podcasts" rel="tag">Podcasts</a></li>
 </ul>
 <div>
 <div id="search">
 <?php get_search_form(); ?>
 </div>
 </div>
 </div>
</div>
<div id="wrapper2">

<div id="container">

<div id="left-div" style="width:950px;min-height:0;">

<div>

 <h1>Erreur 404</h1>
 <div>Oups, ceci est une erreur dite 404 ! En termes simples, la page ne peut être trouvée... Je vous invite dès à présent à utiliser les outils de recherche et / ou de navigation pour parvenir au contenu souhaité.</div>

 <img src="http://wpchannel.com/wp-content/themes/WordPressChannel/images/bsod.jpg" alt="Blue Screen of the Death - PC" />
 <h2>Top 10 des articles sur WordPress Channel</h2>
 <ul>
 <?php query_posts("orderby=comment_count&showposts=10&caller_get_posts=1");
 while (have_posts()) : the_post(); ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s','eVid'), get_the_title()) ?>">
 <?php the_title() ?>
 </a></li>
 <?php endwhile; wp_reset_query(); ?>
 </ul>

 <h2>Retour à la page d'accueil</h2>
 <p>Cliquez simplement sur le bandeau en haut de la page.</p>
 </div>    </div>                           </div>
</body>
</html>

Vous manquez d’inspiration pour créer la plus belle page d’erreur qui soit ? En voici un best of sur wpbeginner… avis aux amateurs !

Crédits photo : Eva The Weaver

N.B : cet article fait suite à un mail que j’ai reçu dernièrement à propos d’un bug sur WordPress Channel. L’erreur n’était pas lié à MySQL mais cette personne m’a indiqué 2 liens très intéressants (en anglais) concernant la création de cette fameuse page d’erreur de base de données personnalisée. J’ai donc librement adapté le premier des 2 à ma façon, dont l’original est accessible sur Digging Into WordPress.

Intérêts d’une page d’erreur

Cette page est essentielle et je trouve dommage que personne ne m’en ait encore parlé… depuis le temps que j’utilise WordPress, je n’avais encore jamais lue d’informations à ce sujet !

1. Ainsi, le premier avantage consiste à ne pas indiquer au monde entier que vous subissez un problème lié à votre base de données. La planète n’a pas besoin d’être au courant de ce type d’information et encore moins les hackers… un message personnalisé est donc nettement plus intéressant ;
2. Deuxième point qui rejoint en partie le précédent. Cette page étant entièrement sur-mesure, vous pouvez donc saisir le texte de votre choix et même y ajouter des éléments visuels – un logo, par exemple. Toutefois, rappelons qu’il n’est pas conseillé de surcharger inutilement votre serveur pour le coup ;
3. Troisième point important du point de vue de Google. Ce fichier PHP va retourner une erreur 503 dans l’en-tête indiquant un problème passager. Les robots de Google ne devrait donc pas indexer cette page et revenir plus tard indexer le reste de votre site ;
4. Quatrième point capital à mes yeux, vous serez notifié par e-mail dès qu’une erreur surviendra. Très pratique pour surveiller l’apparition de ce type d’erreur et surtout pour n’en manquer aucune ;

Méthode de création détaillée

Une fois de plus, créez un tel fichier d’erreur avec WordPress n’a rien de compliqué !

A l’aide de votre client FTP favori, localisez le dossier /wp-content/. A l’intérieur de celui-ci, créez donc un nouveau fichier que vous nommerez db-error.php.

Copiez / collez les lignes de code suivantes :

<?php // custom WordPress database error page wpchannel.com
 header('HTTP/1.1 503 Service Temporarily Unavailable');
 header('Status: 503 Service Temporarily Unavailable');
 header('Retry-After: 3600'); // 1 hour = 3600 seconds
 mail("wpchannel@gmail.com", "Database Bug", "Le site rencontre des soucis techniques (MySQL).", "From: WordPress Channel");

?>
<!DOCTYPE HTML>
<html dir="ltr" lang="fr-FR">
 <head>
 <title>503 Service Temporarily Unavailable</title>
 <style type="text/css">
 h1, p {
 font-family: Helvetica, sans-serif;
 font-size: 24px;
 color: #333;
 }
 p {
 font-size: 14px;
 }
 </style>
 </head>
 <body>
 <h1>C'est quoi ce bug ???</h1>
 <p>Bon ok, j'ai bidouillé ma base de données et j'ai planté le site... pas de soucis, le problème n'est que temporaire ! Ou alors, mon hébergeur rencontre quelques bugs... allez savoir pourquoi !</p>
 </body>
</html>

Il ne vous reste plus qu’à sauvegarder le fichier pour valider le tout. Bien entendu, vous pouvez modifier à votre guise les différents éléments et notamment les lignes de texte humoristiques…

Pour les plus téméraires, vous pouvez vous amuser à planter votre base de données en éditant par exemple le fichier wp-config.php situé à la racine de votre installation WordPress. Supprimez par exemple le mot de passe… et voyez le résultat sur votre blog !

Non seulement, vous verrez la page d’erreur mais vous serez également averti par e-mail d’un bug MySQL.

J'ai planté WordPress Channel pour le fun...

Cette technique est donc un moyen supplémentaire de maîtriser les messages d’erreurs qui peuvent survenir sur un site. Dans le même ordre d’idée, vous pouvez créez un modèle de page personnalisé pour les erreurs de type 404 !

Crédits photo : Jon Bishop (spazcer)

Méthode de création du child theme

Avec WordPress, la création d’un child theme est… enfantine !

1. Créez un nouveau répertoire dans le dossier /wp-content/themes/NOM_DU_THEME_ENFANT ;
2. Créez la feuille de styles CSS en nommant le fichier style.css ;
3. Copiez / collez les lignes de code suivantes :

/*
Theme Name: Twenty Ten Child
Description: Thème enfant pour Twenty Ten
Author: Le nom de l'auteur
Template: twentyten
*/

@import url("../twentyten/style.css");

#style1 {
    float:left;
}

1. Indiquez l’URL de la feuille de styles du thème parent @import url("../twentyten/style.css"); ainsi que le nom du thème parent dans Template: twentyten ;
2. Commencez à coder les styles ;

A propos des fichiers de thèmes

Le thème enfant va ainsi hériter de l’ensemble des fonctionnalités du thème parent. De fait, seuls les fichiers qui seront ajoutés dans le dossier du thème enfant surpasseront ceux du thème parent.

Envie de changer le header.php ? Ajoutez ce fichier dans le dossier enfant. Idem pour l’ensemble du template WordPress.

Vous pouvez également vous limiter à l’ajout d’une feuille de styles CSS et multiplier ainsi les changements purement visuels tout en conservant la structure HTML du thème parent. Cette technique est monnaie-courante pour les thèmes premium. Cela permet aux designers d’offrir plusieurs apparences pour un même thème.

Avertissement pour le fichier functions.php

Contrairement aux autres fichiers du thèmes (index.php, single.php, etc.), le functions.php ne sera pas écrasé par celui du thème enfant – si par cas il existe. Il sera au contraire charger juste avant le functions.php du thème parent. Vous pouvez donc ajouter des fonctionnalités au thème parent sans « casser » ce dernier.

Utiliser un child theme est un véritable gain de temps tant pour le développeur que pour le webmaster qui n’auront plus à se soucier des modifications apportées. Un thème source propre en termes de code et un thème enfant pour le customiser à souhaits. Ingénieux, non ?

Crédits photo : larukucafe

Installation de Live Blogging

Commencez par vous connecter à votre administration WordPress. Déroulez le menu Extensions pour cliquez sur Ajouter.

Vous pouvez également le télécharger via le lien ci-dessous :

Recherchez le plugin Live Blogging puis faites Installer maintenant.

Une fois installé, cliquez sur le lien Activer maintenant.

Ce plugin supporte le service Meteor permettant de notifier vos abonnés Twitter par push. Vous devez installer ce package sur votre serveur via l’archive ci-dessous :

Toutefois, cela nécessite des compétences techniques pour procéder à son installation. Rassurez-vous, cet aspect est purement optionnel !

Configuration de Live Blogging

Remarquez à présent l’apparition d’un module Live Blogging dans votre panneau d’administration WordPress.

Il nous faut tout d’abord créer un live blog pour l’évènement que vous allez couvrir en direct. Pour ce faire, rendez-vous dans Manager Live Blogs. Saisissez le nom de votre live blog puis cliquez sur Create New.

Indiquez le nom de l'évènement : Apple Keynote, par exemple.

Il ne vous reste plus qu’à ajouter des entrées via le module New entry. Pas besoin d’explications complémentaires ici : il suffit de saisir une news puis de faire Post.

Ouvrez désormais le menu Pages puis cliquez sur Ajouter.

Copiez / collez le shortcode suivant en remplaçant le numéro par l’ID de votre live blog, apparu lors de la création :

[liveblog]ID[/liveblog]

Publiez la page puis constatez le résultat. Le flux d’actualités s’affichera sur cette page et vos utilisateurs n’auront qu’à actualiser la page pour visualiser les nouveautés. Le must étant de mettre en place un script permettant de recharger la page toutes les X minutes.

Le direct de votre évènement sur votre blog WordPress !

Live Blogging est donc une solution simple et efficace pour bloguer en live sur une conférence. Un genre de Twitter pour WordPress, vous ne trouvez pas ?

Crédits photo : blakespot

Présentation

Prenez du WordPress, ajoutez-y le plugin BuddyPress – car il s’agit bel et bien d’un plugin, secouez et vous obtiendrez votre premier réseau social entièrement administrable par vous-même !

Tout le meilleur de chez Automattic se retrouve donc concentré : WordPress pour l’aspect blogging, bbPress pour l’aspect forum, WordPress MU pour le côté multi-utilisateur, le tout formant BuddyPress !

Notez qu’avec la fusion de WordPress Single User et WordPress Multi-User depuis la sortie de la version 3.0, vous pourrez proposer de créer des blogs à votre communauté tout en étant sur votre domaine. Quoi de plus social ?

Étape n°1 – Installation du plugin BuddyPress

Comme je viens de le dire, BuddyPress est un plugin pour WordPress que vous pouvez donc installer facilement via le module Extensions ou en le téléchargeant à l’adresse suivante :

Il nous faut ensuite ajouter les fichiers de traductions française dans le dossier /wp-content/plugins/buddypress/bp-languages/ :

Étape n°2 – Configuration de BuddyPress

Remarquez  l’apparition d’un nouveau module BuddyPress, situé juste en dessous du module Tableau de bord.

De nombreuses options vous permettront de paramétrer simplement votre réseau.

Commencez par l’onglet Options générales. Les options sont très faciles à comprendre, je ne vais donc pas m’y attarder davantage.

BuddyPress se configure simplement

Dans l’onglet Component Setup, vous pouvez activer selon vos besoins les différentes fonctionnalités (flux d’activité, forums, blogs, etc.) : c’est donc 100% flexible !

Flux d'activité, forums, messages privés, etc. à vous de choisir !

N’oubliez pas de de cliquer sur Enregistrer les réglages.

Passez ensuite à l’onglet Config. des forums. Comme vous le verrez dans le podcast vidéo, 2 clics suffisent pour activer les outils de forum. Il suffit de cliquer sur Configurer une nouvelle installation de bbPress puis sur Compléter l’installation.

Déployez bbPress pour créer des forums

Enfin, terminons par l’onglet Config. des profils. C’est ici que vous pourrez configurer les champs de profils de vos membres. Idéal pour leur permettre de mettre en valeur leurs sites ou autres liens de réseaux… mais pas uniquement !

Étape n°3 – Intégration avec WordPress MU (facultatif)

Depuis WordPress 3.0, les fonctionnalités multi-sites sont désormais intégrées et peuvent être activées à la demande.

Or, BuddyPress supporte cet aspect multi-blog et vous permettra donc d’héberger des sites sur votre nom de domaine. Vos membres seront donc habilités à créer leur blog communautaire sur votre réseau. Impressionnant, n’est-ce pas ?

Pour bénéficier des outils multi-sites et de BuddyPress, éditez votre fichier wp-config.php puis ajoutez la ligne de code ci-dessous :

define ( 'BP_ENABLE_MULTIBLOG', true );

Ensuite, suivez le tutoriel intitulé Activer les fonctionnalités multi-sites de WordPress qui consiste également à ajouter des lignes de code supplémentaires dans votre wp-config.php.

La procédure accomplie, votre administration WordPress disposera d’un module Super admin et BuddyPress. De même, un onglet Blogs aura fait l’apparition sur votre site.

A la lecture de ce tutoriel, j’espère vous avoir donné envie de créer votre propre réseau social qui vous permettra de créer une communauté réellement à votre image. Convaincus ?

Crédits photo : niallkennedy

Étape n°1 – Création du modèle de page PHP

A l’aide du Bloc-note de votre choix, créez un nouveau fichier que vous intitulerez sitemap.php. Si vous le pouvez, optez pour un encodage UTF-8 pour une meilleure compatibilité.

Collez dans un premier temps les lignes de code suivante :

<?php
/*
Template Name: Sitemap
*/
?>

Elles indiquent le nom du modèle de page qui sera affiché dans l’outil de création de pages de WordPress.

Ensuite, nous allons reconstituer la structure de la page. Cette structure est facile à reprendre car il suffit d’ouvrir le fichier page.php et dans coller la structure conformément au thème. Par défaut, il nous faut au moins récupérer le header et appeler la boucle (loop) :

<?php get_header(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Pour finir, copiez / collez les lignes de code PHP suivantes :

<h3><?php _e('Pages') ?></h3>
<ul>
<?php wp_list_pages('depth=0&sort_column=menu_order&title_li=' ); ?>
</ul>
<h3><?php _e('Catégories') ?></h3>
<ul>
<?php wp_list_categories('title_li=&hierarchical=0&show_count=1') ?>
</ul>
<h3>Articles par catégories</h3>
<?php $saved = $wp_query;
$cats = get_categories();
foreach ($cats as $cat) {
query_posts('showposts=999&cat='.$cat->cat_ID);
?>
<h4><?php echo $cat->cat_name; ?></h4>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li style="font-weight:normal !important;"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a> - <?php _e('Commentaires') ?> (<?php echo $post->comment_count ?>)</li>
<?php endwhile;  ?>
</ul>
<?php } $wp_query = $saved; ?>

Envoyez à présent le fichier dans le dossier de votre thème localisé dans /wp-content/themes/NOM_DU_THEME/

Étape n°2 – Création de la page Sitemap

Rendez-vous maintenant dans l’administration de votre site WordPress puis créez une nouvelle page via le menu Pages puis Ajouter.

Commencez par lui donner un nom ; par exemple, Plan du site.

Dans la section Attributs, déroulez la liste des modèles de page puis indiquez Sitemap. Il s’agit bien du nom que nous avons fourni dans le fichier sitemap.php.

Le modèle de page Sitemap utilisera donc le code du fichier sitemap.php

Faites donc Publier puis visualisez la page pour constater le résultat.

Très important, le plan du site est un élément important de votre stratégie de référencement mais également pour permettre à vos visiteurs de se localiser sur votre site. Et vous amis lecteurs, avez-vous créé votre plan de site ?

Crédits photo : boxman

Google Analyticator, le plugin idéal

La première chose à faire consiste à installer le célèbre plugin Google Analyticator. Il a fait ses preuves et offrent de nombreuses fonctionnalités utiles dont l’accès aux statistiques via le Tableau de bord de votre administration ou encore un système de restriction en fonction du rôle des utilisateurs – utile dans l’optique multi-site adoptée ici.

Installez donc Google Analyticator puis activez ce dernier via le module Extensions au niveau du réseau tout entier.

Étape n°1 – Obtention du code Google Analytics

Laissez de côté l’administration WordPress ; nous y retournerons plus tard. Dans un nouvel onglet, rendez-vous sur le site officiel de Google Analytics.

Je suppose que vous disposez déjà d’un compte Google et que vous êtes inscrit au services de statistiques en question. Si tel n’est pas le cas, suivez la procédure d’inscription.

Une fois connecté au service, cliquez sur Ajouter un nouveau profil dans la partie droite de l’écran.

Cochez ensuite Ajouter un profil dans un nouveau domaine puis renseignez le champ de l’URL de votre site Web.

Saisissez l'adresse URL de votre site Internet dans le champ adéquat

Ceci fait, cliquez sur Continuer. Nous arrivons désormais au point capital de ce tutoriel.

Dans notre cas de figure, nous souhaitons que Google Analytics récolte des données statistiques sur l’ensemble des sites de notre installation WordPress MU. Autrement dit, le sous-domaines doivent faire l’objet d’un suivi en plus du domaine principal :

http://www.monsite.fr/

http://www.monsite.fr/sous-site-1

http://www.monsite.fr/sous-site-2

De fait, il est important de cocher Un seul domaine associé à plusieurs sous-domaines dans la section Sur quoi votre suivi porte-t-il ?

Un code multi-domaine pour les analyser tous !

Contrairement à ce que l’on pourrait croire, il ne suffit pas de copier / coller le bout de code généré par Google.

En effet, le plugin WordPress que nous venons d’installer – Google Analyticator, se charge déjà d’insérer en bonne place le code de suivi. Pourquoi donc utiliser un plugin dans ce cas ?

1. Le plugin est très régulièrement mis à jour en prenant en compte les recommandations de Google (le placement et la méthode de synchronisation ont changé dernièrement) ;
2. La gestion des rôles prise en charge ;
3. L’affichage des données statistiques dans le Tableau de bord ;
4. L’ensemble des autres fonctionnalités offertes par le plugin qui facilitent l’usage de Google Analytics ;

Revenons en au code de suivi. Localisez donc la ligne suivante :

_gaq.push(['_setDomainName', '.monsite.fr']);

Copiez donc cette dernière via le raccourci clavier Ctrl + V. Faites ensuite Enregistrer et terminer.

Étape n°2 – Configuration du plugin Google Analyticator

Retournez dans l’onglet WordPress que nous avons laissé ouvert. Déroulez le menu Réglages puis cliquez sur Google Analytics.

Nous allons maintenant configurer pas à pas ce plugin. Gardez bien en mémoire la ligne de code extraite.

Étant donné que vous êtes déjà connecté dans Google Analytics, cliquez directement sur le lien Click here to login to Google, thus authenticating Google Analyticator with your Analytics account pour vous authentifier via le compte Google et récupérez ainsi les informations nécessaires pour le bon fonctionnement du plugin.

Utilisez le système d'authentification du plugin Google Analyticator

Autorisez donc Google puis remarquez l’apparition d’une liste déroulante vous permettant de sélectionner le profil correspondant au domaine que nous venons d’ajouter dans Google Analytics. Sélectionnez donc ce dernier puis basculez Google Analytics logging is sur Enabled.

Descendez en fin de page puis recherchez Additional tracking code(before tracker initialization). C’est dans ce champ que vous devez coller la ligne de code précédemment sélectionnée dans Google Analytics.

Collez dans cette zone de texte le code prenant en charge le multi-domaine

Pour valider les modifications entreprises jusqu’alors, cliquez sur Save Changes. Patientez 24 heures pour que le code de suivi soit pris en compte par Google.

Chose très importante, vous devez réitérer cette opération pour chacun des sites de votre réseau WordPress – ou du moins pour ceux dont vous souhaitez obtenir des statistiques. La méthode est fort simple, il suffit reproduire les étapes de ce tutoriel l’une après l’autre.

Cette méthode fonctionne à la perfection pour l’avoir testée en conditions réelles à plusieurs reprises. Certes, elle reste inefficace sur un réseau de plusieurs centaines de blogs mais il y a fort à parier qu’une prochaine version de Google Analyticator prenne en charge la fonctionnalité multi-site de WordPress 3.0…

Update : comme me l’a fait remarqué Marie, il est nécessaire de rajouter la ligne de code add_theme_support( ‘menus’ ); dans votre fichier functions.php si vous n’utilisez pas le thème par défaut ou que le thème ne supporte pas les menus de WordPress 3.0.

Pré-requis

Pour disposer de cette nouvelle fonctionnalité, vous devez avoir effectué la mise à niveau vers WordPress 3.0.

Je vous y encourage vivement tant les nouveautés sont impressionnantes… et du fait qu’il s’agit d’une mise à jour de branche.

La gestion des menus s’opère directement depuis le menu Apparence de votre administration WordPress. Avec le nouveau TwentyTen, vous pouvez d’ores et déjà vous entraînez à concevoir vos barres de navigations sur-mesure.

Le problème majeur est que la plupart des thèmes n’intègrent pas de ce genre de menus par défaut.

C’est pourquoi, nous allons voir ensemble comment disposer de cette nouvelle fonctionnalité de WordPress 3.0 via ce tutoriel pas à pas.

Étape n°1 – Modification du fichier header.php

Commencez par ouvrir le fichier header.php de votre thème, soit en passant par le module Éditeur de WordPress, soit en utilisant un éditeur de texte depuis Windows ou MacOS X – par exemple, Coda.

Il nous faut à présent localiser un emplacement pour positionner notre menu. C’est ici la première difficulté du tutoriel. Vous devez savoir à quoi correspondent les différents éléments du code source.

En vous aidant de l’extension Firebug pour Mozilla Firefox et en suivant ce podcast vidéo, vous devriez être capable d’identifier entre quelles balises vous aimeriez positionner votre menu personnalisé.

Insérez ensuite le bout de code suivant :

 <?php wp_nav_menu($args); ?>

Comme vous pouvez le constater, il est possible de définir des arguments entre les parenthèses en lieu et place du $args.

Voici donc la liste des paramètres autorisés extraite du codex de WordPress :

• $id : ID du menu ;
• $slug : le permalien du menu ;
• $menu : le nom du menu, utile si vous en créez plusieurs ;
• $container : l’élément parent du menu, par défaut une balise div est appliquée ;
• $container_class : la classe de l’élément parent ;
• $container_id : ID de l’élément parent ;
• $menu_class : la classe du menu ;
• $format : format du menu, je conseille une liste débutant par ul
• $fallback_cb : si le menu n’est pas créé dans WordPress, vous pouvez ajouter une commande WordPress pour pallier ce manque. Par défaut, les pages sont listées ;
• $link_before : texte à afficher avant le menu ;
• $link_after : texte à afficher après le menu ;
• $before : afficher du texte avant le lien ;
• $after : afficher du texte après le lien ;
• $echo : par défaut, la valeur est True ;

L’ensemble de ces paramètres sont optionnels. Vous pouvez donc vous limiter au bout de code par défaut que nous entourons ici d’une balise div pour faciliter la gestion des styles :

<div>
<?php wp_nav_menu(); ?>
</div>

Une fois que votre menu est positionné là où vous le souhaitez, enregistrez le fichier.

Les initiés noteront que les nombreux arguments disponibles permettent une personnalisation très fine en termes de styles CSS… même si l’on pourrait aller encore plus loin.

Étape n°2 – Gestion du menu personnalisé sous WordPress

Sous l’administration WordPress, déroulez le module Apparence puis cliquez sur Menus.

Indiquez dans un premier temps le nom du menu. Il est en effet possible d’en créer plusieurs et, si tel est le cas, vous devrez l’indiquer via l’argument menu.

Cliquez ensuite sur le bouton Créer menu.

Dans la partie gauche, vous noterez la présence de 3 modules :

• Liens externes : très pratique pour insérer des liens vers d’autres sites Web ;
• Pages : pour ajouter des pages WordPress dans votre menu ;
• Catégories : pour insérer des catégories WordPress dans votre barre de navigation ;

Il vous suffit donc de cocher les éléments de votre choix – module après module, puis de cliquez sur Ajouter au menu.

Pour réarranger l’ordre du menu, glissez / déposez les différents éléments tout en sachant qu’il est possible de créer des sous-menus. Pour ce faire, décalez l’élément vers la droite pour créer une imbrication.

N’oubliez pas de cliquez sur Sauvegarder le menu pour enregistrer vos modifications.

Pour constater le résultat, ouvrez votre site dans un nouvel onglet. Ajustez en conséquence votre menu selon vos besoins.

Vous pouvez ajouter un second menu en cliquant sur le bouton en forme de plus, situé juste à côté du menu nouvellement créé sous l’administration WordPress.

Et voici le podcast vidéo qui reprend point par point les étapes de ce tutoriel.

La gestion personnalisée des menus sous WordPress 3.0 affiche clairement les ambitions à venir : faire de WordPress le meilleur CMS !

Crédits photo : Al_HikesAZ

Mise à jour du 26 octobre 2010 : une méthode ultra simplifiée est à présent disponible grâce au plugin XML Sitemap Feed !

N.B : ce tutoriel ne s’applique qu’aux utilisateurs de WordPress MU et la méthode est fonctionnelle pour une version 2.9 et 3.0.

Présentation

Pour la création de sitemap, nous utilisons le célèbre plugin WordPress, Google Sitemap Generator qui permet en outre de notifier les moteurs de recherche automatiquement lors de la mise à jour du sitemap (Google, Bing, Ask et Yahoo!).

Téléchargez donc ce dernier puis décompressez l’archive dans un dossier.

Si vous aviez déjà installé ce plugin, supprimez-le complètement.

Les lignes de code à modifier sont reprises du site anglophone Webtatic.

Modification des fichiers sources

L’archive extraite, éditez le fichier sitemap-core.php. Recherchez dans un premier temps la fonction GetXmlUrl puis remplacez-là par ce bout de code :

function GetXmlUrl($forceAuto=false) {
if(!$forceAuto && $this->GetOption("b_location_mode")=="manual") {
return $this->GetOption("b_fileurl_manual");
} else {
return trailingslashit(get_bloginfo('siteurl')) . 'files/' .
$this->GetOption("b_filename");
}
}

Localisez dans un second temps la fonction GetXmlPath puis remplacez-la par ces lignes de code :

function GetXmlPath($forceAuto=false) {
if(!$forceAuto && $this->GetOption("b_location_mode")=="manual") {
return $this->GetOption("b_filename_manual");
} else {
wp_mkdir_p(ABSPATH . UPLOADS);
return ABSPATH . UPLOADS  . $this->GetOption("b_filename");
}
}

N’oubliez pas de sauvegardez le document. Envoyez le dossier complet dans le répertoire /wp-content/plugins/

Configuration du plugin

Connectez à présent sur votre panneau d’administration WordPress.

Commencez par activer au niveau du réseau tout entier le plugin en question. Ensuite, dans le menu Réglages, cliquez sur XML Sitemap.

Il ne vous reste plus qu’à créer le sitemap ou – selon les situations, à le recréer. Constatez le résultat en ouvrant dans un nouvel onglet le sitemap via le lien prévu à cet effet.

Pour information, il est nécessaire de créer un sitemap pour chacun des blogs (celui-ci étant mis à jour dès la modification d’une page ou d’un article).

Avec cette solution, il n’est toujours pas possible de créer un sitemap global. Certains plugins s’y essayent mais les problèmes sont récurrents. Toutefois, en soumettant plusieurs sitemaps vous évitez la limitation du nombre d’URL…

Crédits photo : ToNToN CoPT

N.B : avant d’opérer une quelconque modification dans votre base de données, je vous recommande fortement de visionner le podcast Sauvegarder automatiquement votre base de données MySQL.

Il est donc conseillé d’effacer les révisions d’articles. Toutefois, pour aller plus loin, nous allons faire en sorte que les X dernières soient conservées pour allier performances et sécurité.

#1 – Effacer toutes les révisions d’articles

Exécutez la requête SQL ci-dessous pour supprimer la totalité des versions d’articles. Après cette action, il vous sera impossible de restaurer l’un d’eux à une date antérieure.

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision';

#2 – Effacer les révisions en fonction d’une date

Pour ne garder que l’historique récent de vos articles, préférez cette requête. La dernière ligne indique une date que vous pouvez modifier ; en l’occurrence, le 1er janvier 2010. Avant celle-ci, toutes les sauvegardes seront supprimées.

DELETE a,b,c

FROM wp_posts a

LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)

LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)

WHERE a.post_type = 'revision'

AND a.post_date < '2010-01-01';

Pour aller plus loin

Il est possible de désactiver le versionning des articles. A l’aide de votre client FTP favori, connectez-vous à la racine de votre site WordPress puis ouvrez wp-config.php.

Ajoutez ensuite la ligne suivante :

define('WP_POST_REVISIONS', false);

En indiquant un chiffre à la place du paramètre false, vous limiterez le nombre de sauvegardes – à 5 dans cet exemple. Idéal pour un système optimisé et sécurisé

define('WP_POST_REVISIONS', 5);

Les révisions d’articles constituent un atout majeur de WordPress. Il n’est pas rare de devoir revenir en arrière après une modification malencontreuse. Entre performances SQL et niveau de risques, à vous de trouver un juste milieu !

Crédits photo : mookxi

Pré-requis

Lorsqu’on envisage la création d’un espace réservé, il est important de prendre en considération 2 aspects essentiels :

1. Vous devez proposer un système d’enregistrement automatisé pour vos utilisateurs qui pourront alors se connecter sur votre site via un système de login traditionnel. Bien entendu, il nous faudra passer au-dessus du module de connexion de WordPress pour conserver une identité visuelle propre à votre site – un logo notamment, et proposer des champs personnalisables ;
2. Créer des pages de contenu inaccessibles depuis les moteurs de recherche où la barre d’URL sans être préalablement connecté ;

Pour traiter ces 2 aspects, nous ferons appel à 3 plugins gratuits et parfaitement fonctionnels :

1. Member Access : comme son nom l’indique, ce plugin permet de définir directement dans l’éditeur d’articles ou de pages si le contenu en question est visible de tous ou uniquement des utilisateurs enregistrés ;
   Note: There is a file embedded within this post, please visit this post to download the file.
2. Login With Ajax : offre un système de connexion en Ajax – sans rechargement de la page, via un simple widget et permet la configuration de redirections en fonction des rôles des utilisateurs ainsi que du statut de la connexion – connecté ou non ;
   Note: There is a file embedded within this post, please visit this post to download the file.
3. Customize Your Community : personnalise la page d’enregistrement et de connexion pour correspondre au design de votre site. CYC permet également l’ajout d’un captcha de sécurité pour la phase d’enregistrement. Un aspect essentiel pour le marketing et le côté professionnel de votre entreprise notamment ;
   Note: There is a file embedded within this post, please visit this post to download the file.

Il convient de télécharger puis d’installer ces 3 plugins pour gérer votre nouvel espace membre. Toutefois, seuls les 2 premiers sont nécessaires pour déployer l’espace réservé. Customize Your Community est réservé aux utilisateurs avancés qui connaissent bien le code source de leur thème graphique.

Mise en place de l’espace membre

La vidéo suivante vous indiquera la méthode à suivre pour créer votre propre espace exclusivement réservé aux membres inscrits.

Pour insérer manuellement le module de connexion en Ajax, insérez le code PHP à l’emplacement de votre choix :

<?php get_ajaxlogin() ?>

Une fois de plus, WordPress fait preuve de flexibilité en permettant l’insertion d’un espace strictement réservé aux membres inscrits. Côté administration, les options nombreuses restent simples à paramétrer. Seule une version française manque à l’appel… visiblement impossible à traduire avec Poedit (je m’y suis mis avec l’ami Wolforg mais rien n’y fait).

Crédits photo : ikonic

Principales fonctionnalités

Intégration à WordPress

WP e-Commerce s’intègre parfaitement à l’administration de WordPress en s’installant comme n’importe quel autre plugin et en adoptant une interface commune.

En outre, les avantages en termes de notification par ping et le système de permaliens SEO-friendly de WordPress sont utilisés pour bénéficier d’une visibilité supplémentaire.

Prise en charge des réseaux sociaux

Concernant l’aspect social, WP e-Commerce n’est pas en reste. Il permet ainsi d’importer vos produits depuis le marketplace de Facebok ou Google Base et vos clients peuvent les partager sur la plupart des réseaux sociaux connus dont Facebook et Twitter.

Il s’agit là d’un excellent moyen de promotion automatique !

Modules de paiements

De nombreux modules de paiements en ligne sont pris en charge : Google Checkout, Paypal, Authorize.net, Payment Express mais aussi virement et chèque sont de la partie.

Question sécurité, vous n’avez rien à gérer car ce sont les fournisseurs qui assurent l’intégralité de la transaction. En contrepartie, des commissions sont perçues sur chacun des ventes. A vous de choisir la plateforme la plus économique pour votre boutique tout en sachant que Paypal est souvent indiquée pour débuter.

Page de commande unique

Le processus d’achat se résume à un bouton Passer la commande accessible depuis le panier d’achat – ou en direct si vous ne l’utilisez pas. L’intégralité des données clients concernant le contenu du panier, les éléments de facturation et l’adresse de livraison sont réunies sur une seule et même page pour offrir à vos clients une meilleure expérience utilisateur.

Design personnalisable

En plus de proposer 3 thèmes de boutique en ligne, WP e-Commerce pousse la personnalisation encore plus loin en autorisant l’utilisation des tags PHP propres à WordPress, des shortcodes et des widgets. De quoi satisfaire les plus exigeants d’entre vous !

Support communautaire

Sur de tels plugins aussi complexes, il est important de bénéficier d’un support efficace et une documentation de base détaillée. Selon moi, le forum en anglais constituera un handicap pour pas mal de personnes ; idem pour la documentation. Toutefois, si la langue de Shakespeare ne vous pose aucun problème alors n’hésitez pas car vous y trouverez de nombreux conseils supplémentaires.

Modules complémentaires

Des plugins additionnels ont été spécialement développés pour WP e-Commerce dans le but de répondre plus précisément aux besoins des utilisateurs.

Bien que certains d’entre eux soient payants, il en existe également des gratuits proposés par la communauté dont :

• WordPress Affiliate Plateform : utilise pour créer une plateforme d’affiliation qui repose sur le principe de reverser une commission à vos revendeurs ;
• WP e-Commerce Analytics : ajoute la prise en charge de Google Analytics pour votre boutique en ligne. Idéal pour une analyse complète du processus d’achat ;
• WP Shopping Cart XML Sitemap : intègre les pages de votre boutique dans le fichier sitemap.xml envoyé à Google dans le but d’indexer au mieux votre site ;

Remarquez également que des thèmes sont disponibles en téléchargement.

Installation de WP e-Commerce

Comme la plupart des plugins WordPress, il suffit de télécharger puis de mettre en ligne l’archive ZIP dans le dossier /wp-content/ à l’aide d’un client FTP.

Vous pouvez également procéder à son installation via le module Extensions puis Ajouter de votre administration WordPress.

Configuration générale de WP e-Commerce

Bien que la plupart des options de configuration ne nécessitent pas d’explications supplémentaires, plusieurs aspects ne sont pas exempts de difficulté, notamment pour ce qui est de la gestion des paiements.

Néanmoins, tous les aspects sont traités dans les 2 vidéos. La seconde démarre sur l’explication du module de paiements.

Gestion des paiements

WP e-Commerce offre de nombreuses possibilités de paiements en ligne. Il s’agit sans aucun doute de la partie la plus sensible car elle impactera directement votre image de marque.

Tout doit fonctionner pour le mieux et ce, de manière sécurisée. De ce point de vue là, vous n’avez pas de soucis à vous faire car le plugin ne gère pas véritablement les paiements mais confie cette tâche à des services mondialement reconnus comme Paypal ou Google Checkout.

Pour débuter, je vous recommande vivement d’opter pour une solution Paypal car vous pourrez non seulement proposer à vos visiteurs de payer via un compte Paypal mais aussi – et c’est là le point de fort de cette solution, par carte bancaire (Visa, American Express, Mastercard, etc.).

Par ailleurs, notez qu’il est possible d’accepter les paiements par chèque. Dans ce cas de figure, vous avez la possibilité de formuler un message pour indiquer la procédure à suivre pour vos clients.

Gestion du bon de commande

Le deuxième aspect le plus important dans la conception de votre boutique e-commerce concerne le bon de commande. Ce dernier va vous permettre de recueillir les informations nécessaires sur vos clients en termes de facturation et de livraison.

Avec WP e-Commerce vous pouvez configurer les champs à votre guise bien qu’il soit conseillé de se limiter aux principaux – les visiteurs souhaitant aller vite et certains d’entre eux seront envoyés à Paypal (dans le cas où vous avez choisi cette solution de paiement).

Gestion du panier d’achat

Bien qu’il soit possible de désactiver le panier d’achat, il offre le gros avantage de permettre à vos acheteurs de sélectionner plusieurs éléments pour une seule commande et donc de maximiser vos ventes.

Notre avis

Au fil des ans, WP e-Commerce a su évoluer pour proposer de nouvelles fonctionnalités toujours plus puissantes. Sa simplicité d’utilisation et son intégration parfaite à WordPress en font un plugin idéal pour gérer une boutique de produits et services de plusieurs dizaines d’éléments.

Toutefois, il va s’en dire qu’un telle solution n’est clairement pas adaptée pour des sites e-commerce de taille importante – plusieurs centaines d’articles. De même, on notera la présence de certains bugs de traduction non résolus à ce jour qui s’avèrent bien souvent gênant.

WP e-Commerce est définitivement le plugin ultime pour gérer un site de commerce électronique avec la plateforme WordPress. Son développement ayant commencé il y a plus de 4 ans, ce plugin fait preuve d’un bon niveau de maturité et est resté gratuit. Et vous, quelle est votre solution e-commerce pour WordPress ?

Crédits photo : DavidDMuir

Pour ce premier podcast dédié à la monétisation sous WordPress, vous apprendrez comment créer un comparateur de prix via la plateforme publicitaire Adfever. Cette régie publicitaire propose de nombreuses méthodes pour s’enrichir un tant soi peu avec votre blog mais c’est le comparateur de prix qui a retenu mon attention.

Ce dernier présente l’avantage de s’intégrer parfaitement sur votre site sans qu’aucune publicité ne s’insèrent parmi les produits comparés. A chaque achat effectué au travers de votre comparateur, Adfever vous reversera une commission. N’espérez pas gagner des milliers d’euro avec cette solution, mais ce plugin – encore en version bêta, est vraiment bien conçu et mérite que l’on s’y intéresse au moyen de ce podcast vidéo.

Le plugin Adfever se présente donc comme une solution intéressante pour monétiser son blog sans pour autant être intrusif d’un point de vue publicitaire (aucun lien vers la régie n’est insérée) et en proposant un service à vos visiteurs. Reste à savoir si votre site s’y prête ou non. Et vous, chers lecteurs, avez-vous déjà adoptée une telle solution ?

Connectez-vous à votre administration WordPress et cliquez sur Éditeur, onglet Apparence.

Ouvrez le fichier où vous souhaitez afficher votre blogoliste, généralement, sidebar.php. Puis ajoutez tout simplement ce bout de code à l’emplacement souhaité :

<?php wp_list_bookmarks('title_li='); ?>

Ce code va afficher votre liste de liens avec le titre Blogoliste dans une balise de titre de second niveau : h2.

Sachez également qu’il existe un grand nombre de paramètres applicables à cette requête PHP dont les plus utiles sont :

• categorize : affiche vos liens par catégories, valeur par défaut 1 ;
• exclude_category : indiquer l’ID d’une catégorie pour l’exclure. Séparer les différents ID par des virgules ;
• category_orderby : classe vos liens par name (par nom), id (par ID), count (le nombre) ;
• exclude : même chose que exclude_category mais pour un/des lien(s) spécifique(s) ;
• orderby : même chose que category_orderby mais pour un/des lien(s) qui prend davantage de variables en compte telles, name (par nom), url (par URL), updated (dernière mise à jour du/des lien(s), rand (ordre aléatoire)… ;
• show_images : affiche l’image associée au lien (valeur 1 pour appliquer) ;
• show_description : affiche la description du lien (valeur 1 pour appliquer) ;
• show_rating : affiche la note du lien (valeur 1 pour appliquer) ;

Pour appliquer un paramètre, c’est très simple : ajoutez &nom_du_paramètre puis =valeur_du_paramètre à l’intérieur des parenthèses entre les apostrophes comme l’illustre cet exemple:

<?php wp_list_bookmarks('title_li=&show_images=1'); ?>

Ici, nous avons décidé d’afficher les images associées à nos liens.

Pour en savoir plus sur les paramètres de la requête wp_list_bookmarks, consultez l’article du codex WordPress (en anglais).

Grâce à ce tutoriel, vous pouvez désormais entièrement personnaliser votre blogoliste dans ses moindres détails sans être obligé de passer par un widget, et par extension, une emplacement widgétisé de votre blog.

Crédits photo : seanmcgrath

Update : les liens morts de cet article ont été rayées et désactivées.

Procedure d’installation / remplacement

A l’aide de votre client FTP favori, ouvrez le répertoire suivant : /wp-includes/images/smilies/

C’est ici que sont stockés les smilies par défaut. Il ne nous reste plus qu’à les remplacer par ceux de votre choix. Avant toute chose, effectuez une sauvegarde complète du dossier sur votre PC au cas pour éviter tout désagrément imprévu.

2 solutions s’offrent désormais à vous :

• Soit vous créer les émoticones un par un à la main ;
• Soit vous les téléchargez sur Internet ;

Packs d’emoticones

Estimant que la seconde solution l’emporterait sur la première, j’ai donc pris la peine de concocter une liste de sites proposant des smilies à télécharger :

• PNGs Smilies for WordPress (anglais) : cliquez sur le bouton Download now puis dézippez l’archive. Pour info, ce sont ceux utilisés actuellement sur le blog. Nécessite toutefois que vous les convertissiez en GIF ;
• Emoticons Pack for WordPress (anglais) : très bonne liste, le lien de téléchargement se trouvant en dessous de la liste de smilies. Aucune conversion requise ;
• Pack Emoticones Post-It (français) : proposé sur le blog de Niss.fr, ils ont la particularité de ressembler à des post-it ;
• Skype Smilies with WordPress : liste très complète bien qu’il soit nécessaire de renommer les fichiers pour correspondre à la dénomination de WordPress. Pour les télécharger, enregistrer la cible via le menu contextuel car il s’agit d’une archive RAR ;
• WordPress Yahoo/MSN Messenger Style Smileys Plugin (anglais) : série d’émoticones regroupant ceux de Yahoo! et MSN Messenger. Bien qu’il soit, là aussi, possible de renommer les fichiers pour correspondre à ceux de WordPress, vous avez également la possibilité d’installer le plugin du site. Pour le téléchargement direct, repérez le point 1 de la section Instructions ;

Utiliser des plugins

De nombreux plugins WordPress permettent de gérer des collections de smilies sans avoir à se préoccuper de quoi que ce soit. Ils proposent, en outre, d’afficher une liste d’accès rapide dans l’éditeur d’articles ou dans le module de commentaire, bien plus pratique pour les visiteurs ne connaissant pas la syntaxe à utiliser.

Parmi eux, on notera :

• Custom Smilies : le poids lourd du genre, un must bien entendu ;
• WP Grins : une bonne alternative au précédent bien que moins complet ;
• Smilies Themer : tout aussi bon que les précédent ;

Maintenant que vous savez comment personnaliser les smilies à votre guise sur votre blog, n’hésitez pas à partager votre packs d’émoticones !

Pour ce faire, nous utiliserons le logiciel Poedit. Son principe est fort simple :

• D’un côté les fichiers PO qui contiennent les catalogues permettant la traduction ;
• De l’autre les fichiers MO qui afficheront les données finales dans le navigateur Internet ;

La plupart des thèmes et plugins WordPress proposent en natif des fichiers de traduction dans la langue de Shakespeare et de plus en plus dans d’autres langues – notamment grâce aux contributions d’utilisateurs fans. Bien souvent, ces fichiers sont présents dans le dossier racine ou dans un sous-dossier languages.

Une fois localisés, ouvrez le fichier PO anglais – généralement intitulé en_US.po, et ne tenez pas compte du fichier MO.

Il ne vous reste plus qu’à traduire chaque élément dans votre langue puis d’enregistrer le fichier en respectant la dénomination de langue – par exemple, fr_FR.po. En réalité, il suffit de respecter l’intitulé de la version originale.

Remarquez la création automatique d’un fichier fr_FR.mo en complément du catalogue qui porte l’extension PO.

Téléversez ensuite les fichiers au même endroit que les versions de base puis constatez le résultat en vous connectant à votre administration WordPress ou directement sur votre blog – dans le cas où le contenu traduit est directement visible par vos visiteurs.

Au final, c’est un réel confort de navigation offert à vos visiteurs y compris à ceux qui se débrouillent bien avec l’anglais ou toutes autres langues.

Voici le bout de code à insérer dans votre fichier .htaccess présent à la racine de votre serveur FTP. N’oubliez pas d’afficher les fichiers cachés pour télécharger puis éditez ce dernier :

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

Ce bout de code a été trouvé sur l’excellent CatsWhoCode, un site tenu par Jean-Baptiste Jung que je suis depuis mes débuts sous WordPress et que je vous invite à lire (en anglais).

Ce premier podcast fait parti de la série Optimiser WordPress. D’autres didacticiels de ce genre suivront pour booster un maximum votre blog !

Ces 2 vidéos d’initiation vous apprendront le fonctionnement de :

1. Firebug qui offre l’immense avantage de pouvoir modifier en temps réel votre site / blog (des connaissances minimales en HTML / CSS ainsi qu’en anglais sont recommandées) ;
2. YSlow, un plugin pour Firebug, développé par Yahoo! et qui vous en apprendra plus sur le temps de chargement de vos pages, les différentes requêtes exécutées, le poids des éléments, etc.

Au terme de ces 2 didacticiels, Firebug ne devrait plus avoir de secrets pour vous.

Et comme je vous l’indique en fin de vidéo, si vous souhaitez en apprendre plus sur la création de thèmes pour WordPress et quelles sont les meilleures techniques de codage, alors n’hésites pas à me le faire savoir via les commentaires, le formulaire de contact ou le groupe Facebook.

Ces clés secrètes auront pour effet de crypter les cookies utilisateur  et de renforcer ainsi le niveau de sécurité de votre mot de passe.

Voici la définition officielle fournie par le codex WordPress :

In simple terms, a secret key is a password with elements that make it harder to generate enough options to break through your security barriers. A password like « password » or « test » is simple and easily broken. A random, unpredictable password such as « 88a7da62429ba6ad3cb3c76a09641fc » takes years to come up with the right combination.

En français :

En termes simples, une clé secrète est un mot de passe avec des éléments qui le rendent plus dur pour traverser vos barrières de sécurité. Un mot de passe comme « mot de passe » ou le « essai » est simple et facile à casser. Un combinaison imprévisible tel « 88a7da62429ba6ad3cb3c76a09641fc » que prend plusieurs années pour le cracker.

Ces fameuses clés secrètes peuvent générées aléatoirement à partir de cette URL : http://api.wordpress.org/secret-key/1.1/

Il n’est absolument pas nécessaire de les retenir. Copiez-les simplement dans le fichier wp-config.php présent à la racine de votre serveur FTP – par défaut, en recherchant les lignes de code suivante :

Vous l’aurez compris, il s’agit là d’un point crucial en termes de sécurité lequel est malheureusement très peu connu des blogueurs sous WordPress.

La base de données MySQL de WordPress se doit d’être optimisée de façon régulière. Appliquez les consignes de ce tutoriel vidéo selon une base mensuelle me paraît conseillé.

Pour mettre en œuvre ce tutoriel, nous utiliserons le plugin Facebook Connect de Adam Hupp et le bout de code suivant à insérer dans le fichier comments.php :

<?php do_action('fbc_display_login_button') ?>

A titre d’exemple, vous pouvez laisser des commentaires sur WordPress Channel via Facebook.

Pour rappel, votre base de données contient vos articles, vos pages, vos commentaires, vos liens, vos configurations de plugins ainsi que votre configuration générale de WordPress. Bref, chaque partie de l’administration WordPress dispose d’une table de stockage dans la base MySQL.

A la différence, le serveur FTP stockera vos contenus multimédias tels que les photos, les vidéos, les sons ou n’importe quel autre type de documents.

Par simple précaution, faites une sauvegarde préalable du fichier .htaccess que vous pourrez téléverser sur votre serveur FTP en cas de problèmes.

Voici le bout de code nécessaire à placer dans le fichier .htaccess, situé à la racine de votre nom de domaine :

#Si navigateur défini sur anglais 'en'
#Insensible à la casse ([NC])
RewriteCond %{HTTP:Accept-Language} ^en [NC]
#Rediriger l'utilisateur vers /en/
#Redirection de type 301 (permanente)
RewriteRule ^$ /en/ [L,R=301]

Si vous prenez en charge plusieurs langues, répétez tout simplement la procédure pour les autres préfixes de langue. Prenez soin de remplacer 3 fois en par un tout autre préfixe (de pour l’allemand, es pour l’espagnol, etc.).

Exemple avec l’allemand (de) :

#Si navigateur défini sur allemand 'de'
#Insensible à la casse ([NC])
RewriteCond %{HTTP:Accept-Language} ^de [NC]
#Rediriger l'utilisateur vers /de/
#Redirection de type 301 (permanente)
RewriteRule ^$ /de/ [L,R=301]

Exemple avec l’espagnol (es) :

#Si navigateur défini sur espagnol 'es'
#Insensible à la casse ([NC])
RewriteCond %{HTTP:Accept-Language} ^es [NC]
#Rediriger l'utilisateur vers /es/
#Redirection de type 301 (permanente)
RewriteRule ^$ /es/ [L,R=301]

Enfin, si vous optez pour une solution de traduction automatisée par Google Translate – ou tout autre service en ligne gratuit, je vous recommande d’utiliser Global Translator pour WordPress, un plugin qui a fait l’objet d’un tutoriel complet sur Protuts.net, intitulé Créer un blog WordPress multilingue à l’aide de Global Translator.

Vous craignez de « casser » votre site lors du passage à la mise à niveau de WordPress ? Quelques précautions d’usage s’imposent donc :

1. Sauvegarder l’ensemble de votre dossier FTP – notamment pour les plugins et thèmes qui supporteraient mal l’update ;
2. Utilisez le module Outils puis Exporter pour télécharger un fichier d’export au format XML contenant l’ensemble de vos données (articles, pages, commentaires, catégories, tags, etc.) ;
3. Installez le plugin WP-DataBase Backup puis procédez à une sauvegarde de votre base de données MySQL, qui contient les préférences de vos plugins, à la différence de la solution d’export XML ;
4. Mettez à jour la totalité de vos plugins pour éviter des problèmes de compatibilité ;

L’étape 2 et 3 sont similaires bien qu’il soit plus possible de restaurer un fichier XML qu’une base de données en cas de soucis.

Vous voici parés pour lancer la mise à jour en cliquant sur l’annonce Pensez à faire une mise à jour.

Suivez donc la mise à jour de WordPress Channel en vidéo. Quelques secondes suffisent !

Si vous ne parvenez pas à mettre à jour automatiquement WordPress, changez d’hébergeur !

L’heureux gagnant sera contacté dans la soirée. Si aucune réponse n’est reçue sous 24 heures, le lot sera remis en jeu…

Encore merci à tous les participants et à bientôt sur WordPress Channel !

Pour des compléments d’informations en termes de sécurité sous WordPress, je vous recommande la lecture de l’article Sécuriser votre blog WordPress avec WP Security Scan sur Protuts.

Cette astuce est un élément de sécurité à ne pas négliger et je vous recommande fortement de la mettre en œuvre.

Crédits photo : EletronicFrontierFoundation

D’ailleurs, je vous recommande de sauvegarder le dossier /wp-content/themes/ dès lors que vous envisagez de modifier l’apparence de votre blog. Cela vous évitera de tout perdre ou de détruire votre site. N’importe quel client FTP fera l’affaire.

Pour disposer des gravatars sur votre blog, aucun plugin n’est nécessaire. Seules 3 étapes sont à suivre comme indiquées dans le didacticiel vidéo :

1. Disposer d’un compte sur le site Gravatars ;
2. Vérifier que la fonctionnalité est activée dans les options de WordPress ;
3. Vérifier la prise en charge de la commande PHP dans le thème de votre blog ;

#1 – Création d’un compte Gravatar

Visionnez la vidéo pour apprendre comment créer votre compte Gravatar.

#2 – Ajouter la fonction gravatars manuellement

Pour information, voici la commande PHP utilisée pour implémenter les gravatars à insérer dans le fichier comments.php :

<?php echo get_avatar( $id_or_email, $size = '96', $default = '<path_to_url>' );  ?>

#3 – Paramétrage des options relatives aux gravatars

Ouvrez l’onglet Réglages puis cliquez sur le module Discussion. Descendez en bas de page, dans la section Avatars.

Comme vous pouvez le remarquer, vous avez maintenant le choix entre différentes séries d’avatars qui seront utilisés par défaut dans le cas où le commentateur de l’un de vos articles n’utiliserait pas d’avatar personnalisé.

Toutefois, il convient de distinguer 2 types d’avatars : les « statiques » et les « générés ».

Cette première catégorie regroupe des avatars classiques :

• Mystery Man ;
• Blank ;
• Gravatar logo ;

Comme vous vous en doutez, les avatars statiques auront vite fait d’appauvrir visuellement vos commentaires dès lors qu’ils s’enchaîneront les uns à la suite des autres, tous identiques.

C’est là qu’interviennent les « générés ». Finie la monotonie des avatars par défaut, sans allure : place aux avatars générés aléatoirement. Pour cela, sélectionnez l’une des séries suivantes :

• Identicon ;
• Wavatar ;
• MonsterID ;

Enregistrez les modifications et constatez le résultat dans l’une de vos pages commentées. Les gravatars par défaut sont alors différents les uns des autres.

Je vous invite également à consulter le codex WordPress pour en savoir plus sur l’utilisation des Gravatars (en anglais).

En plus d’être sympathique, ces drôles d’avatars donneront un côté humoristique à votre blog. Qui pourrait s’en plaindre ? Et vous, les avez-vous adoptés ?

Crédits photo : balt-arts

Pour rendre ce travail moins fastidieux, nous aurons recourt au fameux plugin, WordPress Database Backup, pour automatiser le processus.

Si aucune solution de sauvegarde n’est en place sur votre blog, je vous recommande vivement de suivre ce didacticiel qui vous évitera de voir disparaître vos écrits du jour au lendemain !

Pour passer de la langue de Shakespeare à celle de Molière, il nous faut éditer le fichier wp-config.php présent sur serveur FTP. Pour cela, connectez-vous à l’aide de votre client FTP favori – par exemple, FileZilla ou Cyberduck, puis téléchargez ou éditez directement ledit fichier, présent à la racine de votre installation de WordPress.

Recherchez ensuite la ligne commençant par :

define ('WPLANG', '');

Remplacez le contenu par ceci pour passer en français :

define ('WPLANG', 'fr_FR');

Capture d'écran - Edition du fichier wp-config.php

Maintenant que nous avons configuré WordPress pour que le français soit la langue par défaut, encore faut-il télécharger les fichiers de traduction. Ces derniers étant propres à chaque pays, il vous suffit de télécharger la version française de WordPress.

Ceci fait, décompressez l’archive ZIP puis remarquez la présence d’un dossier languages dans le dossier /wp-content/. Ce dossier contient ni plus ni moins les fichiers de traduction de WordPress. Il nous faut donc téléverser ce dossier languages sur votre serveur FTP dans le dossier /wp-content.

Capture d'écran - Administration WordPress en français

Si vous préférez des explications par capture vidéo de l’écran (screencast), regardez cette vidéo.

Une fois l’opération terminée, connectez-vous à votre administration WordPress : la langue française est activée ! Notez que cette méthode est valable pour tous les autres pays.

Crédits photo : srqpix

Pour faciliter votre migration, vous pouvez copier / coller le code ci-dessous :

redirect 301 / http://www.nouveaudomaine.com/

Concernant l’affichage des dossiers cachés sous MacOS X, suivez les instructions suivantes :

1. Saisissez Terminal dans Spotlight ;
2. Inscrivez les commandes suivantes, l’une après l’autre :

   defaults write com.apple.finder AppleShowAllFiles TRUE
   killall Finder

Les fichiers cachés sont désormais activés. Pour des informations complémentaires, consultez le site markwilson.it (en anglais).

Google Analytics est outil de statistiques très complet et surtout gratuit. Le script évolue régulièrement pour offrir de nouvelles fonctionnalités d’analyse – notamment pour les mobiles, et s’intègre avec les services Google Adwords et Adsense.

Akismet est un plugin gratuit – pour une utilisation non commerciale, vous protégeant des commentaires indésirables. Développé par la société en charge de WordPress, à savoir Automattic, il s’avère particulièrement redoutable et apprend même de ses erreurs.

Ce podcast vidéo vous indiquera comment en profiter.

Dans ce tutoriel, nous verrons comment ajouter, modifier et supprimer vos plugins de votre blog WordPress.

Définitions

Commençons par rappeler brièvement ce que sont les plugins.

En informatique, un plugin est un programme qui interagit avec un logiciel principal, appelé programme hôte, pour lui apporter de nouvelles fonctionnalités. En clair, l’ajout de plugin dans votre blog consiste à rajouter de nouvelles fonctions qui ne sont pas proposées à l’origine. Là encore, il faut choisir par rapport à ses besoins car nombreux sont ceux qui ne présentent aucun intérêt particulier. Les plugins WordPress les plus utilisés sont, par exemple, un antispam, un taggeur (permet l’ajout de tags à vos articles), etc.

Ajout de plugins

Passons désormais à l’ajout de plugins dans votre blog WordPress.

Tout d’abord, il va falloir commencer par télécharger ceux qui vous intéressent. La manière la plus simple consiste à utiliser le répertoire officiel de WordPress.

Une fois que vous aurez téléchargé les différents plugins, utilisez FileZilla ou tout autre client FTP pour les transférer sur votre serveur Web à l’adresse : /wp-content/plugins/

Attention à ne pas envoyer l’archive ZIP mais bien le dossier que vous aurez auparavant extrait à l’emplacement de votre choix sur votre ordinateur.

Désormais, vos plugins sont accessibles via l’interface web de WordPress sous le menu Extensions. Pour les activer, c’est très simple, il vous suffit de cliquer sur le plugin correspondant puis de cliquer sur le bouton Activer.

Modifications éventuelles

WordPress est pourvu des outils nécessaires à la modification de l’intégralité du contenu de votre blog.

En ce qui concerne les plugins, le principe est le même. Pour cela, cliquer sur Plugins puis sur Éditeur de plugin.

Inutile de dire que toute modification éventuelle s’adresse à des utilisateurs avertis ayant des connaissances en matière de code. Une manipulation hasardeuse peut, en effet, entraîner des dégâts considérables…

Suppression

A l’aide de FileZilla (encore lui, je sais), supprimez les dossiers correspondants aux plugins que vous voulez supprimer aux emplacements indiqués plus haut. Ceci fait, actualisez l’interface WordPress (inutile de se déconnecter puis de se reconnecter) et le ménage est fait !

Pour faire le plein de plugins gratuits et payants de qualité, consultez notre rubrique de plugins WordPress et partagez vos découvertes !

Crédits photo : teddy-rised

Définitions

Commençons par rappeler brièvement ce que sont les thèmes.

De manière générale, un thème (templates en anglais) n’est autre que l’apparence de votre blog. C’est lui qui va déterminer la mise en page globale de vos pages, les styles employées (CSS), les codes de couleurs, etc. Il est donc primordial de bien le choisir et ce, en fonction de vos besoins.
Par exemple, certains thèmes sont spécifiquement dédiés à un sport, à une activité particulière ou encore à public cible alors que d’autres adopteront une allure beaucoup plus générale qui conviendra à la plupart des usages. On retrouvera donc dans cette seconde catégorie, des thèmes épurés, clairs, élégants mais aussi minimalistes.

Ajout de thèmes

Passons désormais à l’ajout de thèmes pour votre blog WordPress.

Méthode n°1 – Utilisation d’un client FTP

Tout d’abord, il va falloir commencer par télécharger ceux qui vous intéressent. La manière la plus simple consiste à utiliser le répertoire de thèmes officiel de WordPress.

Bien entendu, n’hésitez à utiliser Google ou votre moteur de recherche favori en vue d’obtenir une liste plus restreinte car sachez tout de même que la base de données de thèmes WordPress n’en compte pas moins de 47 000 ! Essayez donc avec des mots clés du genre: meilleurs thèmes wordpress, best wordpress templates, etc.

Une fois que vous aurez téléchargé les différents thèmes, utilisez FileZilla ou tout autre client FTP pour les téléverser sur votre serveur Web : pour les thèmes: /wp-content/themes/

Attention à ne pas envoyer l’archive ZIP mais bien le dossier que vous aurez auparavant extrait à l’emplacement de votre choix sur votre ordinateur.

Méthode n°2 – Utilisation de l’interface Web

Il est tout à fait possible d’installer des thèmes directement via l’administration de WordPress. A partir du menu Apparence, cliquez simplement sur Ajouter de nouveaux thèmes. De nombreuses options de recherche vous sont proposées dont un aperçu avant installation. Pour information, les thèmes présentés ici sont les mêmes que ceux accessibles sur le répertoire officiel (idem pour les plugins).

Les thèmes s’installent donc automatiquement sur votre serveur FTP sans aucune intervention de votre part. Toutefois, il pourra vous être demandé de saisir vos identifiants de connexion, cela dépend des hébergeurs.

Notez que vous pouvez également utiliser cet outil pour envoyer des archives ZIP de vos thèmes qui s’installeront alors de façon autonome.

Désormais, vos thèmes sont accessibles via l’interface web de WordPress sous le menu Apparence. Utiliser la fonction Aperçu pour vous faire une idée rapide avant de l’activer.

Modifications éventuelles

WordPress est pourvu des outils nécessaires à la modification de l’intégralité du contenu de votre blog.

Ainsi, pour modifier un thème, cliquer sur Thème puis sur Éditeur de thème. A la manière d’un éditeur de code HTML tel que Dreamweaver, vous pouvez donc modifier à votre guise le code source. Sachez que tous les thèmes fonctionnent de la même manière. J’entends par là que d’un thème à l’autre, vous retrouverez les pages Styles, Commentaires, Article seul, etc. à modifier.

Inutile de dire que toute modification éventuelle s’adresse à des utilisateurs avertis ayant des connaissances en matière de code. Une manipulation hasardeuse peut, en effet, entraîner des dégâts considérables…

Suppression

Pour faire le tri et supprimer les thèmes inutiles, retournez dans le module Thèmes de l’onglet Apparence. Un simple clic sur le lien Supprimer suffit.

Pour faire le plein de thèmes WordPress gratuits et premium de qualité, consultez notre rubrique de thèmes WordPress et partagez vos découvertes !

Crédits photo : teddy-rised