10 thèmes Drupal gratuits pour un Web design moderne

Drupal est devenu l’un des prin­ci­paux systèmes de gestion de contenu dans le domaine du Web. Un des facteurs de ce succès est l’immense com­mu­nauté d’uti­li­sa­teurs qui a produit, en l’espace de quelques années, un nombre con­si­dé­rable d’ex­ten­sions pour ce CMS open source. Beaucoup de ces thèmes Drupal sont gratuits. Un thème (parfois appelé habillage) est un modèle de design qui vous permet d’habiller l’apparence de votre site en peu de temps. Pourtant, il est difficile de s’y retrouver face à cette vaste quantité d’ha­bil­lages. Voici une sélection de 10 thèmes Drupal gratuits qui pour­raient vous in­té­res­ser.

Con­trai­re­ment à beaucoup d’autres CMS (tels que TYPO3), les web­mas­ters qui ont peu d’ex­pé­rience auront du mal à s’adapter à Drupal. Une des raisons est liée la palette plus res­treinte de fonc­tion­na­li­tés. Dans les rangs des systèmes de gestion de contenu les plus connus, Drupal est gé­né­ra­le­ment comparé à Wordpress. Vous trouverez une com­pa­rai­son des deux systèmes dans l’article de notre Digital Guide IONOS. Bien sûr, il est possible d’appliquer le noyau du logiciel Drupal sur des sites Internet, des blogs ou des forums. Un des avantages du programme est son ex­ten­si­bi­lité : vous avez la pos­si­bi­lité d’adapter votre site via plusieurs modules destinés à diverses rubriques de sites Internet (« contenu », « e-commerce », sécurité » ou « media »). Ce CMS convient également aux sites et aux ap­pli­ca­tions Web complexes. Ces nom­breuses pos­si­bi­li­tés d’ex­ten­sions ne sont pas seulement permises par les modules, mais aussi par les thèmes que vous pouvez modifier et adapter à votre guise. Un thème de Drupal est constitué d’un template HTML et de diverses fonc­tion­na­li­tés (souvent basée sur CSS, PHP7 et Ja­vaS­cript). Ces modèles d’habillage sont nombreux, ils se prêtent à tous types de sites internet et beaucoup sont gratuits.

Pour trouver des modèles d’habillage pour votre projet Drupal, vous pouvez entrer les notions suivantes dans votre moteur de recherche : « thèmes gratuits Drupal » ou « free themes Drupal ». Autrement, faites une recherche sur le site officiel de Drupal en fonction des thèmes. Ce site dispose de plus de 2000 thèmes, ce qui peut paraitre déroutant de prime abord. La qualité de certains thèmes peut cependant laisser à désirer et leurs designs pourront vous paraître peu pro­fes­sion­nels. Notre liste de 10 thèmes gratuits de Drupal prend en compte divers champs d’ap­pli­ca­tion. Cette liste contient des modèles de mises en page (layout en anglais) aussi bien po­pu­laires que d’autres moins connus. Nous pouvons citer parmi eux des thèmes qui ne con­vien­nent qu’à certains types de sites Internet, tels que des boutiques en ligne ou des sites vitrines. Il convient de noter que chacun des thèmes présentés existe dans des versions plus ou moins récentes et leurs fonc­tion­na­li­tés diffèrent en ce sens. La plupart des modèles de mises en page présentés ci-dessous (les plus récents) con­vien­nent aux sites Web adap­ta­tifs (res­pon­sive).

Ce thème compte parmi les favoris et les plus utilisés. C’est un bon choix pour les amateurs. Zen présente un HTML5 sé­man­tique correct ainsi que de nom­breuses ca­rac­té­ris­tiques, un dé­ve­lop­pe­ment facilité en front-end soit via Gulp.js ou via les langages Sass et Drusch. Par ailleurs, ces thèmes sont bien notés par les moteurs de recherche et peuvent être modifiés sans problème  via un fichier séparé CSS/Sass. Par ailleurs, le code d’un thème pour CSS, PHP et Sass sont et ont très bien été do­cu­men­tés par la com­mu­nauté de Drupal.

Omega est également un thème classique de Drupal et devrait figurer dans toutes les listes des meil­leures in­ter­faces de mise en page. Omega vous permet d’in­di­vi­dua­li­ser votre Web design et de l’adapter à vos besoins spé­ci­fiques. La version 4 propose un accès complet au code de sorte qu’on puisse per­son­na­li­ser un thème sans l’interface de l’uti­li­sa­teur, du moins si l’on maîtrise les bases du dé­ve­lop­pe­ment. Omega écrase le CSS complet du noyau de Drupal et optimise certaines ca­rac­té­ris­tiques placées par le noyau. C’est grâce à celles-ci que la per­for­mance du CSS augmente. En outre, Sass, Drush et beaucoup de Polyfills sont pris en charge. Omega Kickstart propose une variante des thèmes spé­cia­li­sés dans les boutiques en ligne et dans le e-commerce en général. Il est adapté à la dis­tri­bu­tion de Drupal « Commerce Kickstart » et il est lé­gè­re­ment plus facile à prendre en main que le thème Omega.

L’uti­li­sa­tion d’Adap­ta­tive Theme ne requiert aucune con­nais­sance en pro­gram­ma­tion. Vous pourrez l’utiliser seul via l’interface d’uti­li­sa­teur. Le but est d’adapter non seulement le modèle de mise en page mais aussi celui d’un framework complet pour la création de vos propres thèmes (ou la copie d’un existant). C’est ainsi que des in­ter­faces uti­li­sa­teurs peuvent être produites pour certains  supports (or­di­na­teurs, tablettes, té­lé­phones…). L’Adap­ta­tive Theme est très per­for­mant. Il prend en charge beaucoup de plugins de modèles de mises en page, ainsi que des tech­niques de cache. Par ailleurs, il permet l’insertion de codes CSS faits sur mesure dans le front-end.

Le nom de ce logiciel est un acronyme pour « Make Your Own ». Pour cette raison, ne vous étonnez pas si votre thème est, avec MAYO, presque à 100% in­di­vi­dua­li­sable. Vous pourrez tout adapter dans le back-end même si vous avez peu d’ex­pé­rience avec HTML, CSS et PHP.  En dehors des mo­di­fi­ca­tions ha­bi­tuelles du modèle de mise en page telles que les couleurs, les polices de ca­rac­tères voire les styles de menus, MAYO propose bien d’autres pos­si­bi­li­tés gra­phiques. Il vous permet exemple de modifier les couleurs de presque tous les éléments du thème (en-tête, pied de page, barre latérale), de per­son­na­li­ser la barre d’en-tête (logo et barre de recherche) et de garnir vos propres il­lus­tra­tions avec des fi­li­granes nu­mé­riques. C’est pour cela que MAYO est assez facile à utiliser.

Le thème Nexus Theme  propose des modèles de design épuré et est fait pour les sites composés en majorité de photos (les blogs, les sites d’artistes ou de design de produits par exemple). Grâce aux barres latérales étroites (en-tête ou barre de na­vi­ga­tion), ce thème a des allures modernes et élégantes.

Ce thème de Drupal a été créé avec un framework de Bootstrap 3 et convient avant tout aux sites Internet axés sur le commerce. Bootstrap Business  utilise HTML 5 et CSS3 et contient 12 com­bi­nai­sons de couleurs pré­dé­fi­nis (chacune en deux variantes dif­fé­rentes).

Voici un autre thème pour les sites axés sur le commerce. Le design de Corporate Clean est ordonné et mi­ni­ma­liste.

Si vous souhaitez mettre les textes de votre site Internet en valeur, le thème Writer est fait pour vous. Il s’agit d’un design très mi­ni­ma­liste qui utilise la police de caractère Mer­ri­wea­ther pour les titres et le corps de texte ainsi que Lato pour l’en-tête et le bas de page.

Les modèles de design énumérés dans cet article ne sont qu’une infime partie du large spectre de thèmes gratuits existants pour Drupal. Il est évident que votre site Internet peut s’adapter à de nombreux thèmes. Parmi eux, vous trouverez toujours plus de thèmes de Drupal adap­ta­tifs (res­pon­sive). Etant donné que le CMS dispose d’une immense com­mu­nauté d’uti­li­sa­teurs, le nombre d’ha­bil­lages et de fra­me­works est toujours en constante aug­men­ta­tion. Et c’est tout à l’avantage des uti­li­sa­teurs.