Mes nouvelles activités ne me laissent que peu de temps pour mettre à jour ce blog. En attendant une éventuelle reprise de mes divagations éditoriales, vous pouvez toujours parcourir les anciens articles. A+ et bonne lecture!
Inéation
100% Drupal : Actualité, Documentation, Formation, Module, Thème
Basic, le meilleur "starter" thème pour Drupal 6 ?
Pour bâtir votre propre thème vous avez trois possibilités:
- Adapter un thème Drupal existant
- Transformer un gabarit XHTML/CSS en un thème pour Drupal
- Partir de zéro et bâtir une structure XHTML et un style CSS adapté à chaque projet
Bien que a-priori astucieuse, la première méthode est souvent fastidieuse. Car, avant de styler le thème à son image, il va falloir passer des heures à le nettoyer en lui enlevant un balisage HTML qui n'a plus de sens, en annulant ses styles et en effaçant ses images superflues.
C'est pour cela qu'est apparue une nouvelle catégorie de thème : les "starter" thèmes.
Ne vous fiez pas à leur look, car s'ils sont horribles c'est qu'il vous veulent du bien!
Ce sont des thèmes ultra dépouillés mais dont la mise en page est parfaitement fonctionnelle : compatibles Drupal 6, valides selon les standards W3C et testés sur tous les navigateurs. Une fois maîtrisé, ces thèmes sont un formidable outil de productivité. Vous n'avez plus qu'à rajouter les styles et les images de votre nouveau design sans vous préoccuper des problématiques liées au layout.
Il existe un certain nombre de "starter" thèmes. Le plus connu c'est Zen, mais il en existe d'autres : par exemple, allez voir foundation ou ATCK. La tendance, actuelle c'est aussi d'utiliser des adaptations des CSS grid framework comme 960s, BluePrint ou Bluetrip, ils permettent de réaliser des mises en pages complexes (type magazine) facilement mais ça, cela fera l'objet d'un autre article. Non, aujourd'hui je veux vous parler d'un thème qui est parfaitement adapté pour des mises en pages sur 1, 2 ou 3 colonnes.
Jusqu'à maintenant j'avais un faible pour Zen car c'est un superbe "starter" thème codé dans les règles de l'art. Son principe : vous créez un sous-thème, vous ne rajoutez que le fichiers indispensables pour modifier le markup ou les styles et voilà, le reste est repris du thème principal Zen. L'avantage c'est que vous pouvez mettre à jour Zen en écrasant les anciens fichiers sans compromettre vos modifications. Le problème, c'est vous vous retrouvez avec deux thèmes dans votre répertoire: Zen et votre sous-thème. Autre souci, Zen inclue certaines fonctions complexes pour gérer les sous-thèmes .
D'après moi, cela complexifie sans raison le thème. En plus, avec le temps je me suis aperçu que je n'avais pas vraiment besoin de mettre le thème à jour (il est déjà stable). En plus, l'utilisation systématique de sous-thèmes, c'est plutôt lourd. Bref mon idéal, serait d'avoir un thème aussi bien conçu que zen mais que l'on puisse hacker directement pour obtenir le nouveau thème.
Et cet idéal... C'est Basic.
Basic c'est une version de Zen allégée de ces fonctionnalités de gestion des sous-thèmes. Comme Zen, sa mise en page utilise le principe du "Holy Grail" (le Saint Graal), une méthode quasi parfaite pour obtenir une mise en page sur trois colonnes. Markup minimal, CSS robuste et optimisé pour Google (contenu principal d'abord).
Il va vous falloir un peu de temps pour vous former et comprendre les principes de mise en page mais c'est un investissement. Si vous comprenez l'anglais, commencez par lire l'article fondateur de Matthew Levine sur le blog A List Apart. Après, vous allez pouvoir utiliser Basic systématiquement pour vos projets de sites en 1, 2 ou 3 colonnes et gagner un temps précieux pendant son développement.
Voila, à vous de jouer. Donnez moi vos impressions. Dites moi aussi comment vous vous procédez pour améliorer la productivité de votre travail de stylage.
Comme son nom l'indique, framework est un starter theme pour Drupal, v5 et v6. Le theme est stable, simple et permet de realiser des sites en 1, 2 ou 3 colonnes.
Comme toi je trouvais fastidieux le mecanisme de sous-themes de Zen, et framework est vraiment bien codé, et facilement hackable.
En tout cas, merci pour cet article, je ne connaissais pas Basic, et le coté SEO m'interesse. (Meme si framework est deja pas mal a ce niveau la)
Opi
Merci de faire ce point !
les starter themes permettent de se consacrer aux choses intéressantes, et de ne pas réinventer la roue à chaque fois. Tout à fait l'esprit modulaire de Drupal.
Bref, ne pas les utiliser, c'est probablement perdre du temps qui pourrait être consacré à des choses plus intéressantes que de gérer IE6 et Opera !! :-)
Attention tout de même, car en les modifiant, on peut bien sur retomber dans des erreurs classiques.
C'est moi qui te remercie, j'ai jamais regardé framework dans le détail, il utilise quoi comme principe de layout ?
on peut bien sur retomber dans des erreurs classiques
Ouaip, c'est sur que cela n'empêche pas d'apprendre HTML et CSS !!!
Merci de mettre ces frameworks en avant...
Ma principale difficulté en démarrant avec Drupal a été de trouver un thème sur lequel travailler (c'était avec Drupal 5). N'ayant pas trouvé mon bonheur, et rebuté par la lourdeur de Zen, j'avais finalement adapté le thème par défaut. Vu le temps passé à « nettoyer » le thème et l'adapter à ma structure html/css, ce n'était probablement pas la meilleure solution.
Par la suite, il m'était arrivé de créer mon layout à partir de zéro. C'est long, et pas très productif. Par contre, il est plus aisé de repérer et corriger les bugs de mise en page (vu que l'on connaît mieux la structure).
J'ai toujours été assez dubitatif vis à vis des starter themes de Drupal. Difficile de se faire à d'autres conventions de nommage (notamment au niveau des id et classes CSS) et d'organisation des fichiers. Et du coup, il faut parfois du temps pour s'y retrouver.
Je vais jeter un oeil à Basic et à framework, en espérant y trouver mon compte. ;)
Bonjour Alexandre,
tout d'abord merci pour la qualité, le professionnalisme et le suivi de tes articles, j'ai beaucoup découvert et progressé grâce à toi.
Dans le but de refondre un site avec l'esprit grille / magazine. Que me conseillerai tu ?
1. de partir d'un starter et d'y ajouter un framework de grid (si facilement possible)
2. ou de prendre un thème directement type BluePrint ou Bluetrip (et ou se situe ta préférence) ?
Je cherche aussi un bon module pour afficher un slider sur la front page reprenant une image adaptée des derniers articles publiés ou mis en avant. J'ai vu slider qui ne correspond pas tout a fait ou faut-il le concevoir directement avec jquery ...
merci d'avance.
Si tu penses qu'une grille est la bonne solution pour toi alors il te suffit de sélectionner un thème comme BluePrint ou Bluetrip. L'effort de transfert à Drupal a déjà été (bien) fait et ce sont de très bons frameworks. Alors pourquoi s'embêter...
Pour info tu peux aussi utiliser 960s, un thème Drupal qui utilise ce framework est dispo ici : http://groups.drupal.org/node/16457 .
très bon article Alex. En tant que themer pro, je confirme tes affirmations sur l'excellent thème Basic. Je préfère la version 1.2, histoire de construction des templates ... la holy graal est devenu un peu trop minimaliste à mon goût
++
Bonjour à tous et bravo Alex (on ne ce connait pas mais tan pis) pour cet article très intéressant. Les ressources françaises sur le theming pour Drupal sont encore un peu frileuses sur le web donc je ne peux qu’applaudir ton effort pour la communauté francophone. J’aimerai partager avec vous un article que j’ai trouvé génial et totalement dédié aux starters thèmes sur Drupal. C’est une reviews en fait qui compare les principaux starters thèmes avec leurs options et fonctionnalités pour drupal. Ca peut vous aider à trancher sur le choix de votre starters en fonction de votre cahierd es charges, besoins et contraintes. Ce panorama de ces thèmes est valable pour Drupal 6.x.
Notez que la reviews n’est pas exhausive et qu’il manque par exemple les starters thèmes suivants : Clean, Clean cleanstate, Simpla, Splender, Nista, Spooner qui sont également des bonnes bases de départ pour un site Drupal.
Le fameux lien est a cette adresse : http://drupalstaging.com/starter-themes/starter-theme-comparison.html<a/>
Ca peut toujours aider…
Oui, je connais cette liste mais effectivement elle n'est pas complète ou forcément à jour.
Ceci dit c'est un bon point de départ pour ceux qui veulent investiguer.
Merci à toi.
Merci beaucoup d'une façon générale pour le travail que tu réalises pour la communauté française de Drupal, et particulièrement pour la présentation de "Basic" qui se révèle être un thème vraiment adapté à mon apprentissage du theming Drupal ...
Merci, j'avoue que j'ai de plus en plus de mal à trouver le temps pour toutes mes activités Drupalesques... Qui se font en dehors du travail qui paye ma soupe quotidienne...
Alors les encouragements sont toujours les bienvenus !
Je viens de decouvrir ce blog, et je dois admettre que ca fait du bien de voir les grenouilles mettre les pattes a l'eau (drupal!).
Je remercie donc l'auteur de ce blog pour sa revue de Basic, theme que j'ai développé avec Steve K a RCS. Notre demarche etait la meme que tous les utilisateurs de Zen qui commencaient a le trouver trop lourd et trop compliqué, tout en adorant sa stabilitée et sa flexibilitée. Ramener Zen a une version plus 'Basic' n'a pas été facile, il a fallu faire des choix pas toujours evident, mais je pense que nous commencons a avoir un bon theme de depart. Nous somme a la version 2 maintenant, et nous commencons a ajouter quelques petits elements que meme Zen n'a pas ! La derniere version ajoute une classe relative au navigateur internet au body, ce qui facilite grandement le debuggage 'leger'.
ex: class="firefox3"
La prochaine version incluera le clearing du theme cache, et son activation/desactivation directement sur la page du theme.
Comme je suis francais, j'accepte aussi les demande d'aide en francais sur Drupal.org :)
Comme mentionné aussi sur ce post, Bluetrip est un autre de mes themes qui utilse le systeme de 'grilles'. A essayer imperativement !
Donc si vous aimez basic ou bluetrip, sachez qu'il y a du francais dessous, ce qui explique d'ailleur que l'illustration de Basic soit aux couleurs de la France ;) !
Je voulais juste préciser une chose sur le starter ZEN.
On n'est pas obligé de créer un sous-thème pour commencer, justement, les fichiers de configuration du thème sont conçu pour cela.
On peut partir sur la base de ZEN Thème, on choisissant un layout dans la page de configuration du thème (fixe ou fluide), activer ou désactiver la fonction qui supprime les données du cache (theme registry)...Etc
Ce que je dis n'engage que moi
Bonsoir,
Je débute dans l'univers CMS, et pour cela j'ai choisi Drupal ! Je comprend bien le fonctionnement de base de ce système, mais j'ai toujours un peu de mal à m'y habituer..
Le plus complexe pour moi est de pouvoir donner à mon site généré avec Drupal le design que je veux.. c'est pourquoi je me demande si commencer avec un "starter" serait une bonne idée ?
J'ai toujours concu mes propres sites avec Dreamweaver (maquette sous photoshop), est ce qu'il existe un prog similaire afin de faire que ma maquette photoshop se transforme en template ?
J'ai entendu parlé de PHPTemplate est-ce que ça pourrait le faire ? Je ne suis pas un codeur fou, j'ai donc souvent besoin d'avoir un visuel de la conception..
Je ne sais pas si qqn pourra me répondre... bonne soirée
Structurer ton site Drupal librement t'oblige à coder ton propre thème de A à Z, et crois moi, ce n'est pas du tout compliqué, il suffit juste d'avoir quelques bonnes connaissances en xHTML/CSS et aussi PHP.
ça fait quelques mois déjà que j'ai abandonné les Starters, et je me suis rendu compte que je perdais un temps fou en essayant de les personnaliser, alors que commencer avec une page blanche me fais gagner énormément de temps et de productivité.
Si tu as les connaissances suffisantes pour créer ton site de A a Z alors je ne comprends pas pourquoi tu perds du temps avec un starter !!!! Je débute en CSS/HTML et je trouve que BAsic est un excellent point de départ pour ce que j'ai à faire.