Mot-clé - dotclear

Fil des billets - Fil des commentaires

Polyvalence 1.3

Une nouvelle version du thème avec les améliorations suivantes :

  • Présentation de code avec lignes bleues alternées de blanc, ces lignes sont proportionnelles à la taille du caractère et à l’interlignage. Merci Lea Verou et les gars de l’équipe. Les vieux navigateurs afficheront un fond bleu.
  • Espace avant les liens « réseaux sociaux » corrigé.
  • Les liens « sociaux » fonctionnent maintenant avec des fenêtres popup, comme les boutons officiels mais sans tracking (via une idée de Korben légèrement modifiée, merci Kozlika).
  • Prise en compte du plugin shortURL de Julien pour les liens vers les réseaux sociaux.
  • Code PHP plus conforme aux versions récentes de Dotclear (merci Nikrou).
  • Cette version utilise la balise tpl:else, introduite, si je me souviens bien, à partir de la version 2.4 de DC, je ne sais pas ce que peut donner ce thème sur des versions antérieures.

Cette version devrait être la dernière, éventuellement des petites retouches ici et là si il y a des problèmes.

Le thème est disponible en pièce-jointe à ce billet pour les impatients et le sera bientôt sur dotaddict.org. :-)

Version 1.3.1

  • Textes plus explicites dans l’administration.
  • Les listes de premier niveau n’ont pas de padding à gauche en version mobile.
  • Correction html sur le lien Google+.

Version 1.3.2

  • Pour les navigateurs les plus avancés [1], ajouts des logos sur les « liens sociaux », les autres afficheront les liens comme avant.
  • Style pour <pre> dans les commentaires
  • Intégration des gabarits du plugin eventHandler (attention pour que ça fonctionne, faut bricoler un peu le plugin).
  • Encodage des titres dans les URLs twitter pour éviter les problèmes avec des titres comportant des caractères réservés (esperluettes, etc).

Version 1.3.3

  • Gère les galeries Twitter (sur les pages galeries du plugin Gallery).
    • 1.3.3.1 meilleure résolution des photos pour Twitter et OGP (en fait format original).
    • 1.3.3.2 pareil pour les billets-images.
    • 1.3.3.3 optimisation css & Modernizr.
  • Corrige un petit bug dans ces mêmes pages.
  • Mise à jour de jQuery & Modernizr.

Note

[1] qui supportent la pseudo-class CSS :not() et le svg

Polyvalence 1.2

J’ai préféré créer un nouveau billet car il y a pas mal de nouveautés dans cette version (voir la page de configuration du thème) :

Intégration des réseaux sociaux Facebook, Twitter et Google+

  • Au premier niveau : ajout des metadonnées dans les pages de type « Billet » (pages, static, galeries, image, etc). Ces métas fournissent des renseignements comme la catégorie, les mots-clés, la première image, etc.
  • Au 2e niveau : insertion de liens en dessous des billets pour faciliter le partage.
  • Au 3e niveau : boutons officiels. Attention, l’ajout de ces boutons provoquent le téléchargement de scripts supplémentaires. Ces script sont téléchargés de manière asynchrone de façon à ce que la page soit complètement visualisable avant la fin du chargement. Si votre public utilise plutôt le réseau 3G ou Edge, il est peut-être préférable de garder cette option désactivée.

Avertissements :

  • Google+ et Twitter n’aiment pas xhtml5, ne cochez pas cette case si vous intégrez les metas et/ou les boutons.
  • J’utilise une méthode un peu spéciale pour intégrer le bouton officiel Facebook : je crée l’iframe via script, la méthode préconisée (je ne sais pas pourquoi, si quelqu’un a une idée) n’ayant jamais marché. Cette méthode est aussi asynchrone.
  • Google ne supporte plus IE6 et donc il n’y a pas de bouton officiel, il y aura le lien à la place.
  • Si vous avez un plugin qui gère les réseaux sociaux, ne cochez pas ces cases : il risque d’y avoir des conflits.

Intégration de schema.org en RDFa

C’est quoi ça le RDFa et c’est quoi schema.org ? Le RDFa permet d’insérer des métadonnées dans le code html suivant un vocabulaire précis. Celui de schema.org permet de définir votre site comme un blog, comportant des billets, des galeries d’images, des photographies, etc. À l’intérieur des pages on définit le titre du billet, sa catégorie, les mots-clés, les commentaires…

Dans le futur, les moteurs de recherche présenteront vos billets avec beaucoup plus d’informations, pour l’instant ils se focalisent plutôt sur tout ce qui est commercial, événements… Ça viendra, faut leur laisser le temps. ;)

Le DC.core

Certains regrettaient que les métas du Dublin Core étaient invalides en html5. Elles sont maintenant traduites en version RDFa et ne font plus couiner le validateur.

Logos en SVG

Les petits logos « commentaires », « pings », « fichiers attachés », etc, sont maintenant en SVG sur les navigateurs récents. Avantage : ils sont vectoriels donc indépendants de la résolution de votre appareil, vous pouvez zoomer très fort dessus sans voir de pixels, pratique quand on a un écran haute définition (retina, hidpi). Un fallback bitmap est prévu pour les ancêtres.

Diverses petites corrections

  1. Les attributs webkit sur le champs de recherche ont été enlevés car toujours pas dans la spec.
  2. Résolution d’un bug sur tablette, lors du changement d’orientation.
  3. Prise en compte d’une particularité de IE10 au niveau du viewport.

Ouais, la 1.2 c’est bien mais quand sort-elle la 1.3 ?

Ceci est la version définitive du thème, la 1.3 sera juste une version avec des correctifs suivant les retours des utilisateurs (ou des copains de Dotclear). ;-)

En effet, comme je ne suis pas informaticien, il me faut un temps fou pour faire fonctionner des choses assez basiques et ça me bouffe pas mal de mon temps. Notez que je ne le regrette pas, j’ai appris énormément sur plein de techniques : html5, css3, javascript (m’a bien fait suer le bouton Facebook), le RDFa (un autre gros morceau) et ça c’est génial.

Et je ne parle pas de la configuration du .htaccess pour optimiser mon site. :-)

J’ai toujours l’intention de continuer à créer des thèmes en html5, l’avantage c’est que maintenant les gabarits sont faits et donc je ne devrai pas réinventer la roue à chaque fois.

Le thème se trouve en pièce-jointe à ce billet, je vais l’envoyer pour dépôt sur dotaddict.org le plus tôt possible ainsi il vous sera proposé une mise à jour si vous avez le plugin daInstaller.

P.S. : ce site repasse en html5 au lieu de xhtml5…

Message de service

J'ai fait des petites erreurs lors du passage de ce blog à la version RC 2.1 :

  • J'ai oublié de recopier le contenu du répertoire média dans la nouvelle installation ;
  • j'ai copié les plugins de l'ancienne installation au mauvais endroit.

Conséquences (jusqu'à ce soir) :

  • plus de galeries photos (de toutes façons il n'y avait pas grand chose dedans) ;
  • des photos dans les billets ont disparu ;
  • plus de sitemap.xml (pour les robots).

À ce soir pour un blog en ordre... ;-)

19 h 51 : tout est en ordre…

Des petites choses en vrac

Le changement de crémerie : suite et fin

La solution pour refaire marcher les commentaires (et le reste) :

  • exporter le blog dans un fichier texte via les outils de maintenance?;
  • quitter l’interface d’administration?;
  • renommer par ftp le dossier dotclear2 en dotclear2old?;
  • installer la dernière version selon la méthode normale?;
  • copier la galerie photo dans le nouveau dossier créé?;
  • réinstaller les plugins?;
  • .htaccess est bon pas besoin d’y toucher?;
  • c’est tout?! :) Ouf?!

Conclusion : préférer une installation manuelle à une automatique.

On change de crémerie

Et voilà, je suis passé sur Dotclear 2.0 beta 7. Oui, une beta, mais qui fonctionne parfaitement… Grâce p4bl0, j’ai enfin pu réussir l’installation du programme. ;)

L’installation de base

En effet, OVH, mon hébergeur, met à la disposition de ses membres une série de modules accessible via l’interface d’administration dont DC2. il a juste fallu lancer l’installation de ce module pour me retrouver avec un DC tout beau tout neuf dans un dossier dotclear2 à la racine du serveur. J’ai donc copié le fichier index.php à la racine et ai modifié cette ligne en ajoutant le nom du dossier de DC2 :

require dirname(__FILE__).'/dotclear2/inc/public/prepend.php';

Et j’ai ajouté un fichier .htaccess (dc2 est configuré à la racine et les urls sont en path_info) pour enlever cet horrible index.php des url :

SetEnv PHP_VER 5

Options -MultiViews -Indexes

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.php?$1

Redirection des URLS

Voici la partie complète des redirections :

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.php?$1

Redirect permanent /dotclear/rss.php http://www.lombre.net/feed/rss2
Redirect permanent /dotclear/atom.php http://www.lombre.net/feed/atom
Redirect permanent /carnet/auteur http://www.lombre.net/static/Auteur
Redirect permanent /carnet/archives http://www.lombre.net/archive
Redirect permanent /carnet/ma-liste-de-liens http://www.lombre.net/blogroll
Redirect permanent /carnet/gallery/villes/paris-2003 http://www.lombre.net/gallery/2003/06/07/Paris-2003

RedirectMatch 301 /carnet/([A-Z].*)$ /category/$1
RedirectMatch 301 /carnet/200([5-7])/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /post/200$1/$2
RedirectMatch 301 /carnet/200([5-7])/([0-9]{2}/[0-9]{2})$ /archive/200$1/$2
RedirectMatch 301 /carnet/200([5-7])/([0-9]{2})$ /archive/200$1/$2

Vous vous demandez peut-être ce qu’est ce /carnet/ au début des anciennes urls… Et bien en fait dans mon ancien dotclear (1.2.6), j’avais renommé l’index.php en carnet.php et comme le MultiViews était actif je pouvais donner comme fichier de départ dans les préférences /carnet/.

Et ça marche… Il ne me reste qu’à refaire le design … ;)

Voilà. Content. :)

Édition du 25/07/2007 : j’ai du passer le blog en query_string, le path_info provoquait des erreurs 404 (pages introuvables) sur les pages annexes, les flux, etc. Maintenant tout fonctionne, ou presque : les commentaires ne fonctionnent plus. Je verrai ça ce soir : je vais peut-être tout effacer (en ayant sauvegardé le contenu) et réinstaller. Le code du fichier .htaccess est adapté. Je précise que Dotclear2 n’y est pour rien.