La nouvelle version 3.0 de la célèbre plateforme WordPress vient de sortir après six mois de développement intensif. Pour la plupart des blogueurs qui utilisaient la 2.9.2 cette nouvelle version n’apporte que peu de modifications visibles, la grande nouveauté étant sa fusion avec WordPress MU, la version multi-utilisateurs.
La mise à jour automatique reste fidèle à la réputation de WordPress, un clic et une trentaine de secondes d’attente suffisent en effet pour franchir le pas. Il faudra toutefois auparavant donner les droits CHMOD 777 sur le répertoire « wp-content/upgrade » , au risque de voir l’installation échouer, sans gravité heureusement.
N’oublie quand même pas de faire auparavant une sauvegarde de tes fichiers (avec ton client FTP) ainsi que de toute ta base de données (avec Database Backup par exemple), on ne sait jamais.
La version francophone peut être téléchargée sur le site de wordpress-fr.net pour être ensuite installée manuellement, je te conseille toutefois la mise à jour automatique qui fonctionne très bien.
wordpressImprimer le billet5 commentaires
Diffuser de la publicité sur son blog sans emmerder ses visiteurs réguliers n’est pas une tâche facile. Il existe actuellement plusieurs solutions, comme par exemple celle qui consiste à afficher les bandeaux publicitaires uniquement aux visiteurs qui proviennent des moteurs de recherches.
En plus ou à la place de cette solution, on peut ajouter une autre technique qui consiste à afficher lesdites publicités (ou tout autre code HTML) uniquement sur les vieux billets, ceux qui ont plus d’un certain nombre de jours.
La solution existe en tant que plugin pour WordPress, mais c’est beaucoup moins drôle que le hack que je vais te présenter aujourd’hui.
Pour commencer tu vas éditer le fichier « single.php » qui se trouve dans le répertoire de ton thème, normalement quelque chose comme « /wp-content/themes/ton_theme » . Tu places ensuite le code PHP suivant à l’endroit où tu veux que ta bannière s’affiche, n’oublie pas de l’encadrer par les balises PHP.
1 2 3 4 5 6 7 8 9 10
// Age du billet (en jours) $nbjours=round((strtotime(date('Y-m-d'))-strtotime(get_the_time('Y-m-d')))/(60*60*24)-1);
// Si le billet date de plus de 60 jours if($nbjours>60){
// Intégration du code de la bannière situé dans le fichier externe include("adsense.php");
}
Par exemple, si tu veux que ta bannière s’affiche avant ton billet, tu places le code précité juste après la ligne suivante.
1
<divid="main">
Tu noteras que dans cet exemple le code de la bannière publicitaire se trouve dans le fichier « adsense.php » , à toi de le créer et de le placer dans le répertoire de ton thème. Sinon, rien ne t’empêche d’afficher directement le code avec une ou plusieurs instructions « echo » .
Deux mois que ce blog tourne sous WordPress, sans regrets pour l’instant. Voici un tour de quelques plugins qui me sont utiles, la liste n’est ni complète ni triée dans un ordre quelconque. Une deuxième vague viendra par la suite.
Akismet
Sans défense, les trois quarts des commentaires postés sur les blogs seraient des spams. Il existe de nombreuses solutions pour contrer ce fléau, comme par exemple le célèbre CAPTCHA (ce code illisible à lire et recopier dans une case), méthode très efficace mais qui ajoute une lourdeur au visiteur. Akismet est un plugin pour WordPress qui compare chaque commentaire écrit avec une base centralisée des spams, l’opération est totalement transparente pour le visiteur comme pour le blogueur. C’est selon moi la meilleure solution contre le spam actuellement.
CodeColorer
Un plugin de geeks réservé à nous autres développeurs, il permet d’afficher fièrement son code source de manière colorée et numérotée. La technologie utilisée se nomme GeSHi (Generic Syntax Highlighter) et supporte une foule de langages, comme par exemple le CSS.
WordPress Admin Bar
Ce plugin ajoute en haut de page une barre d’administration qui n’est visible que lorsque l’on est connecté en administrateur. Plusieurs fonctionnalités sont ainsi rapidement accessibles, comme la création d’un article, la gestion des commentaires, et cætera.
WordPress Database Backup
Très pratique pour les paranoïaques, ce plugin permet de faire automatiquement une sauvegarde régulière de l’intégralité de la base de données, et de la recevoir par email.
WP-Cumulus
La majorité des plateformes de blogs permet d’ajouter des « tags » aux billets, ces fameux mots-clés permettant de les regrouper par centre d’intérêt. Le plugin WP-Cumulus permet d’afficher de manière élégante un nuage de tags dans la barre latérale, la technologie employée est bien entendu Flash.
WP-PageNavi
Par défaut les thèmes de WordPress se contentent de deux liens de navigation « Suivant » et « Précédent » en pied de page, ce qui ne donne pas assez de flexibilité. Le plugin WP-PageNavi permet d’ajouter une barre de navigation complète, l’installation nécessite toutefois l’édition de certains fichiers PHP ainsi qu’une bonne connaissance de CSS si l’on désire changer l’aspect.
WP-Polls
Un des systèmes de votes les plus répandus. Efficace et facilement intégrable directement dans les billets ainsi que dans la barre latérale.
Si tu étais une couleur...
Jeudi après-midi (35%, 9 Votes)
Non merci, je n'aime pas les asperges (38%, 10 Votes)
J'adore les photos de chatons (27%, 7 Votes)
Total des votants : 26
Loading ...
WP-Print
Ajoute un bouton aux billets permettant de facilement les imprimer, dans l’aperçu avant impression les liens sont par exemple indiqués comme des annotions. Pour positionner le bouton d’impression de manière précise il faut toutefois connaitre HTML, CSS et éventuellement PHP. Le cas échéant il sera bêtement affiché en bas de chaque billet, ce qui n’est pas si grave somme toute.
N’ayant à ce jour pas trouvé de plugin pour WordPress permettant l’ajout de vidéos sur mon blog selon mes besoins précis, je me suis lancé dans le codage d’un petit hack qui a finalement répondu à mes attentes. Pour suivre cette manipulation il suffit d’avoir une légère maitrise de PHP, du XHTML ainsi que savoir se servir d’un client FTP.
Je n’utilise pas d’espace de stockage public tels que Youtube ou Dailymotion pour mes vidéos, tout est enregistré sur mon serveur web. J’utilise depuis longtemps le lecteur vidéo JW Player de chez Longtail, il peut être téléchargé gratuitement pour une utilisation non commerciale. Il est écrit en Flash et reconnait la plupart des formats du web (flv, mp4, etc.).
Intégrer une vidéo dans un billet en utilisant ce lecteur est une sinécure, le code HTML est énorme et rébarbatif, d’où l’idée d’utiliser les shortcodes de WordPress pour simplifier à l’extrême. Au final, l’insertion d’une vidéo dans un article se résume ainsi en une simple ligne écrite directement dans le texte du billet.
Ce shortcode « flv » permet au moyen des attributs de spécifier la vidéo, l’image facultative qui sera utilisée en attendant la lecture, la largeur et la hauteur. Il est important de noter que toutes les vidéos et toutes les images d’attente sont stockées dans un répertoire particulier et envoyées sur le serveur au moyen d’un client FTP, donc pas de belle interface dans le tableau de bord, tout est fait à la main. Dans l’exemple qui suit, le répertoire contenant ces fichiers est le répertoire « /bin » .
La première étape consiste à récupérer le lecteur vidéo JW Player depuis le site de l’éditeur. Attention à bien décocher la case « Include Viral, a video sharing plugin » avant de cliquer sur « Download » , sinon tu vas te retrouver avec un lecteur contenant le plugin « Viral » qui est extrêmement lourd, il t’affichera une page très soulante après chaque lecture.
Une fois le téléchargement de l’archive terminé, tu la décompresses où bon te semble. Tu n’auras besoin que de deux fichiers, « swfobject.js » et « player.swf » , tu les envoies dans la racine de ton site web via ton client FTP favori. Si tu as le fichier « player-viral.swf » à la place c’est que tu as téléchargé le lecteur contenant le plugin « Viral » , tu viendras pas te plaindre.
La seconde étape est la mise en place du hack. Tu vas aller ouvrir le fichier « functions.php » qui se trouve dans le répertoire de ton thème WordPress. Normalement le chemin est « /wp-content/themes/ton_theme » . Tu y ajoute le code suivant, bien entendu entre les balises PHP.
// Shortcode FLV function // Author : http://www.memepasmal.ch function flv_func($atts){
// Répertoire des vidéos, change-le si tu veux $repmedia="/bin/";
// L'ID du DIV doit être unique $div="media".rand(0,999999);
// Extraction des attributs extract(shortcode_atts(array( 'file'=>'', 'image'=>'', 'width'=>'320', 'height'=>'240', ),$atts));
// Construction du code HTML $html=""; $html.="<div style='text-align:center;' id='".$div."'></div>\n"; $html.="<script type='text/javascript'>\n"; $html.=" var so = new SWFObject('/player.swf','single','".$atts["width"]."','".$atts["height"]."','0');\n"; $html.=" so.addParam('allowfullscreen','true');\n"; $html.=" so.addParam('allowscriptaccess','always');\n"; $html.=" so.addParam('wmode','opaque');\n"; $html.=" so.addParam('autostart','false');\n"; $html.=" so.addParam('controlbar','bottom');\n"; $html.=" so.addVariable('file','".$repmedia.$atts["file"]."');\n"; if($atts["image"]!=""){ $html.=" so.addVariable('image','".$repmedia.$atts["image"]."');\n"; } $html.=" so.write('".$div."');\n"; $html.="</script>\n";
return$html;
}
Cette fonction PHP sera utilisée par notre futur shortcode. Tu noteras la présence de la ligne permettant d’indiquer le répertoire des fichiers vidéos.
1
$repmedia="/bin/";
Tu peux modifier « /bin/ » avec le nom de ton répertoire qui contient tes médias. Attention à bien terminer par un slash.
Juste après l’accolade finale de cette fonction, toujours dans le fichier « functions.php » tu ajoutes la ligne suivante qui a pour but la création du shortcode « flv » .
1 2
// Ajout du shortcode
add_shortcode('flv','flv_func');
La dernière étape consiste à intégrer le code JavaScript qui permet au lecteur de fonctionner. Tu vas donc aller ouvrir le fichier « header.php » qui se trouve dans le répertoire de ton thème, et tu vas ajouter la ligne suivante à la suite des balises HTML. Attention à l’emplacement, normalement ce code devrait se trouver entre les balises « <head> » et « </head>.
Tu envoies les deux fichiers « functions.php » et « header.php » modifiés sur ton serveur et le tour est joué, tu peux maintenant utiliser le shortcode nommé « flv » pour intégrer facilement des vidéos dans tes billets.
Par exemple, pour jouer le fichier vidéo « mpm.flv » de 320 pixels par 240, avec comme image d’attente « mpm.jpg » .
L’attribut « image » est optionnel. Voici le code pour jouer ce même fichier vidéo, mais sans image d’attente.
1
[flv file="mpm.flv" width="320" height="240"]
Une petite astuce pour terminer, si malgré tous mes avertissements tu as téléchargé le lecteur incluant le plugin Viral et que tu as la flemme de télécharger une version sans cette lourdeur supplémentaire, il te suffit d’ajouter ces quelques lignes à la fonction PHP (au milieu de celles qui se ressemblent) pour désactiver cet horrible message de partage en fin de vidéo.
Imagine toi isolé dans un chalet de haute montagne, la nuit tombe et la neige empêche ta bagnole de repartir. Ton seul moyen d’accéder au monde extérieur est ton téléphone portable sous Android. Tu as peur, très peur. Mais ce ne sont ni les loups, ni le froid, ni l’horrible dahu sauvage qui rôde dehors qui te font peur.
Non, ce qui te fait peur c’est d’imaginer qu’un abruti soit potentiellement en train de poster des commentaires à la con sur ton blog WordPress, et que tu n’aies aucun moyen de contrer cette abomination. Tu passerais bien par le navigateur web intégré à ton téléphone mais ta simple page d’accueil mettrais plus d’une heure à charger, ce n’est donc pas une solution. Maudits soient les trolls qui polluent tes billets!
Heureusement, cette horrible situation ne sera bientôt plus qu’un vilain souvenir. Voici en effet l’ultime solution pour contrôler ton blog WordPress depuis Android.
La première opération à effectuer consiste à ouvrir le protocole XML-RPC sur ton blog WordPress afin de permettre la publication à distance, pour cela il te suffit d’aller sur ton tableau de bord, et dans l’onglet « Réglage » tu cliques sur « Écriture » .
Tu coches la petite case et tu valides. L’activation de ce protocole ouvre une porte supplémentaire vers l’administration de ton blog, d’où l’utilité d’un mot de passe d’administration compliqué, est-il besoin de le rappeler.
La suite des opérations s’effectuera sur ta bestiole mobile. Tu vas en premier lieu aller visiter l’Android Market et chercher une application qui se nomme « WordPress » .
Comme tu peux le constater, le nom est très recherché. Cette application est gratuite et même open source, si tu veux en savoir plus tu peux aller visiter le site officiel android.wordpress.org.
Bref. Tu installes le programme, puis tu glisses ensuite sensuellement l’icône sur un de tes bureaux.
Et tu lances l’application.
Au premier lancement il te faudra ajouter les informations de connexion à ton blog, le formulaire adéquat devrait s’ouvrir. Si ce n’est pas le cas, tu appuies sur la touche « Menu » de ton téléphone, puis tu choisis « Ajouter un compte » .
N’oublie pas d’appuyer sur « Enregistrer » à la fin. Tu noteras que tu peux gérer plusieurs blogs sous WordPress.
Dans le menu se trouve une autre option très intéressante, il s’agit de « Réglages de notification » qui te permet de programmer des notifications lorsque quelqu’un écrit un commentaire sur ton blog.
Tu indiques simplement l’intervalle de mise à jour.
En cas de nouveau commentaire, l’icône de WordPress apparait dans la barre de notifications, le déroulement n’affiche malheureusement pas beaucoup de détails.
En cliquant sur la notification tu arrives directement dans la liste des commentaires.
Mais revenons à l’accueil. Tu poses ton gros doigt sur le nom de ton blog pour accéder au contenu. Note que c’est ici que tu arriveras les prochaines fois que tu lanceras l’application
Te voilà avec un accès à la fameuse liste des commentaires. le chargement peut être long selon le nombre, et il est fréquent d’avoir un message indiquant que l’application ne répond plus, c’est normal, sois patient.
Un appui prolongé sur l’un d’entre-eux te permet d’avoir accès à certaines options essentielles.
Tu peux également consulter la liste des billets.
Et là même principe, un appui prolongé t’affiche un menu te permettant de voir ou modifier tes billets.
L’affichage d’un billet est très basique, le respect des positions n’est pas toujours respecté, c’est plus à titre informatif.
L’édition des billets est réservée aux urgences, taper un texte long ou du code HTML avec le clavier Android relève plus de la sinécure que d’autre chose.
Malgré la présence de boutons aidant à ajouter quelques balises standard.
Le bas de page permet de modifier quelques informations globales telles que les mots-clés, les catégories et l’état de publication. Le bouton « Ajouter » permet d’envoyer une image contenue dans la bibliothèque de ton téléphone, une fonctionnalité qui peut s’avérer utile pour les photoblogs amateurs.
L’application WordPress pour Android reste donc un moyen efficace pour lire et modérer les commentaires à distance, l’édition de billets étant un peu trop compliquée au vu de la taille du clavier, de l’écran et des différentes balises HTML qu’il faut insérer.
Maintenant que mon blog tourne sous WordPress il faut t’attendre à voir arriver une série d’articles parlant inévitablement d’extensions incontournables (les anglois disent plugin).
Pour commencer en beauté pourquoi ne pas lier l’utile à l’agréable. J’ai constaté récemment que près d’un tiers de mes visiteurs venaient de Russie, étant donné que les histoires suisses ne concernent surement pas nos lointains voisins soviétiques j’en ai brillamment déduit qu’il s’agissait là de robots spammers nuisibles.
Bloquer l’accès à ton blog pour tout un pays, voilà ce que je vais t’apprendre aujourd’hui. Si le concept peut paraitre xénophobe il n’en reste pas moins un excellent moyen de combattre certains désagréments et d’avoir au passage des statistiques de fréquentations plus proches de la réalité.
Tout d’abord il te faut installer l’extension iQ Block Countries, la démarche ne sera pas expliquée ici, assez de site t’apprendront comment faire.
Le problème est que cette extensions nécessite un fichier de géolocalisation contenant les données nécessaires à déterminer la provenance de tes visiteurs en fonction de leur adresse IP, et que l’installation automatique de ce fichier via l’interface de l’extension ne fonctionne pas à cause de restrictions légitimes sur les répertoires de ton site web.
Voici donc comment procéder à la main pour palier à ce désagrément.
Ensuite tu vas le décompresser, en utilisant par exemple 7-ZIP. Tu devrais au final avoir un fichier nommé « GeoIP.dat » sur ton disque dur.
Il te faut maintenant envoyer ce fichier « GeoIP.dat » dans le répertoire de l’extension « iQ Block Countries » sur ton site web, il y a de fortes chances pour que ce répertoire soit « wp-content\plugins\iq-block-country » . Pour envoyer le fichier de ton disque dur jusque sur ton site tu dois utiliser un client FTP, outil indispensable à tout webmaster, comme par exemple l’excellent FileZilla.
Une fois l’opération effectuée, tu peux aller gaiement dans l’administration de l’extension depuis ton tableau de bord WordPress. De là il te suffit de sélectionner les pays que tu désires bloquer dans la liste, pour en sélectionner plusieurs tu cliques simplement en maintenant la touche « Ctrl » enfoncée. N’oublie pas de valider à la fin en cliquant sur « Enregistrer les modifications » .
Tu peux aussi te la jouer revendication politique en bloquant par exemple les visiteurs de nations dont le dictateur a pété un câble en appelant au jihad contre ton pays. Tu vois, il y a plein d’applications utiles.
Tu l’auras remarqué, le blog a changé de tronche. Ce que ton œil de profane n’aura surement pas vu c’est que non content d’avoir retapé la façade j’ai également changé tout le moteur interne du site qui tourne ainsi maintenant sous WordPress.
Précisons que ce billet écrit dans d’horribles souffrances aux poignets t’es destiné juste pour attiser ta capacité à pardonner le fait que tout risque de merder ces prochains jours. Un peu d’indulgence donc, une fois la machine en route la croisière reprendra au rythme habituel.
Mais tu peux d’ici là me dire ce que tu en penses, ça permettra de tester les commentaires.
Abréviation bien connue de la communauté kikoolol qui peuple les forums de discussion et les mondes persistants, « OSEF » est l’abréviation de « on s’en fout » .
Aujourd’hui, le moteur de ce blog a été mis à jour vers b2evolution 3.3.1, formidable plateforme de bloguage, bien que beaucoup moins répandue que le monstre WordPress.
Toi qui visite ces pages tu ne vois aucune différence, mais sache que le geek qui se cache derrière ces pages a passé quelques heures stressantes pour garantir le succès de cette opération invisible.
Ouais je sais, encore une extension pour Firefox. Seulement cette fois j’ai passé des heures à adapter mon site, alors pas la peine de râler je ne changerai pas de sujet pour parler de dauphins ou autres animaux volants du même genre, tu vas devoir te coltiner toute l’explication.
Piclens est donc une extension pour Firefox qui permet de visualiser les images d’un site sous forme d’un gigantesque mur en 3D. Une fois installée, l’extension ajoute un icône à Firefox, un simple clic dessus bascule le mode d’affichage. L’icône reste gris si le site ne supporte pas Piclens, sinon il vire au bleu.
Même pas mal! version murale de la mort qui tue, sympa non?
Ensuite tu navigues à la souris le long du mur, et quand une image te plait tu cliques dessus pour la voir en grand.
Et la framboise sur le cake, si tu cliques sur la petite mappemonde bleue en dessous de l’image alors tu arrives sur l’article dont elle est originaire, c’est une manière très visuelle de surfer sur le ouebe tou poïnte ziro. A noter que de grands noms tels que Google ou Youtube ont leur système de recherche directement intégré, le résultat sous forme de mur ça a quand même meilleure gueule qu’une page blanche.
Par contre pour le blogger ou webmaster néophyte en informatique qui voudrait rendre son site compatible on est quand même proche de la gageure, un mode d’emploi basique est toutefois disponible sur piclens.com, une bonne connaissance de XML et PHP est nécessaire. Pour celles et ceux qui tourneraient comme moi sous b2evolution et qui seraient intéressés, mon code source est disponible sur le forum officiel de b2evolution. Pour les utilisateurs de vieux WordPress un plugin est disponible ici, il ne fonctionne malheureusement pas trop bien avec la dernière version 2.5.
extension, firefox, galerie, informatique, wordpressImprimer le billet14 commentaires