WordPress Channel - Podcasts HD
De Aurélien Denis
Pour écouter un podcast audio, pointez votre souris sur le titre souhaité et cliquez sur l'icône Lecture. Ouvrez iTunes pour télécharger des podcasts et vous y abonner.
Description du podcast
La chaîne francophone des tutoriels WordPress !
| Nom | Description | Sortie | Prix | ||
|---|---|---|---|---|---|
| 1 | VideoAfficher un article spécifique par son ID sous WordPress | Faire une requête PHP en fonction de l'ID d'un post de votre blog WordPress tel l'objet de ce tutoriel vidéo. Vous apprendrez différentes techniques en PHP pour arriver à vos fins. 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 : post_title; $date = $billet->post_date; $contenu = $billet->post_content; $contenu = apply_filters('the_content', $contenu); $contenu = str_replace(']]>', ']]>', $contenu); ?> $title$contenu $date"; ?> 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. 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. | 11/5/12 | Gratuit | Afficher sur iTunes |
| 2 | VideoCréer une feuille de styles CSS pour le back office de WordPress | Vous souhaitez personnaliser l'apparence du back office de WordPress ? Ce tutoriel vous montrera comment créer une feuille de styles CSS qui s'appliquera directement dans votre panneau d'administration pour un CMS 100% sur-mesure. É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 3e 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 ! | 12/4/12 | Gratuit | Afficher sur iTunes |
| 3 | VideoRemettre à zéro votre site WordPress | Réinitialiser complètement votre blog WordPress, ça vous tente ? L'intérêt d'une telle manipulation, me direz-vous ? Utile dans un environnement de développement de test en local ou en ligne et bénéficier d'une installation propre et saine. 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. 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 | 8/3/12 | Gratuit | Afficher sur iTunes |
| 4 | VideoCréer un plugin de fonctions globales sous WordPress | Un thème WordPress est composé d'un fichier functions.php regroupant des fonctions PHP propre au thème ou à WordPress. Comment faire en sorte que certaines fonctionnalités agissent de manière globale et non de façon localisée, de manière à les conserver intactes lors d'un changement de thème ? La réponse : créer un plugin de fonctions. 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 : 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 ! 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 | 13/1/12 | Gratuit | Afficher sur iTunes |
| 5 | VideoComment redimensionner / rogner une image sous WordPress sans timthumb.php ? | timthumb.php est sans doute l'un des scripts PHP les plus populaires sous WordPress. Il permet de rogner et de redimensionner à la volée vos images. Basé sur un système de cache, ce script n'en reste pas moins gourmand en CPU et présente de graves failles de sécurité... alors même que WordPress propose en natif des fonctionnalités de gestion des images similaires ! 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 $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. 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 ? | 3/12/11 | Gratuit | Afficher sur iTunes |
| 6 | VideoAjouter des icônes aux custom post types de WordPress | Les custom post types de WordPress peuvent facilement être personnalisés en ajoutant un icône correspondant au contenu. Vos utilisateurs y gagneront en ergonomie et votre back office aura une allure des plus professionnelles. | 23/10/11 | Gratuit | Afficher sur iTunes |
| 7 | VideoWordPress 3.3 beta à télécharger | La beta 1 de WordPress 3.3 est disponible gratuitement au téléchargement. Je vous propose un rapide aperçu des prochaines fonctionnalités dans un podcast vidéo avec des captures d'écran à l'appui. 4 minutes de découverte en haute définition ! Nouvelles fonctionnalités de WordPress 3.3 beta 1 http://www.youtube.com/watch?v=L-3j-aOVHYA #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 ! #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 ! #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. 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 ! | 16/10/11 | Gratuit | Afficher sur iTunes |
| 8 | VideoIntégrer un forum bbPress 2.0 sur votre blog WordPress | bbPress 2.0 est disponible gratuitement au téléchargement... depuis le répertoire de plugins de WordPress. Il est désormais possible de créer des forums depuis le back office de WordPress en installant bbPress comme n'importe quel plugin. http://youtu.be/ml57Nrfs8HU 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 : Tutoriel #1 : Installation de Simple Press Forum ; Tutoriel #2 : Configuration de l’administration du forum ; 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é. 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 ; 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. 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. | 7/9/11 | Gratuit | Afficher sur iTunes |
| 9 | VideoModifier l’URL de connexion à l’administration WordPress | Pour vous connecter à votre administration WordPress, il convient d'ajouter le suffixe /wp-admin ou /wp-login.php à l'adresse Web de votre site. Dans un souci de simplification vis-à-vis de vos clients ou vos collaborateurs, sachez qu'il est possible de modifier ce lien d'accès par celui de votre choix - par exemple, /login. Une manipulation via le fichier .htaccess s'impose. 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. 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 | 19/6/11 | Gratuit | Afficher sur iTunes |
| 10 | VideoRécupérer la première image d’un article via PHP pour WordPress | Si vous envisagez d'afficher une image sur votre page d'accueil ou de catégorie, mais que vous n'utilisez pas l'outil de miniatures incorporé dans WordPress et encore moins un script comme timthumb ou même un custom field alors il vous reste l'utilisation de cette fonction PHP. Testé et utilisé sur de nombreux sites personnels ! 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 : /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 : 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. | 31/5/11 | Gratuit | Afficher sur iTunes |
| 11 | VideoDéplacer la barre d’administration WordPress en bas de l’écran | Introduite sous WordPress 3.1, la barre d'administration est loin de plaire à tout le monde et un tutoriel précédent vous permet de la désactiver. Une nouvelle astuce proposée par WP Engineer permet de la disposer en bas de votre écran aussi bien en front-end qu'en back-end. 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 ' 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; } '; } // 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 | 28/5/11 | Gratuit | Afficher sur iTunes |
| 12 | VideoModifier le footer de votre administration WordPress | Le pied de page ou footer de l'administration WordPress propose plusieurs liens vers les sites officiels de WordPress. Dans le cas d'une utilisation professionnelle et pour créer une image de marque autour de l'entreprise de votre client, il est peut être intéressant d'en personnaliser le contenu. 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 | 16/5/11 | Gratuit | Afficher sur iTunes |
| 13 | VideoObtenir la dernière version de jQuery via Google pour WordPress | WordPress nécessite l'utilisation de la bibliothèque jQuery pour fonctionner. Or, cette dernière n'est pas régulièrement mise à jour. 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 : Avec WordPress 3.1 et Google jQuery, vous obtenez : 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 ! | 30/4/11 | Gratuit | Afficher sur iTunes |
| 14 | VideoModifier le préfixe de votre base de données WordPress après installation | Laisser le préfixe de votre base de données MySQL sur sa valeur par défaut, à savoir wp_, constitue un risque de sécurité pour votre installation WordPress. Si vous ne l'avez jamais changé, suivez donc ce tutoriel simple et rapide. 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_ É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. 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 : 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. É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. 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. | 4/4/11 | Gratuit | Afficher sur iTunes |
| 15 | VideoAfficher les modules masqués sous WordPress 3.1 | La version 3.1 de WordPress masque par défaut certains modules jugés non pertinents pour l'utilisateur standard. De fait, si le module Champs personnalisés a disparu de l'éditeur d'articles, il ne s'agit pas d'un bug mais bien d'une option à réactiver. La réponse en vidéo ! 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. 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 | 30/3/11 | Gratuit | Afficher sur iTunes |
| 16 | VideoCréer un emplacement de menu personnalisé pour WordPress | Depuis WordPress 3.0, il n'a jamais été aussi facile de créer et modifier des menus de navigation. Cette fonctionnalité n'en reste pas moins compliquée à utiliser si votre thème ne prend pas en charge les emplacements de menus. 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 : __( '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. É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. '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. 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 | 4/3/11 | Gratuit | Afficher sur iTunes |
| 17 | VideoBloquer l’accès aux répertoires de votre installation de WordPress | Par défaut, WordPress stocke vos données multimédias dans un dossier /wp-content/uploads/ qui est accessible en saisissant l'URL dans un navigateur Internet. N'importe quelle personne mal avisée peut donc afficher le contenu de ces répertoires susceptibles de contenir des données personnelles. Réglons ce problème de sécurité sans plus tarder en intervenant dans le .htaccess. 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 | 19/2/11 | Gratuit | Afficher sur iTunes |
| 18 | Video#3 – Optimiser WordPress | Augmenter la taille mémoire de WordPress | WordPress essaie d'augmenter la taille mémoire de PHP à 32 Mo pour bien fonctionner. Augmentons cette valeur pour bénéficier d'une capacité mémoire supérieure et éviter les surcharges en intervenant dans le wp-config.php. 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. 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 | 6/2/11 | Gratuit | Afficher sur iTunes |
| 19 | VideoSupprimer / modifier le préfixe des pages privées ou protégées de WordPress | WordPress propose en natif un système de gestion des pages privées et protégées. Pour les différencier des pages en libre accès, un préfixe Privé ou Protégé vient s'ajouter dans le titre ce qui n'a rien de très élégant. Un hack PHP permet de masquer ce préfixe ou de modifier le texte par défaut de WordPress. 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 : 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 | 15/1/11 | Gratuit | Afficher sur iTunes |
| 20 | VideoActiver les fonctionnalités multi-sites de WordPress 3.0 | La version 3.0 de WordPress annonce la fusion entre WordPress MU (multi-utilisateur) et la version standard utilisée par la plupart des blogueurs. Or, si vous avez d'ores et déjà installé la beta 1 de WordPress, vous remarquerez l'absence d'un tel module de gestion multi-blogs. Comment faire pour activer ces fonctionnalités réseaux propres à WordPress 3.0 ? 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. Sous le menu Tools, cliquez sur Network pour lancer la procédure d'installation de WordPress MU. 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. 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 ! Créez ensuite le répertoire blogs.dir dans le dossier /wp-content/ ; 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 ; 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 ; 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 ! 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 | 8/1/11 | Gratuit | Afficher sur iTunes |
| 21 | VideoCréer une zone de connexion (login) dans WordPress | Ce tutoriel vous apprendra comment mettre en place une zone de connexion dans une page WordPress vous permettant d'inciter vos visiteurs à s'inscrire sur votre site / blog. Aucune connaissance particulière requise. 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 : Insertion du formulaire de connexion Localisez ensuite la ligne contenant : 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 : 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. Identifiant Mot de passe Rester connecter | Mot de passe oublié Englober le tout d'une balise , 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_ | 23/12/10 | Gratuit | Afficher sur iTunes |
| 22 | VideoCréer des custom post types avec WordPress | Les custom post types de WordPress vont nous permettre de créer des types de contenu sur-mesure associant une taxonomie particulière. Différent d'un modèle d'article - bientôt implémentés dans WordPress 3.1, l'usage des custom post types est de plus en plus répandus pour des sites professionnels. http://youtu.be/OSW6VXr8nrE?hd=1 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. On retrouvera le même type de présentation du contenu que pour 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 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 : array( 'name' => __( 'Produits' ), 'singular_name' => __( 'Produit' ) ), 'public' => true ) ); register_taxonomy( 'couleur', 'produit', array( 'hierarchical' => true, 'label' => 'Couleur', 'query_var' => true, 'rewrite' => true ) ); } ?> 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 : 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) | 12/12/10 | Gratuit | Afficher sur iTunes |
| 23 | VideoSupprimer le /blog des permaliens de WordPress 3.0 multi-site | Le mode multi-site introduit sous WordPress 3.0 vous permet de créer des sites à la chaîne. Malheureusement, un slash blog /blog vient s'ajouter en fin du domaine principal ce qui n'a rien d'attractif. Une manipulation via le functions.php nous permettra de l'enlever. 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. Ceci fait, sauvegardez votre fichier puis rendez-vous dans le menu Réglages puis Permaliens. 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 | 28/11/10 | Gratuit | Afficher sur iTunes |
| 24 | VideoAfficher un compteur de vues dans vos articles WordPress | Comment afficher le nombre de fois qu'une page de votre site WordPress a été vue ? Cette question récurrente passe par le célèbre plugin WP Post View dont nous évoquerons la méthode d'utilisation dans un podcast vidéo exclusivement dédiée à sa configuration. 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. 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é : Sauvegardez le fichier puis actualisez votre site puis cliquez sur un article. Si tout a fonctionné, votre compteur de vues devrait s'afficher. 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 | 15/11/10 | Gratuit | Afficher sur iTunes |
| 25 | VideoInstaller WordPress 3.0 en local avec MAMP | Disposer d'une version locale de WordPress présente de nombreux avantages notamment pour effectuer des tests avant l'utilisation d'un serveur de production. Ce podcast / tutoriel vous donnera les clés pour configurer le logiciel tout-en-un MAMP (Mac, Apache, MySQL et PHP) et procéder à l'installation de WordPress. Idéal pour débuter sur le CMS ou tout autre script (Joomla, Drupal, etc.). 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. Ceci fait, une nouvelle instance de votre navigateur Internet s'exécute avec pour URL : http://localhost:8888/MAMP/?language=French 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. 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 : Cliquez sur Créer un fichier de configuration au premier écran ; Au deuxième écran, cliquez sur le seul bouton C'est parti ; 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_ ; Cliquez ensuite sur Soumettre ; Au quatrième écran, cliquez sur Lancer l'installat | 6/11/10 | Gratuit | Afficher sur iTunes |
| 26 | VideoCréer une page d’archives listant les articles par date sous WordPress | Ce tutoriel aborde une méthode pour créer automatiquement une page d'archives reprenant vos articles tout en les séparant par une date mensuelle ou annuelle par exemple. Un affichage autrement plus sympa qu'une liste de liens chronologique. | 22/10/10 | Gratuit | Afficher sur iTunes |
| 27 | VideoDéfinir une longueur d’extrait personnalisée des articles sous WordPress | La taille des extraits de vos articles peut être ajustée en fonction de vos besoins, de façon automatique via un plugin ou manuellement via le functions.php. 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 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 : 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 : ', ']]>', $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. 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 | 4/10/10 | Gratuit | Afficher sur iTunes |
| 28 | VideoBlubrry PowerPress, la meilleure solution de podcasting pour WordPress | Envie de connaître les meilleures techniques de podcasting pour la plateforme WordPress ? Ce tutoriel complet vous guidera pas-à-pas pour réveiller le podcasteur qui sommeille en vous ! 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 : La gestion des podcasts dans un flux RSS FeedBurner ; La publication de vos podcasts sur l'iTunes Store ; 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. 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 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 ; | 23/9/10 | Gratuit | Afficher sur iTunes |
| 29 | VideoAjouter une seconde zone d’extrait dans la création d’articles de WordPress | Par défaut, chaque article de WordPress peut être accompagné d'un extrait facultatif, utile pour ajouter une introduction. Cependant, comment faire pour en ajouter un second et gérer ainsi du contenu additionnel en lien direct avec votre article ? 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. En fin de fichier, ajoutez les lignes de code suivante : Second Excerpt ID, 'Second Excerpt', true ), 1 ); ?> " /> 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 ou avant dans la situation où vous n'utiliseriez pas le premier extrait. ID, 'Second Excerpt', true) ) : ?> ID, 'Second Excerpt', true) ?> N'oubliez pas de sauvegarder vos modifications. Étape n°3 - Vérification avec un article de test 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. 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 | 8/9/10 | Gratuit | Afficher sur iTunes |
| 30 | VideoCréer une page de contact sans plugin avec WordPress | La création d'un formulaire de contact avec WordPress est un classique ! 99% du temps, un plugin s'occupe de cet aspect. Toutefois, ce tutoriel vous apprendra comment créer un modèle de page de contact sans avoir recours à un plugin. 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. 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. 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 | 4/9/10 | Gratuit | Afficher sur iTunes |
| 31 | VideoCréer un modèle de page WordPress | Les modèles de pages constituent un des éléments charnières dans la gestion des templates sous WordPress. Plan de site, formulaires de contact sont autant de pages modèles qu'il est facile de créer. Voyons comment faire de même pour générer vos propres types de pages. 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 : Remplacez donc Nom du modèle par le titre qui s'affichera lors de la création d'une nouvelle page WordPress. É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 ; Vérifiez que les balises 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. 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 | 31/8/10 | Gratuit | Afficher sur iTunes |
| 32 | VideoIntégrer le bouton officiel de Twitter sur un blog WordPress | Twitter est un outil de micro-blogging que l'on ne présente plus. Jusqu'alors le service TweetMeme permettait d'insérer un bouton de re-tweet sur chacun de vos articles. Aujourd'hui, Twitter lance son propre bouton officiel et en français. Voyons comment l'intégrer sous WordPress. Présentation Quels sont les intérêts d'un bouton de re-tweet officiel ? Voici les principaux avantages qui me viennent à l'esprit : 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 ; 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 ; 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 : Encadrez le tout d'une balise 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é... 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 ; 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 | 17/8/10 | Gratuit | Afficher sur iTunes |
| 33 | VideoCréer un modèle de page d’erreur 404 pour WordPress | Une erreur 404 survient lorsqu'une page ou un article de votre blog est inaccessible. Avec WordPress, un simple fichier 404.php vous permettra d'optimiser cette fameuse page d'erreur dite 404 et ainsi augmenter le nombre de pages vues. 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. 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 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. " title="home again woohoo"> 'No categories') echo($category_menu); ?> Podcasts Erreur 404 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é. Top 10 des articles sur WordPress Channel " rel="bookmark" title=""> Retour à la page d'accueil Cliquez simplement sur le bandeau en haut de la page. 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 | 13/8/10 | Gratuit | Afficher sur iTunes |
| 34 | VideoCréer une page d’erreur de base données WordPress personnalisée | "Error establishing a database connection", vous connaissez ? C'est le message par défaut en cas de soucis avec votre base de données MySQL. Apprenons comment utiliser un fichier d'erreur sur-mesure avec WordPress. 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 ! 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 ; 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 ; 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 ; 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 : 503 Service Temporarily Unavailable h1, p { font-family: Helvetica, sans-serif; font-size: 24px; color: #333; } p { font-size: 14px; } C'est quoi ce bug ??? 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 ! 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. 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) | 4/8/10 | Gratuit | Afficher sur iTunes |
| 35 | VideoCréer des thèmes enfants (child themes) avec WordPress | Le principe du thème enfant est de permettre la modification et l'ajout de fonctionnalités à un thème parent sans y apporter de quelconque changement. L'avantage majeur est de pouvoir bénéficier des mises à jour du thème parent tout en poursuivant les changements sur le thème enfant. 2 minutes chrono suffisent pour créer un child theme ! Méthode de création du child theme Avec WordPress, la création d'un child theme est... enfantine ! Créez un nouveau répertoire dans le dossier /wp-content/themes/NOM_DU_THEME_ENFANT ; Créez la feuille de styles CSS en nommant le fichier style.css ; 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; } 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 ; 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 | 29/7/10 | Gratuit | Afficher sur iTunes |
| 36 | VideoLive Blogging ou comment organiser une conférence en direct | Vous rêvez d'organiser un direct live depuis une salle de conférence et couvrir ainsi l'évènement en temps réel sur votre blog WordPress ? En d'autres termes, partagez vos émotions lors d'une keynote Apple (cela suppose d'avoir une invitation...) ? Avec le plugin Live Blogging pour la plateforme WordPress, ce rêve devient enfin réalité ! 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. 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. 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 | 23/7/10 | Gratuit | Afficher sur iTunes |
| 37 | VideoBuddyPress, créer votre réseau social à base de WordPress | Envie de créer votre propre réseau communautaire de la même manière que Facebook ? BuddyPress est LA solution ultime de gestion personnelle de réseau social. Basée sur WordPress, BuddyPress est un plugin mêlant à des composantes de WordPress MU et de bbPress. Explications en vidéo ! 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. 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 ! 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. 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 | 1/7/10 | Gratuit | Afficher sur iTunes |
| 38 | VideoCréer un sitemap sans plugin avec WordPress | Un plan de site – sitemap en anglais, est très utile pour vos visiteurs et les moteurs de recherche qui visualisent en un coup d’œil la structure de votre site. Avec WordPress, quelques lignes de code suffisent couplées au système de modèle de pages. É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 : 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) : Pour finir, copiez / collez les lignes de code PHP suivantes : Articles par catégories cat_ID); ?> cat_name; ?> "> - (comment_count ?>) 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. 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 | 10/6/10 | Gratuit | Afficher sur iTunes |
| 39 | VideoConfigurer Google Analytics pour WordPress MU | Insérer Google Analytics sur un blog WordPress ne présente pas de difficulté particulière. Mais quelle procédure adopter lorsqu'il s'agit d'un site fonctionnant avec WordPress MU ? Comment faire en sorte que l'ensemble des sous-domaines soient indexés ... | 3/6/10 | Gratuit | Afficher sur iTunes |
| 40 | VideoCréer des menus personnalisés avec WordPress 3.0 | La création de menus personnalisés est désormais possible avec la sortie de WordPress 3.0. Via un système de glisser / déposer, réalisez vos propres menus en combinant des liens externes, des catégories ou encore des pages en quelques clics. Upd... | 31/5/10 | Gratuit | Afficher sur iTunes |
| 41 | VideoGénérer un sitemap Google pour WordPress Mu 3.0 | Créer un fichier sitemap XML avec WordPress 3.0 en mode multi-utilisateurs, tel est l'objectif de ce podcast vidéo. Pour utilisateurs avertis uniquement. 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 | 16/5/10 | Gratuit | Afficher sur iTunes |
| 42 | Video#2 – Optimiser WordPress | Supprimer les révisions d’articles de WordPress | Les révisions d'articles permettent de restaurer à une date précise la sauvegarde du billet en question. Bien que très pratique, cette fonctionnalité finit par encombrer la base de données après de nombreux enregistrements. 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 | 29/4/10 | Gratuit | Afficher sur iTunes |
| 43 | VideoCréer un espace réservé aux membres avec WordPress | Comment permettre à mes partenaires, clients ou autres membres privilégiés, d'accéder à du contenu qui leur est spécifiquement dédié ? La réponse consiste à créer un espace membre fonctionnant sur la base des utilisateurs enregistrés tout en maîtrisant de A à Z votre image de marque. Pré-requis Lorsqu'on envisage la création d'un espace réservé, il est important de prendre en considération 2 aspects essentiels : 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 ; 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 : 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 ; 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 ; 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 ; 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 : 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 | 15/4/10 | Gratuit | Afficher sur iTunes |
| 44 | VideoWordPress e-Commerce, le plugin ultime de commerce électronique | Quelques minutes suffisent pour créer sa boutique en ligne avec WordPress. Pour réussir ce pari, nous ferons appel au plugin WP e-Commerce téléchargé plus de 500 000 fois ! 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 gestio | 29/3/10 | Gratuit | Afficher sur iTunes |
| 45 | VideoAdfever, une plateforme publicitaire complète | Comparateur de prix, bannières publicitaires et autres liens d'affiliation... les moyens de gagner de l'argent avec son blog WordPress sont légions car il s'agit d'une problématique intéressant la plupart des blogueurs. N'est-il pas normal de monétiser le fruit de son travail ? 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 ? | 28/1/10 | Gratuit | Afficher sur iTunes |
| 46 | VideoAfficher votre blogoliste sans widget dans votre blog WordPress | La méthode la plus répandue pour afficher sa blogoliste WordPress est d'utiliser le widget Liens. Pour autant, une deuxième méthode existe en passant directement par le code qui peut s'avérer très pratique. 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é : 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: 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 | 22/1/10 | Gratuit | Afficher sur iTunes |
| 47 | VideoComment changer les smilies / émoticones de WordPress | WordPress propose en natif toute une série de smilies automatiquement générés lors de la saisie du raccourci auxquels ils renvoient. Par exemple, en saisissant ":)" WordPress convertira le texte en image lors de la publication d'un article pour obtenir un smiley de ce genre :) . Voici donc une astuce toute simple qui vous permettra de remplacer les smileys par défaut par ceux de votre choix ce qui ne manquera pas de donner un caractère plus personnel à votre site ou blog. 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 ! | 14/1/10 | Gratuit | Afficher sur iTunes |
| 48 | VideoPoedit, outil de traduction de thèmes et plugins WordPress | Contribuez au développement d'un thème ou d'un plugin WordPress passe nécessairement par de la traduction. Si vous êtes doués avec la langue anglaise alors traduisez vous-même la source dans la langue française ou dans cette de votre choix - si vous êtes polyglotte. 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. | 4/1/10 | Gratuit | Afficher sur iTunes |
| 49 | Video#1 – Optimiser WordPress | Compresser les données via le .htaccess | Pour débuter cette série d'optimisation des performances de votre blog WordPress, je vous propose une petite intervention très efficace dans le .htaccess. Celle-ci aura pour effet de réduire fortement le poids de vos pages sans action directe de votre part sur leur contenu. Une comparaison avant et après modification devrait vous convaincre de l'utilité de cette astuce. 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 ! | 19/12/09 | Gratuit | Afficher sur iTunes |
| 50 | VideoConcevoir des thèmes WordPress : utilisation de Firebug et de YSlow | Créer des thèmes pour WordPress, c'est avant tout disposer des bons outils en matière de Web développement, à savoir : un bon navigateur Internet (Mozilla Firefox) et une extension reconnue par les pros, Firebug. Ces 2 vidéos d'initiation vous apprendront le fonctionnement de : 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) ; 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. | 9/12/09 | Gratuit | Afficher sur iTunes |
| 51 | VideoConfigurer les clés de sécurité secrètes dans le wp-config.php | Depuis WordPress 2.6, il est possible d'améliorer grandement la sécurité de votre blog en ajoutant 4 clés de sécurité générées aléatoirement dans le fichier wp-config.php - fichier qui relie l'installation de WordPress sur le FTP à la base de données MySQL. 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. | 27/11/09 | Gratuit | Afficher sur iTunes |
| 52 | VideoOptimiser la base de données MySQL de WordPress | Pour continuer sur cette série d'articles consacrée aux base de données MySQL, nous évoquerons dans ce didacticiel l'optimisation de ces dernières. Très simple à mettre en application, cette astuce vous permettra de gagner en performances et ce, sans connaissances particulières comme en témoigne ce podcast. 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é. | 21/11/09 | Gratuit | Afficher sur iTunes |
| 53 | VideoIntégrer un module Facebook Connect sur votre blog WordPress | Les réseaux sociaux comme Facebook ou Twitter connaissent une forte croissance en termes de visites. Il serait donc intéressant de proposer à vos visiteurs de laisser un commentaire sur votre blog via un module de connexion Facebook. Un moyen pratique pour identifier rapidement un individu et tisser des liens virtuels. 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 : A titre d'exemple, vous pouvez laisser des commentaires sur WordPress Channel via Facebook. | 14/11/09 | Gratuit | Afficher sur iTunes |
| 54 | VideoRestaurer une base de données MySQL | Après avoir vu comment Sauvegarder automatiquement votre base de données MySQL , il est temps de savoir comment la restaurer. Nous interviendrons directement dans la base de données avec phpMyAdmin. Pour y accéder, consultez l'aide de votre hébergeur - il n'y a pas de manipulation officielle. 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. | 6/11/09 | Gratuit | Afficher sur iTunes |
| 55 | VideoRediriger vos visiteurs en fonction des préférences de langues du navigateur | Vous développez un blog en plusieurs langues et la seule solution que vous proposez aujourd'hui à vos visiteurs consiste à cliquer sur leur drapeau correspondant ? Innovez en automatisant le processus. Comment ? Via un script à placer dans le fichier .htaccess qui ira chercher les préférences de langue du navigateur pour ensuite mettre en place une redirection via le domaine adéquat. Cette méthode utilisée par la plupart des sites professionnels vous est à présent révélée. 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. | 29/10/09 | Gratuit | Afficher sur iTunes |
| 56 | VideoEffectuer une mise à jour de WordPress | Suite à une demande d'un des lecteurs de WordPress Channel, ce didacticiel vous montrera comment mettre à jour votre installation de WordPress de façon automatique. La manipulation est fort simple, pour autant de nombreuses personnes me posent régulièrement la question sur la marche à suivre. Or, il se trouve que WordPress est disponible en version 2.8.5 ce qui va me permettre de vous faire une démonstration. Vous craignez de "casser" votre site lors du passage à la mise à niveau de WordPress ? Quelques précautions d'usage s'imposent donc : Sauvegarder l'ensemble de votre dossier FTP - notamment pour les plugins et thèmes qui supporteraient mal l'update ; 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.) ; 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 ; 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 ! | 27/10/09 | Gratuit | Afficher sur iTunes |
| 57 | Video[RESULTAT CONCOURS] Le gagnant a été désigné ! | Lancé il y a une semaine en partenariat avec le magazine Web Design, le premier concours WordPress Channel prend fin aujourd'hui 20 octobre 2009. Le tirage a sort a désigné le vainqueur et la réponse se trouve dans la vidéo. 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 ! | 20/10/09 | Gratuit | Afficher sur iTunes |
| 58 | VideoSupprimer le compte Administrateur de WordPress | Ce didacticiel vidéo détaille une méthode simple pour supprimer le compte Administrateur créé par défaut lors de l'installation de WordPress. Les articles attribués à l'utilisateur "admin" seront automatiquement transférés vers le nouveau compte, plus sécurisé. 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 | 16/10/09 | Gratuit | Afficher sur iTunes |
| 59 | VideoConcevoir un thème en parallèle avec Theme Test Drive | Ce didacticiel vidéo vous apprendra comment développer un nouveau design pour votre blog sans que vos visiteurs ne s'aperçoivent de rien. En tant qu'administrateur, vous verrez un thème différent de celui proposé par défaut à vos lecteurs. Nous utiliserons le plugin Theme Test Drive pour lequel je vous indiquerez quelques recommandations pour éviter la catastrophe. 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. | 14/10/09 | Gratuit | Afficher sur iTunes |
| 60 | VideoGestion des gravatars sous WordPress | Un gravatar est une image miniaturisée à laquelle est associée une adresse e-mail. Implémentée dans le système de commentaires de WordPress par défaut, cette fonctionnalité est un moyen d'égayer le design de votre blog mais également de vous identifier rapidement lorsque vous laissez un commentaire - aussi bien en tant qu'auteur, qu'invité. 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 : Disposer d'un compte sur le site Gravatars ; Vérifier que la fonctionnalité est activée dans les options de WordPress ; 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 : ' ); ?> #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 | 8/10/09 | Gratuit | Afficher sur iTunes |
| 61 | VideoSauvegarder automatiquement votre base de donnees MySQL | WordPress utilise une base de données MySQL - dont les identifiants de connexion ont été définies lors de l'installation, pour stocker l'ensemble du contenu de votre blog. On y retrouve, entre autres, vos articles, vos pages, vos commentaires, etc. Il est donc capital de la sauvegarder régulièrement. 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 ! | 5/10/09 | Gratuit | Afficher sur iTunes |
| 62 | VideoChanger la langue d’installation de WordPress sans danger | Vous venez d'installer WordPress mais votre administration est en anglais ? Pas de panique, quelques secondes suffisent pour basculer d'une langue à une autre sans avoir recours à une réinstallation de la plateforme de blogging. Une fois de plus, cela justifie l'utilisation de WordPress comme CMS ! 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'); 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. 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 | 4/10/09 | Gratuit | Afficher sur iTunes |
| 63 | VideoUtiliser une redirection 301 pour changer de domaine via le .htaccess | Screencast fournissant la méthode à suivre pour rediriger un ancien nom de domaine vers un nouveau par le biais d'une redirection 301. Il convient donc d'utiliser un fichier .htaccess que nous placerons à la racine du blog. 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 : Saisissez Terminal dans Spotlight ; 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). | 26/9/09 | Gratuit | Afficher sur iTunes |
| 64 | VideoIntégrer Google Analytics sur votre blog WordPress | Screencast détaillant la marche à suivre pour intégrer l'outil d'analyse et de statistiques Google Analytics sur votre blog WordPress. Aucun plugin n'est requis pour bénéficier de ce service gratuit. Indispensable pour tout savoir sur vos visiteurs sans dépenser des fortunes ! 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. | 25/9/09 | Gratuit | Afficher sur iTunes |
| 65 | VideoConfiguration du plugin anti-spam Akismet | Screencast expliquant la marche à suivre complète pour activer le plugin de lutte contre les commentaires indésirables, le célèbre Akismet. Sans lui, votre blog aura vite fait de se transformer en "spam blog". 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. | 25/9/09 | Gratuit | Afficher sur iTunes |
| 66 | VideoAjouter un plugin via l’administration de WordPress | Screencast décrivant la procédure d'installation automatisé d'un plugin WordPress à l'aide de l'interface d'administration. Aucune intervention via un client FTP n'est requise dans ce cas de figure. Pour gagner du temps, gardez à portée de clic vos identifiants de connexion au serveur FTP. 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 | 18/9/09 | Gratuit | Afficher sur iTunes |
| 67 | VideoAjouter un thème via l’administration de WordPress | Screencast décrivant la procédure d'installation d'un nouveau thème / design pour votre blog. Aucune intervention via un client FTP n'est requise, l'opération s'effectuant directement via l'administration de WordPress. 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écou | 18/9/09 | Gratuit | Afficher sur iTunes |
| 68 | VideoInstaller WordPress avec un client FTP | Screencast décrivant la procédure d’installation classique de WordPress en utilisant un client FTP chez un hébergeur quelconque. | 13/9/09 | Gratuit | Afficher sur iTunes |
| Total : 68 épisodes |
Avis des utilisateurs
Excellent
Salut, non je suis le premier ;-) bon il en faut un, puis j'aime ce Screencast qui nous apprend à maitriser Wordpress en toute simplicité. Encore merci pour tout cela, j'ai découvert pas mal de bonnes choses et je le recommande vivement à tous les passionnés de Blogging sur Wordpress. Hervé
Bravo et participation concours !
Tout d'abord bravo pour ce que vous avez fait ! C'est super. A chaque podcast j'apprends quelque chose de nouveau que je peux dans la fouler appliquer sur mon blog.
Ce commentaire est également du à la participation sur votre blog qui est encore une fois des plus utiles.
Parfait
Parfait pour ceux qui ne connaissent pas grand chose a Wordpress et même ceux qui connaissent déjà les bases ça permet de ce perfectionner :)
D'autres se sont aussi abonnés à
- WordPress University
- Ben Cope - The Internet Genius
- Afficher sur iTunes
- Inspired By Wordpress
- Daniel Groves
- Afficher sur iTunes
- WordPress in 10 Minutes..in 10 minutes
- Chuck Tomasi and Kreg Steppe
- Afficher sur iTunes
