Thème HTML 5 pour DokuWiki
Après le blog, c'est au tour du wiki de se mettre à jour. J'ai remis les mains dans le célèbre DokuWiki après tant d'années.
Nouveau thème
Evidemment, il a fallu que je crée un nouveau thème qui reprend le style des autres sections du site. Dokuwiki n'a pratiquement pas changé son système de template, donc aucun soucis.
Voici la source : http://resources.neolao.com/php/dokuwiki/templates
Un plugin de rendu HTML 5
La seule difficulté aura été de créer une extension pour afficher du HTML 5 à partir de la syntaxe wiki.
Finalement, c'était plus simple que prévu. J'ai étendu Doku_Renderer_xhtml afin de placer aux bons endroits les balises <section> et forcer tous les titres en <h1>.
Et voilà la source : http://resources.neolao.com/php/dokuwiki/plugin_html5
Conclusion
C'était plutôt rapide et sans problème particulier.
Mon seul regret aura été de mettre la table des matières du contenu dans le <aside> de la page. Je voulais évidemment la mettre dans le <article> correspondant au contenu, mais je ne voyais pas trop comment le caler facilement en dessous des sections de la sidebar.
Commentaires
1. Le vendredi, janvier 15 2010, 23:43 par Olivier G.
« forcer tous les titres en <h1> » : quoi ? Mais pourquoi donc ? Je doute que par exemple les aide techniques d'accessibilités (lecteurs d'écrans par exemple) s'y retrouvent, c'est un vraie fausse bonne idée, et il ne me semble pas que HTML5 prévoie d'abandonner h2-6…
(pourquoi il croit que 2-6 est un lien ??? C'est les crochets ?)
2. Le vendredi, janvier 15 2010, 23:44 par Olivier G.
« Mon seul regret aura été de mettre la table des matières du contenu dans le <aside> de la page. Je voulais évidemment la mettre dans le <article> correspondant au contenu » : ah oui, dans un <nav> dans <article>, ça a du sens, bonne idée.
3. Le samedi, janvier 16 2010, 00:04 par neolao
Bah, j'ai envie de dire que les lecteurs d'écran doivent s'adapter. C'est vrai que c'est pas super pour l'accessibilité.
Sinon, c'est pourtant ce qui est préconisé. J'ai trouvé un exemple qui montre un article avec ses 2 sections : http://dev.w3.org/html5/spec/Overvi...
4. Le samedi, janvier 16 2010, 08:55 par Olivier G.
Oui, en fait tu trouve tout et son contraire dans les specs, qui ne sont pas finalisées (loooooin de là) : http://dev.w3.org/html5/spec/Overvi...
5. Le samedi, janvier 16 2010, 10:38 par Ombre
Pour ce qui est des h1 en fait les deux méthodes sont possibles… ;-)
6. Le samedi, janvier 16 2010, 11:35 par Ombre
Je viens de regarder le code d'un post et ça ne me paraît pas tout à fait correct l'article complet devrait être dans un <article> et là avoir la cascade de <Hn> mais pas créer des sections à chaque sous-titres.
Voir l'article de Bruce Lawson :
http://www.brucelawson.co.uk/2009/r...
Ou le site mobile de Maître Eolas :
http://maitre-eolas.fr/m/
;-)
7. Le samedi, janvier 16 2010, 13:21 par neolao
Ouais, on peut faire les 2. Mais ça me parait parfaitement logique de créer des sections par sous titres.
Ca évolue, il n'y a pas si longtemps, les specs disaient qu'il ne fallait pas utiliser <aside> pour la sidebar, et maintenant, on peut.
La structure que j'affiche est la synthèse de ce que j'ai lu sur les sites et les documents officiels même s'ils ne sont pas terminés.
Evidemment, s'il y a un changement dans la doc, je devrais modifier en conséquence.
8. Le mardi, janvier 19 2010, 14:35 par Ombre
En effet : http://html5doctor.com/the-section-...
Mais ça fait drôle dans l'agrégateur... ;-)
9. Le mercredi, janvier 20 2010, 21:20 par gtraxx
Bonsoir, j'ai bien vos thèmes très chouette avec en plus un série de tutos très intéressant.
Je viens de tester le théme sous firefox 3.5 mais pas mal de bug d'affichage chez moi (je suis en local avec mamp sous mac osx)
Les bugs sont les suivants :
Gestionnaire de liens qui apparais en transparent.
Le contenu apparais en partie en dessous du dessin de header, bref deux trois trucs
Heureux de voir que dotclear 2 est également dans vos conceptions
10. Le mercredi, janvier 20 2010, 21:25 par gtraxx
Avant que je n'oublie comment avez vous fais pour avoir une police spéciale pour les h1 ? Est ce du javascript ou via CSS merci du renseignement.
Je me suis jamais vraiment posée la question :D
11. Le mardi, février 2 2010, 12:59 par Askia
Bonjour,
J'ai lu que vous avez commencé à vous intéresser au framework Symfony il y a quelques temps. Continuez-vous à travailler dessus ?
Je souhaite attirer votre attention sur une petite annonce qui pourrait intéresser vos lecteurs.
http://bit.ly/ak9cI2 Emploi développeur #PHP #Symfony ,qualités humaines,esprit d'initiative et individus passionnés recherchés
Merci ;)
12. Le mardi, février 2 2010, 13:47 par neolao
Ah, désolé, mais je suis beaucoup plus cher que ça :)
D'ailleurs, ça n'a rien à voir avec l'article, il serait plus adéquat de passer par email par exemple.