Je vous invite à donner votre opinion sur un éventuel coup de pinceau :

Take Our Poll

Le blog n’étant toujours pas monétisé, aucun budget ne peut être dégagé pour redonner un coup de jeune au blog. Je fais donc appel à vous, visiteurs. Si vous êtes intéressé pour relever le défi, si vous êtes intégrateur WordPress ou designer n’hésitez pas à vous manifester.

Aucune rémunération n’est prévue, en revanche vous pourrez présenter un projet ou votre entreprise si vous êtes auto-entrepreneur, employé ou patron dans un billet invité sur Blogmotion. Rien ne vous empêche de préciser dans votre CV que vous avez contribuer au blog, vous profiterez au passage de sa notoriété.

Note: si vous connaissez un bon plan pour avoir des thèmes WordPress de qualité (payants) à tarif intéressant, faites-le moi également savoir, merci !

Article original écrit par Mr Xhark publié sur Blogmotion le 31/12/2011 | 5 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

1 exemplaire à gagner en fin de billet !

L’ouvrage est complet, de l’installation au référencement et la monétisation en passant par la personnalisation et l’usage nomade.

Si comme moi vous avez du mal à suivre l’évolution de WordPress, et il faut dire qu’elle est soutenue, cet ouvrage vous permettra de vous mettre à jour facilement. Les nouveautés de la version 3 du CMS sont nombreuses et plus particulièrement celle des thèmes enfants, ils sont abordés dans le livre.

À qui s’adresse cet ouvrage ?

• À tous les blogueurs, du néophyte au plus chevronné
• Aux professionnels de la communication web et du e-marketing
• Aux administrateurs et intégrateurs de blogs ou sites WordPress
• Aux développeurs PHP chargés de créer des thèmes et extensions pour WordPress

Voici le sommaire :

1. Pourquoi choisir WordPress ?
2. Anatomie d’un blog
3. Créer son blog
4. Prendre en main l’espace d’administration
5. Bloguer en nomade
6. Modifier l’apparence d’un blog
7. Ajouter des fonctionnalités
8. Widgets et colonne latérale
9. Proposer des contenus multimédias
10. Visibilité et communauté
11. Gagner de l’argent
12. Spam et sécurité
13. Améliorer les performances
14. Développer sous WordPress
15. Lexique
16. Webographie

En bref, un excellent livre en plus du Codex.

Gagnez un exemplaire

Un exemplaire à gagner en vous inscrivant ici avant le 12/02/2011 23h59.

Bravo à la gagnante (50 participants) : MlleKaktus (#492)

Pensez à relayer sur Twitter pour augmenter vos chances (bouton en dessous du billet).

Des extraits du livre en PDF sont disponibles chez Eyrolles, il vous en coûtera 30,40 euros si vous l’achetez chez Eyrolles ou Amazon.

ps : il y aussi un exemplaire à gagner chez Geekeries

Merci à notre partenaire des Editions Eyrolles.

Article original écrit par Mr Xhark publié sur Blogmotion le 06/02/2011 | 6 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

30 millions d’utilisateurs sont concernés par cette migration qui durera 6 mois. A partir de Janvier 2011 Microsoft bloquera l’ajout de nouveaux messages sur WLSpaces. Un système de migration automatisé a été mis en place comme l’explique l’équipe de WordPress.com

« Nous sommes très heureux que Microsoft ait choisi WordPress.com comme leur service préféré de blogging, pour les nouveaux utilisateurs de Windows Live. C’est un signe clair de la force WordPress.com et le crédit en revient à chacun d’entre vous qui crée ici. »

Un nouveau billet pourra ainsi être signaler sur Windows Live, comme c’est déjà le cas pour Facebook et Twitter. Le logiciel d’édition de blog Windows Live Write proposera par défaut WordPress.

Voilà qui démontre une fois de plus que l’aspect communautaire d’un projet peut amener des applications propriétaires et fermées à disparaître. C’est tout à fait surprenant de la part de Microsoft, et nous ne pouvons que les féliciter d’avoir opté pour WordPress.

Article original écrit par Mr Xhark publié sur Blogmotion le 29/09/2010 | Un commentaire |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

Une fois ce moteur ajouté il est possible pour l’utilisateur de rechercher rapidement sur votre blog WordPress, c’est le cas sur Blogmotion vous pouvez essayer.

Voici comment intégrer facilement OpenSearch à votre blog WordPress.

Installation

OpenSearch fonctionne grâce à un fichier XML décrivant le moteur de recherche. Vous pouvez l’appeler comme vous le souhaitez *.xml (search.xml chez moi) mais il faut toutefois respecter le modèle de base pour le contenu.

Les éléments en rouge doivent être personnalisés et adaptés à votre blog (nom de domaine) :

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Blogmotion</ShortName>
<Description>Culture web et nouvelles technos</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">http://blogmotion.fr/favicon.ico</Image>
<Url type="text/html" method="get" template="http://blogmotion.fr/?s={searchTerms}">
</Url>
<Url type="application/x-suggestions+json" template="suggestionURL"/>
<moz:SearchForm>searchFormURL</moz:SearchForm>
</OpenSearchDescription>

Les spécifications sont à consulter ici.

Il ne vous reste plus qu’à insérer entre les balises <head></head> la ligne indiquant à Firefox que vous disposer d’un moteur OpenSearch. Sur WordPress ça se passe dans le fichier header.php de votre thème :

<link rel="search" type="application/opensearchdescription+xml" title="la recherche Blogmotion" href="http://blogmotion.fr/search.xml">

Conclusion

Cette solution est simple, efficace et basée sur un standard.

Et puis parce que tous les sites n’ont pas ce système de recherche, vous pouvez utiliser Add to Search Bar, une extension Firefox qui permet de recherche sur n’importer quel site (démo ici).

<link rel="search" type="application/opensearchdescription+xml" title="la recherche Blogmotion" href="http://blogmotion.fr/search.xml">

Article original écrit par Mr Xhark publié sur Blogmotion le 15/08/2010 | 15 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

La version finale de WordPress 3.0 « Thelonious » vient tout juste de sortir. Comme à chaque montée de version c’est la même corvée : migrer. D’autant qu’il s’agit là d’un changement majeur puisque WordPress passe de la version 2 à 3.

Voici comment migrer rapidement un blog vers WordPress 3.0 à partir de WordPress 2.9.x.

Avant tout, sauvegardez

L’étape première avant chaque mise à jour est de réaliser une sauvegarde complète de votre blog. Sauvegardez :

1. la base de données (tables concernant WordPress)
2. les données : tous les fichiers et répertoires (faites une archive 7z, zip ou rar)

Ces fichiers vous permettront de revenir en arrière en cas d’échec ou d’erreur fatale.

Avant tout, je vous recommande de tester cette mise à jour sur un serveur de test, de développement ou localement (XAMPP est multi-plateforme). En effet, thèmes et plugins risquent de ne pas être compatibles à 100% avec cette nouvelle mouture. Ne migrer pas directement WordPress sur un serveur en production sans être certain du résultat.

Il est également conseillé d’attendre quelques semaines avant de migrer afin que les bugs et problèmes remontent sur le web grâce à la communauté.

Migrer manuellement

Après avoir sauvegarder le blog, passons à la migration manuelle si la migration automatique ne vous convient pas ou ne fonctionne pas correctement.

1. Supprimer les répertoires /wp-admin wp-includes
2. Télécharger la version 3.0 FR de WordPress puis extraire le contenu à la racine de votre blog (Windows va fusionner les dossiers existants, vous pouvez valider sans crainte les avertissements de remplacement).
3. Accéder à l’interface admin du blog : http://votreblog.tld/wp-admin puis cliquer sur le bouton de mise à jour de la BDD :
   
4. Patientez quelques instants, et c’est terminé :
   

Vous pouvez maintenant profiter des nouveautés de WordPress 3.0. Merci à toute la communauté pour le travail fourni, une fois de plus !

Article original écrit par Mr Xhark publié sur Blogmotion le 18/06/2010 | 20 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

Avec un guide de désinstallation dans ce billet.

Plusieurs raisons :

1. Je ne suis jamais parvenu à séparer les commentaires des tweets, malgré l’option validée en ce sens (problème dans mon thème ?), sature l’espace visuel
2. Rends les vrais commentaires moins lisibles, surtout dans le cas de discussions (tweets intercalé entre les réponses)
3. Cela n’apporte peu sinon rien aux lecteurs (l’auteur a d’autres moyens de connaître ces chiffres)
4. Léger ralentissement du blog
5. Fausse le nombre de commentaires (d’un quart chez moi)
6. Charge la base de données (un tweet = un commentaire à stocker)
7. Parce que vous êtes nombreux à me l’avoir demandé

Par curiosité je suis preneur de la solution à ma question 1) mais je ne pense pas revenir en arrière de si tôt!

Comment le désinstaller

N’ayant pas trouver de procédure de désinstallation fournie par l’extension, voici comment j’ai procédé dans les options de BackType Connect :

1. Désactiver toutes les sources :
   
2. Désactiver Backtype (tout en haut bouton bleu « Disable »)
   
3. Désactiver l’extension dans WordPress
4. Enfin, reste à supprimer tous les tweets (vu comme des commentaires). Pour ça, rien de mieux qu’une rocket requête SQL maison :

   DELETE FROM `wp_comments` WHERE `comment_agent` LIKE '%btc%'

   

5. Respirez !

Conclusion

C’est regrettable qu’il n’y ait pas de script de désinstallation (ou alors je l’ai loupé ?). Mais au final on s’en sort.

Et vous en tant que lecteurs vous trouviez des avantages au système ?

Article original écrit par Mr Xhark publié sur Blogmotion le 15/05/2010 | 10 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

Afficher le compteur d’abonnés à votre flux RSS (feedcount) sur votre blog peut être favorable à une croissance du nombre d’abonnés. Je vous déconseille toutefois d’afficher votre compteur en dessous d’un minimum (100) car cela risque d’avoir l’effet l’inverse.

FeedBurner propose un compteur paramétrable au niveau des couleurs du fond, du texte et du choix du texte (rarement utilisé). Mais il faut bien dire que ce compteur est absolument moche et ne s’intègre que très mal dans un design… il fait très vite tâche, à tel point qu’il ne vaut finalement mieux pas l’afficher. Suite à plusieurs demandes de lecteurs de Blogmotion, voici comment récupérer une valeur brute du nombre d’abonnés.

Le fait de récupérer le compteur en variable va nous permettre de l’intégrer à un design, un bouton ou tout autre élément graphique (vous pourrez ensuite utiliser la librairie PHP GD2 par exemple). Avant tout vous devez avoir migré l’URL de votre flux RSS, suite au rachat du service par Google, si ce n’est pas le cas faites-le.

Nous allons implémenter une fonction de récupération de vos abonnés en PHP. Editez le fichier :

/wp-content/votre_theme/functions.php

Pour éviter de solliciter FeedBurner à chaque visite (ce qui ralentirait trop le blog) j’ai implémenté un système de cache. A l’époque où je n’utilisais pas WP-Super-Cache ce système de cache était indispensable… maintenant il ajoute une couche supplémentaire de cache (pas forcément utile).

A l’endroit ou vous souhaitez insérer le compte d’abonnés il suffira d’utiliser notre nouvelle fonction (header.php chez moi) :

<?php if (function_exists('nbAboFeed')) echo nbAboFeed(); ?> abonnés

Passons maintenant au coeur du code PHP avec la fonction nbAboFeed :

function nbAboFeed($feedUri = 'login_feedburner', $feedFile = 'nbfeed.txt') {
 # Licence : Creative Commons
 # Author : Xhark, http://blogmotion.fr
 # en secondes
 $duree_cache = 3600;

 //si le fichier n'existe pas dans le cache (ou trop vieux)
 if (@filemtime($feedFile) < time()-($duree_cache) ) {

 $ch = curl_init();
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
 curl_setopt($ch, CURLOPT_URL, 'https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=' . $feedUri);
 curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);  // necessaire pour windows
 curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);      // necessaire pour windows
 $data = curl_exec($ch);
 curl_close($ch);

 $xml = new SimpleXMLElement($data);
 $nbAbo = (int) $xml->feed->entry['circulation'];

 # nbAbo correctement récupéré, écriture dans cache
 if ( $nbAbo > 0 )
 writeFeedFile($feedFile, $nbAbo);
 # si feedburner indisponible
 else
 # si fichier cache existe, renvoit de la valeur
 if(file_exists($feedFile)) return file_get_contents($feedFile);
 # si fichier cache jamais crée et feedburner indispo, msg erreur
 else return 'Erreur, feedburner indispo';
 }

 # déjà dans le cache
 else
 $nbAbo = file_get_contents($feedFile);

 return $nbAbo;
}

function writeFeedFile($feedFile, $nbAbo) {
 $ret = file_put_contents($feedFile, $nbAbo);
 if (!$ret)
 echo 'Erreur ecriture feed';
 return;
}

J’ai jugé bon de séparer la fonction d’écriture du cache, c’est pour cette raison qu’elle n’est pas intégrée à la fonction nbAboFeed. Ce code est fonctionnel mais pas forcément optimisé. Vos propositions d’améliorations sont les bienvenues puisque, comme tout le contenu du blog, ce code source est sous licence Creative Commons.

Le cache est positionné par défaut à 3600 secondes (1 heure), ce qui est amplement suffisant pour suivre l’évolution des abonnés. Évitez toutefois de définir un temps de cache trop élevé, sinon vos visiteurs auront l’impression que votre nombre d’abonnés stagne.

Documentation Awareness API

Article original écrit par Mr Xhark publié sur Blogmotion le 02/05/2010 | 19 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

Une page comportant un nombre important d’image est longue à charger et c’est d’autant plus vraie sur les configurations légères (ultra-portable et mobiles). La raison est simple : toutes les images sont chargées d’un coup d’un seul.

La solution : le lazy load

Lazy signifie paresseux (ça y est vous comprenez l’image d’illustration:) ).

Le principe est simple et efficace : les images sont chargées au scroll, c’est à dire que toutes les images que vous ne voyez pas ne sont pas chargées. Cela soulage à la fois votre serveur mais également le pauvre navigateur des visiteurs.

Si vous avez du mal à comprendre, voyez par vous même cet exemple chez Designrfix en descendant rapidement en milieu de page.

LazyLoad est un plugin jQuery capable de réaliser ce retardement de chargement. Vous pouvez l’intégrer très facilement dans un n’importe quel site, voir la documentation à ce sujet.

Si vous utilisez WordPress, il existe l’équivalent en plugin : jQuery Image Lazy Load WP crée par AYN. Il vous suffit de l’activer pour qu’il s’occupe de retarder le chargement de vos images.

Conclusion

Cette astuce permet de réduire drastiquement la bande passante consommée dans le cas où de nombreuses images sont présentes dans vos billets, qui plus est si votre taux de rebond est important (les images ne seront pas chargées pour rien).

Rien ne vous empêche cependant d’utilisation en parallèle un frontal de cache tel que nginx, lighttpd ou varnish qui soulagera votre serveur Apache et l’interpréteur PHP (je vous en reparlerai).

Crédit photo CC

Article original écrit par Mr Xhark publié sur Blogmotion le 17/04/2010 | 20 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

J’ai enfin trouvé un peu de temps pour me pencher sur cette question, et cela fonctionne ! C’est plutôt pratique pour ceux qui souhaitent parcourir les différents billets en remontant dans le temps, rapidement ou page par page. En bas de chaque page vous retrouverez un accès direct aux autres pages.

Je vous rappelle également qu’il vous est possible de visualiser les 60 derniers billets ou même de découvrir un billet au hasard pour tuer le temps.

Parmi les prochaines modifications du thème : footer, gestion des bugs de débordement des commentaires, réorganisation sidebar.

Article original écrit par Mr Xhark publié sur Blogmotion le 08/04/2010 | Aucun commentaire |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

Bien que WordPress soit un outil de blogging exceptionnel pour de nombreuses raisons, je trouve que l’interface d’administration n’est pas des meilleure, qui plus est lorsque vous utilisez de nombreuses extensions.

Ozh’Admin Drop Down Menu permet de retirer le menu situé à gauche en l’incorporant horizontalement. On gagne nettement en visibilité et en espace lors de la rédaction d’un billet.

Les menu drop down rendent accessibles de nombreuses options et plus particulièrement celles du menu Réglages :

Ozh’Admin Drop Down Menu dispose d’un panneau de configuration permettant de choisir la taille des icônes, les couleurs et l’organisation du menu :

L’extension n’étant active uniquement dans l’administration du blog, elle ralentira pas l’affichage de celui-ci.

Personnellement je l’ai adoptée et j’en suis très content.

Télécharger Ozh’Admin Drop Down Menu

Article original écrit par Mr Xhark publié sur Blogmotion le 17/03/2010 | 6 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons