Archives de catégorie : Weblog

Adieu Google Analytics

Comme je le mentionnais récemment dans l’article sur les statistiques du blog, j’avais aussi activé Google Analytics en plus de l’extension « WordPress.com Stats ». En fait je m’en servais très peu, les données fournies par WordPress me suffisant amplement.

Après avoir lu pas mal d’articles concernant Facebook et son fameux bouton « J’aime » (voir Le bouton « J’aime » de Facebook), je me suis rendu compte que Google faisait grosso modo la même chose, c’est-à-dire le traçage, et toujours pour les mêmes raisons : la publicité ciblée.

Si Google Analytics est très complet et certainement utile pour un site professionnel souhaitant développer son audience (mais attention, cela devient vite complexe), ce n’est pas du tout mon cas. J’ai donc supprimé le petit bout de script, que j’avais mis moi-même, en toute innocence 😉 (et en même temps supprimé le site côté Google).

Le blog est ainsi plus respectueux de ses visiteurs…

Statistiques du blog – année 2010

nombre de visites C’est le moment de regarder les stats du blog, et de comparer avec les chiffres de l’année dernière, puisque cela fait maintenant plus de deux années complètes que les stats sont activées avec le plugin WordPress.com Stats.

Comme l’année dernière, les visites sont en hausse, et c’est principalement lié à l’accroissement du contenu. Par contre, j’ai publié moins d’articles (voir les chiffres dans la colonne de gauche) : soit 96 articles publiés en 2010.

Un premier plugin WP online counter, activé depuis le début du site ou presque (et affiché en bas de page), me donne un nombre total de visiteurs de 318 875 à ce jour, contre 184 000 il y a un an.

Continuer la lecture… Statistiques du blog – année 2010

La police Ubuntu

la nouvelle police Ubuntu Avec la dernière version d’Ubuntu est arrivée une nouvelle police, créée spécifiquement. Canonical en a payé le développement, et la police est livrée sous licence libre, permettant ainsi à tout le monde d’en profiter.

Puis Google et Ubuntu l’ont récemment rendu disponible pour le web, à travers le projet Google Font directory.

Et la voilà donc utilisée sur ce blog… 🙂

J’ai trouvé l’info sur le site de Nizarus, et la manip est très simple : il suffit de charger la police dans le fichier header.php du thème, puis de modifier le fichier style.css pour inclure la police Ubuntu dans les niveaux de titres que vous désirez.

header.php :

<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold' rel='stylesheet' type='text/css'>

style.css :

body { background: #F3F6ED; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: center; }
h1, h2, h3 { font-weight: bold; font-family: Ubuntu, Georgia, Helvetica, Arial, sans-serif; color: #665836; }

En ce qui me concerne, j’ai tout passé en Ubuntu. J’ai du également modifier la taille de 1.3em à 1.2em pour le style utilisé par les plugins wp-dtree30 et recent-comments pour garder la même proportion.

Mise à jour plugins

le nouveau wp dtree Ça faisait un bout de temps que j’avais divers problèmes avec le blog, depuis le passage en version 3.0.1 en fait (voir cet article).

Le plugin wp-dtree-30, qui sert à afficher les articles sous la forme d’un arbre dynamique, fonctionnait de manière aléatoire : les nouveaux articles n’apparaissaient pas immédiatement, mais quelques jours plus tard… enfin… s’ils le voulaient bien.

Et ce n’était pas le seul : wp-spamFree s’initialisait mal, et laissait passer des spams dans les commentaires de manière quasi quotidienne, m’obligeant à faire le ménage manuellement. Pour finir de dresser le tableau, j’avais aussi de nombreuses erreur 500 du serveur Free lors de la sauvegarde d’un article : même si l’article était bien sauvegardé, c’était plutôt ennuyeux.

Bref, il était temps de faire quelque chose. C’était certainement lié aux serveurs Free, offrant des ressources gratuites certes, mais limitées.

Continuer la lecture… Mise à jour plugins

Zenphoto 1.3.1.2

Mise à jour de l’album Zenphoto en version 1.3.1.2.

Cette fois tout se passe à peu près bien, en modifiant le fichier setup.php comme pour la version 1.2.8. Enfin, il a fallu modifier d’autres lignes, mais cela a été assez rapide. A toutes fins utiles, voilà le fichier que j’ai utilisé.

J’en ai profité pour utiliser et adapter la dernière version du thème Zenpage, un peu plus joli (contraste, dégradé) :

ancienne version nouvelle version

Et la navigation a maintenant de belles icônes :

navigation navigation

Mise à jour WordPress 3.0.1 difficile

wordpress Dimanche dernier, je me suis décidé à installer la dernière version de WordPress, la 3.0.1. Passage de version majeure, puisque l’on passe de la 2.x à la 3.x.

Côté nouveautés, on peut citer notamment la fusion avec WordPress MU (Multi-Utilisateurs) et donc la possibilité de gérer plusieurs sites avec une seule installation, une nouvelle gestion des menus (si le thème le supporte), l’amélioration de la taxonomie (classification plus fine) et enfin un nouveau thème par défaut exploitant toutes les nouvelles fonctionnalités.

Bref peu de choses qui m’intéressent vraiment, tant que je garde mon thème actuel… mais cela peut donner l’envie de partir d’un nouveau thème et de le personnaliser, probablement en utilisant les widgets, ce qui n’est pas le cas pour l’instant.

Toujours est-il que la migration s’est plutôt mal passée. La phase de mise à jour en elle-même s’est bien passée, deux clics une fois les fichiers copiés… la base de données est mise à jour… et hop, retour au blog, oui mais :

  • Tous les caractères accentués sont mal affichés (articles, titres, catégories, etc…)
  • Impossible d’afficher la page d’administration (page blanche)

Continuer la lecture… Mise à jour WordPress 3.0.1 difficile

Afficher les résultats de la recherche : the_excerpt()

le nouveau résultat Je n’étais pas vraiment satisfait de la manière dont les résultats d’un recherche sur le blog étaient rendus : tous les articles concernés étaient listés mais affichés en entier, ce qui pouvait nécessiter plusieurs pages selon le nombre d’articles correspondants, et n’était pas vraiment pratique.

En fait, WordPress met à notre disposition deux fonctions : the_content() ou the_excerpt().

La première affiche tout l’article sauf s’il y a un tag <!–more–> dans l’article, ce qui correspond au « Lire la suite », et qui permet de n’afficher par défaut que le début de l’article. Mais je ne l’utilise que pour les articles très longs.

La seconde ne va afficher que les 55 premiers caractères, sans images, et ajoute à la fin un […].

J’ai donc modifié le fichier search.php de mon thème, en remplaçant dans la boucle principale la fonction the_content() par the_excerpt().

Voilà, c’est aussi simple que cela.

La fonction the_excerpt() n’accepte pas de paramètres, on peut toutefois modifier le nombre de caractères renvoyés ainsi que le […] ajouté à la fin en déclarant de nouvelles fonctions dans le fichier functions.php du thème. Voir cette page pour le détail, en ce qui me concerne, j’ai laissé les valeurs par défaut.

Du style dans les commentaires

Voilà longtemps que je voulais améliorer la façon dont les commentaires sont affichés sur le blog. Je m’étais contenté de ce qui était fourni pour le thème utilisé, modifiant simplement la police, les couleurs… Bref, voilà ce que cela donnait :

les anciens commentaires

Après un peu de recherche sur le net pour voir ce qui se faisait, de modifications sur la feuille de style et le fichier comments.php (pour défnir les styles à utiliser et ajouter l’avatar), de retouche d’images avec Gimp, voilà ce que ça donne maintenant : c’est quand même plus joli, non ?

les nouveaux commentaires

Réalisation

CSS 2 - Pratique du design web Au départ, j’ai voulu copier-coller des styles tels que trouvés sur le web… Mauvaise méthode (de fainéant) qui n’a donné aucun résultat probant. Il faut partir du thème existant, identifier les styles utilisés, et les modifier tranquillement.

Pour ce faire, je me suis replongé dans le livre « CSS 2 – Pratique du Design web », que j’avais lu quand j’ai commencé à faire mon site. Un très bon livre pour s’initier et comprendre le CSS et les feuilles de style.

Le cadre des commentaires est réalisé avec deux images de fond : j’ai récupéré des images sur un site, puis avec Gimp, les ai ajusté à mes besoins : largeur, hauteur, couleur, fond transparent.
Puis il faut définir deux blocs, l’un servant à afficher l’image du haut et un second pour l’image du bas. Cette dernière doit être d’une hauteur suffisante pour couvrir un long commentaire, car elle glissera pour accompagner le bloc du texte (je l’ai mis à 1500 pixels, ça devrait aller !).

les deux blocs à définir

Dans le fichier comments.php de mon thème je vais ensuite modifier l’affichage des commentaires en appelant deux classes « top_comment » et « bloc_comment », le second étant imbriqué dans le premier) :

<div class="top_comment">
<div class="bloc_comment">

<?php comment_text() ?>

<?php if ($comment->comment_approved == '0') : ?>

Votre commentaire est en attente de modération.

<?php endif; ?> </div> </div>

Et voilà les deux classes définies dans le fichiers style.css :

.top_comment {
 padding-top: 55px;
 margin-top: 5px;
 background: url('images/top-comment.png') left top no-repeat;
 }

.bloc_comment {
 padding-bottom: 15px;
 padding-top: 10px;
 background: url('images/bloc_comment.png') left bottom no-repeat;
 }

Les valeurs de padding et de margin permettent d’ajuster l’affichage des images selon les besoins. Et voilà, le tour est joué !

Le retour de la bannière aléatoire

Suite des épisodes de la bannière aléatoire !

Résumé des épisodes précédents : grâce à zenphoto, je pouvais aller extraire un morceau d’image d’un des albums. La bannière du site changeait ainsi de manière aléatoire à chauqe chargement de la page, et le résultat était parfois surprenant. Hélas, depuis le début d’année, Free a augmenté sa sécurité, et la fonction php include() que j’utilisais est maintenant totalement interdite. Retour donc à une bannière fixe, malgré de nombreux essais de contournement.

Je me suis alors orienté vers une autre solution : puisque de mon blog WordPress en local (sur le pc) la fonction include fonctionne toujours, lorsque l’image générée me plait, je la sauvegarde dans un répertoire. Il suffit ensuite d’appeler une de ces images de manière aléatoire. Pour ce faire, après une petite recherche sur le web, j’ai trouvé le code suivant :

<?php
$curdir=getcwd(); chdir(get_template_directory() . "/images/headers");
$files=glob("*.{gif,png,jpg,gif}", GLOB_BRACE);
chdir($curdir);
$file=$files[array_rand($files)];
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/$file"); ?>" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" />

Je le teste en local, tout fonctionne à merveille. Mais voilà, nouveau problème avec Free : glob est également désactivé ! 🙁

Heureusement, mes fichiers portant tous le même nom suivi d’un chiffre (banniereX.jpg), j’ai pu simplifier le code en procédant de la sorte :

<?php
$rand =  rand(1, 50);
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/banniere$rand.jpg"); ?>" width="970" height="140" alt="<?php bloginfo('name'); ?> random header image" />

C’est beaucoup plus simple, mais m’oblige à gérer le nombre de fichiers présent manuellement : cinquante images pour l’instant si vous avez suivi… J’en ajouterai sûrement d’autres de temps en temps.

Et finalement, la solution m’a été donnée sur le forum phpfrance : plus de fonction glob, et plus besoin de gérer le nombre d’images :

<?php
$curdir=getcwd(); chdir(get_template_directory() . "/images/headers");
$dossier=getcwd();
$list = opendir($dossier);
$tabfile = array();
while ($fichier = readdir($list))
  {
  ($fichier != "." && $fichier != ".." && $fichier != ".htaccess")? $tabfile[] = $fichier : '' ;
  }
  closedir($list);
//mélange du tableau
  shuffle($tabfile);
// premier élément du tableau
$file = array_shift($tabfile);
chdir($curdir);
?>
<img src="<?php echo(get_bloginfo('template_url')."/images/headers/$file"); ?>" width="970" height="140" alt="morceau d'image..." title="morceau d'image..." />

Adieu Last.fm, bonjour Libre.fm

mon compte sur libre.fm Dans un article récent, je vous parlais du plugin Last.fm RPS qui n’affichait plus les pochettes, sans doute à cause de restrictions sur l’environnement de Free.

D’autre part, Last.fm, qui était totalement gratuit à l’époque où j’ai créé mon compte (en 2006), a modifié sa politique et a rendu l’écoute payante, 3 € par mois… Et comme souvent, les fondateurs avaient quitté l’entreprise, rachetée par le réseau audiovisuel américain CBS.  Il était donc grand temps de passer à l’alternative libre née à la suite de ce changement, j’ai nommé Libre.fm.

Audioscrobbler

De quoi s’agit-il au fait ? grâce à une techno appelée « audioscrobbler », et une fois le lecteur audio correctement configuré (ajout d’un plugin ou greffon), toute la musique que j’écoute est stockée sur le serveur Last.fm. A quoi cela sert-il ? à rien, c’est donc indispensable… Plus sérieusement, on peut ainsi faire partager ses goûts musicaux avec d’autres personnes.

Last.fm proposait un lecteur qui permettait de découvrir de nouveaux artistes, grâce aux informations récupérées sur ce principe auprès de milliers d’utilisateurs. On entrait un nom d’artiste qui nous plaisait, et le lecteur, comme une radio, passait des morceaux d’artistes qui pouvaient potentiellement vous plaire, puisque écoutés par des gens qui écoutaient aussi votre artiste préféré.

Le projet Libre.fm

Il s’agit donc d’un projet très récent, et encore à l’état de développement. L’auteur du projet, Matt Lee, explique dans un interview sur Framablog comment tout cela a démarré :

L’idée de créer Libre.fm m’est venue alors que je fermais mes comptes pour des services tels que Facebook, MySpace, LinkedIn, etc. Il m’est apparu que je pouvais mettre en place une solution de remplacement libre à Last.fm – un service que beaucoup de monde utilise.

Pour l’heure, Libre.fm espère fournir une solution de remplacement pour ceux qui souhaitent archiver leurs habitudes d’écoute, en implémentant l’API Audioscrobbler (qui semble être complètement ouverte) et des clients modifiés pour différentes plateformes.Le but à plus long terme est en lien direct avec mes autres centres d’intérêt, tels que la Free Culture, la promotion et l’enregistrement de musique d’artistes issus de la Free Culture. Sur Libre.fm, ce seront ces artistes qu’on pourra télécharger, mais des membres de la communauté s’emploieront à convaincre d’autres groupes de distribuer des morceaux sous une licence libre, telle que la licence Creative Commons By-Sa, de sorte qu’on puisse les proposer sur le site. La promo gratuite ne peut faire de mal à aucun groupe – nous ajouterons peut-être une boutique de musique en ligne où nous vendrons des téléchargements de musique libre. Les morceaux seront au format Ogg Vorbis.

Le Ogg Vorbis, ce n’est peut-être pas ce à quoi les gens s’attendront, vu que les services similaires penchent en général pour des formats du genre MP3, mais à mes yeux il s’agit d’un moyen formidable de promouvoir l’utilisation du Ogg Vorbis. Plus tard, nous intégrerons peut-être aussi des clips vidéo au format Theora.

On voit que l’esprit de la Culture Libre est très présent… Et un type qui ferme ses comptes sur Facebook, MySpace et compagnie est à priori quelqu’un de respectable ! 😉 Disons qu’il se sent concerné par la sécurisation des données privées, et le refus de laisser des sociétés à but commercial les utiliser et même se les approprier.

Migration vers Libre.fm

La création d’un compte est on ne peut plus simple. Ensuite il faut configurer son lecteur audio pour qu’il envoie les informations vers Libre.fm et non plus Last.fm. S’il existe déjà un plugin pour mon lecteur Rhythmbox, il est encore à l’état de développement (comme le reste du projet), et n’a pas fonctionné sur mon poste. Heureusement, il existe une solution : ajouter la ligne suivante au fichier /etc/hosts :

89.16.177.55     post.audioscrobbler.com

Reste à configurer le plugin Last.fm de Rhythmbox avec l’identifiant et le mot de passe que vous venez de créer sur Libre.fm, et le tour est joué.

Les choses étant bien faites, il est possible de migrer tout son historique Last.fm vers Libre.fm. Et donc tout ce que j’ai écouté sur le PC depuis 2006, soit plus de 18000 titres ! Pour cette migration, vous trouverez toutes les infos sur cette page (en anglais).

J’ai du m’y reprendre à trois fois pour que le script qui récupère tous les titres de last.fm arrive à son terme : les deux premières tentatives se sont terminées avec un message d’erreur http… mais j’écoutais de la musique (et donc je « scrobblais » vers Last.fm). Peut-être était-ce la raison, car la troisième fût la bonne. Sinon, la manip est on ne peut plus simple : lancement d’un premier script pour récupérer le contenu de Last.fm, un peu de nettoyage dans le fichier contenant votre historique (suppression des doublons), et exécution d’un autre script pour envoyer le contenu cette fois sur Libre.fm.

Le blog

ma musique sur libre.fm Pour l’instant, il n’existe pas de plugin WordPress qui permette d’afficher les derniers titres écoutés sur le blog. Cela viendra certainement un jour… En attendant, une simple image fera l’affaire, et en cliquant dessus, on accède à ma page sur Libre.fm, puis consulter mes stats…

Encore une fois, c’est assez basique pour l’instant. Mais au moins je suis sûr que mes données personnelles ne sont pas utilisées à des fins commerciales, et que ma vie privée est respectée. On peut déjà écouter des artistes du site Jamendo. Et le projet a reçu un excellent accueil sur le web… longue vie à lui !