Cinq secondes – c'est le temps, selon les recherches, que nous avons pour intéresser l'utilisateur avec notre site web et le faire rester avec nous plus longtemps. Même si nous affirmons que le bon contenu est la chose la plus importante, ce type de données montre que l'apparence et la présentation globale de la page jouent un rôle tout aussi important, voire plus. Dans cet article, nous vous montrerons quels thèmes gratuits valent la peine d'être choisis pour rendre votre site Drupal attrayant.
Thèmes Drupal – informations générales
Les développeurs Drupal sont certainement conscients du rôle de l'apparence, car ils nous fournissent des outils pour créer des designs de sites web complexes et modernes, et surtout – la capacité de les partager avec d'autres. Quels sont ces thèmes ? En termes simples, un thème est responsable de l'apparence de notre page, utilisant HTML, CSS, JS, et bien plus encore.
Ce qui distingue Drupal des autres frameworks est le fait que nous avons un thème par défaut disponible dès le départ et travailler sur le nôtre consiste en grande partie à réécrire les éléments existants. Créer votre propre thème ? Oui, en tant que programmeurs, nous sommes libres de créer nos propres thèmes et même de les partager avec d'autres (que ce soit gratuitement ou moyennant des frais). En suivant la structure appropriée des fichiers et des répertoires, avec l'utilisation des thèmes, nous sommes capables de :
- changer la mise en page, la typographie et les couleurs sur une ou plusieurs pages,
- reconstruire la structure HTML de littéralement tout,
- enrichir la page avec des scripts JS, améliorant l'expérience utilisateur.
Ça a l'air cool, non ? La seule question est quoi faire quand on manque de connaissances techniques ? C'est là que le partage de thèmes mentionné précédemment intervient. Les thèmes fonctionnent en grande partie de façon similaire aux modules Drupal, donc en ayant un lien vers l'un d'eux ou une archive, nous pouvons installer et définir notre thème par défaut depuis le niveau de l'interface utilisateur.
Thèmes gratuits ou payants ?
Nous pouvons trouver des thèmes créés dans le cadre d'un hobby, ainsi que ceux derrière lesquels se trouvent de grandes entreprises expérimentées. Les thèmes peuvent être divisés en deux grandes catégories : gratuits et premiums (payants). Quelle est la différence entre eux ? Cela dépend principalement du créateur. Une version premium peut souvent offrir plus d'options de personnalisation de thème depuis le niveau de l'interface utilisateur, mais ce n'est pas une règle – en fait, il n'y a pas de règles ici du tout. C'est le créateur qui décide du coût possible d'un thème, et sa valeur réelle est validée par le nombre de téléchargements et les avis des utilisateurs.
Comme vous pouvez l'imaginer, il existe des tonnes de thèmes Drupal gratuits et premium sur le web, prêts à être téléchargés et utilisés juste après l'installation. Nous vous montrerons quelques-uns de nos thèmes gratuits préférés pour prouver que ne pas avoir de budget n'est pas une excuse pour ne pas avoir une page soignée et bien rangée.
Meilleurs thèmes Drupal gratuits
Comment rechercher de tels thèmes ? La réponse la plus simple ici est d'entrer simplement la phrase "thèmes Drupal gratuits", qui devrait retourner de nombreux agrégateurs populaires et recommandables de ce type de contenu. Voici quelques exemples de ces pages :
- Thèmes Drupal Gratuits,
- Site Devsaran,
- TemplateMonster,
- ainsi que Drupal.org déjà mentionné.
Passons maintenant à l'analyse d'exemples spécifiques de thèmes et à la présentation des avantages de l'utilisation de thèmes prêts à l'emploi.
YG Magazine
Version Drupal : 8/9
Lien pour télécharger le thème : YG Magazine
C'est un thème créé en utilisant Bootstrap version 3.0. YG Magazine est parfait pour les pages contenant des actualités, des magazines et des périodiques. Il dispose des éléments nécessaires à cet effet – tels qu'un fil d'actualités (rassemblant à la fois le contenu le plus récent et le plus promu).
YG Hotel
Version Drupal : 8/9
Lien pour télécharger le thème : YG Hotel
Ce thème a été réalisé avec Bootstrap version 4.0. Comme le nom du thème et ses créateurs le définissent, il a été créé pour les besoins des pages dédiées aux hôtels. À mon avis, cependant, son design moderne et simple le rend également adapté à n'importe quelle page de produit.
Business Theme
Version Drupal : 8/9
Lien pour télécharger le thème : Business Theme
Un thème léger et moderne, conçu pour être utilisé sur les sites web de cartes de visite. La réactivité et le minimalisme sont des termes très populaires dans le design contemporain, et les créateurs de ce thème Drupal se sont également guidés par ces catégories.
One Page Theme
Version Drupal : 8
Lien pour télécharger le thème : One Page
Créé par les experts de Zymphonies, le thème montre leur savoir-faire dans la création de conceptions délicates, lisibles et surtout – fonctionnelles. De nombreuses options de personnalisation, l'accès à des centaines d'icônes en utilisant Font Awesome et étant basé sur Bootstrap 3 ne sont que quelques caractéristiques qui nous permettent de déployer nos ailes en créant, par exemple, une page d'accueil de notre organisation.
School Theme
Version Drupal : 8
Lien pour télécharger le thème : School Theme
Une autre proposition de Zymphonies contient tout ce qui est bon dans le thème précédent. La différence, cependant, est que le School Theme se concentre principalement sur les pages dédiées aux institutions éducatives. Un design moderne et accrocheur est ici combiné avec le professionnalisme et le sérieux du contenu éducatif.
Restaurant Theme
Version Drupal : 8
Lien pour télécharger le thème : Restaurant Theme
Le nom lui-même révèle l'utilisation du thème – il est parfait pour toute page liée à la gastronomie. Le thème fournit tous les éléments nécessaires à ce type de site web, avec un curseur réactif et la possibilité de créer facilement des listes de prix.
Profile Theme
Version Drupal : 8
Lien pour télécharger le thème : Profile Theme
Un thème conçu pour les développeurs, conférenciers ou entraîneurs personnels qui souhaitent avoir leur propre carte de visite en ligne. Il vous permet de vous décrire de manière claire et intelligible tout en créant une sorte de CV numérique interactif. Nous le recommandons à tous ceux qui souhaitent sortir de l'ombre et commencer à promouvoir leur personnalité de manière plus large dans le monde numérique.
YG News
Version Drupal : 8/9
Lien pour télécharger le thème : YG News
Vous rêvez d'un site web d'actualités privé ? Ou peut-être souhaitez-vous créer un blog et partager vos pensées avec le monde entier ? Le thème YG News sera parfait pour ces objectifs, et probablement pour de nombreuses autres applications. Fil d'actualités ou contenu tendance ne sont qu'un début pour les possibilités offertes par ce thème. Il a été créé en utilisant Bootstrap 4 et adapté aux besoins des écrans de moniteurs et de téléphones.
Thème Drupal Commerce gratuit
Bien sûr, Drupal ne se limite pas aux pages de cartes de visite ou aux agrégateurs de nouvelles. N'oublions pas le très populaire cadre Drupal Commerce, qui transforme notre page en une boutique en ligne à part entière. Lors de la création d'un tel site, il est bon de se rappeler que la plupart des thèmes mentionnés ci-dessus n'ont pas été créés avec Commerce à l'esprit, et dans ce cas, nous devons chercher un thème spécialement conçu pour cette solution. Heureusement, la communauté Drupal n'est pas restée inactive ici, et sur le web, nous pouvons trouver des centaines, voire des milliers de thèmes disponibles prêts à être utilisés. Voici quelques exemples de ces thèmes.
SShop
Version Drupal : 8/9
Lien pour télécharger le thème : SShop
Un thème simple et élégant qui supporte le commerce électronique avec un design moderne et réactif. Il convient parfaitement à divers magasins en ligne. Réalisé avec Bootstrap, il offre également un curseur réactif et la possibilité d'ajouter des icônes en utilisant Font Awesome Icons.
eStore
Version Drupal : 8/9
Lien pour télécharger le thème : eStore
Un thème Drupal Commerce facile à installer qui est adapté pour vendre divers types de produits. Il profite pleinement des avantages des solutions de design modernes et technologiques telles que : Bootstrap ou Font Awesome. Le thème est entièrement réactif, offrant la même expérience sur les écrans des ordinateurs et des téléphones.
Modification des thèmes
Nous avons déjà sélectionné un thème Drupal et l'avons installé, mais il y a encore quelque chose que nous aimerions changer ? Il y a deux voies à suivre ici :
- Nous modifions le code selon nos besoins. Nous ne sommes limités par rien ici. En ayant accès aux fichiers, nous sommes capables de tout changer littéralement. Des couleurs à la structure du site web. Cependant, au moins des connaissances techniques de base, et dans le cas d'une reconstruction majeure – des connaissances techniques moyennes voire larges seront nécessaires ici. Réécrire et retravailler les modèles existants de cette manière est comme un jeu sans fin, nous permettant de déployer les ailes de notre imagination. En utilisant quelques astuces pour créer un thème, nous sommes capables de mettre en œuvre les visions les plus complexes de nos graphistes.
- Nous utilisons les modifications fournies par les développeurs. Dans ce cas, nous sommes à la merci des auteurs du thème. Lorsqu'ils créent leur thème, les développeurs ont la possibilité de "partager" dans l'interface utilisateur une configuration qui peut inclure tout : du changement des couleurs et de certains éléments au choix de la structure complète de la page. Malheureusement, dans ce cas, nous n'avons aucun contrôle sur ce qui sera disponible et combien d'options de configuration seront disponibles dans le thème que nous avons téléchargé. Tout dépend du créateur et de son approche de la flexibilité et de la modifiabilité de son projet.
Thèmes Drupal sur mesure
Que faire si aucune des solutions présentées ici ne répond à nos exigences ou à celles du client ? Nous ne sommes pas limités de quelque manière que ce soit, donc – tout en respectant les normes et lignes directrices Drupal, ainsi qu'en ayant des connaissances et une expérience technique étendues – nous sommes capables de créer n'importe quel thème adapté à nos besoins. C'est de loin la solution la plus chronophage, mais elle nous donne un contrôle total sur la création de chaque – même le plus petit – élément de notre site web. Créer certaines parties à partir de zéro peut souvent s'avérer même plus facile que de reconstruire les éléments de thèmes réalisés par d'autres développeurs.
Comment créons-nous des thèmes Drupal chez Droptica ? La chose la plus importante ici est d'écouter les besoins de notre client, ce qui lui tient à cœur et quelles inspirations semblent mieux refléter son idée. Après des discussions initiales, nos graphistes sont capables de préparer les premières conceptions de tous les éléments de la page, puis – après une série d'améliorations et de discussions avec le client – préparer le design final de la page. Dans l'étape suivante, l'équipe technique rédige des tâches spécifiques et détermine la gamme d'outils et de technologies nécessaires pour créer un produit final de haute qualité. À ce stade, les décisions les plus importantes sont prises – comme l'utilisation de bibliothèques ou d'outils supplémentaires pour créer un code de la plus haute qualité. Ensuite, l'équipe de nos développeurs Drupal assignée à la tâche prend en charge la création de la page, veillant à ce que les normes de codage dans ce CMS soient maintenues et en faisant de l'écriture d'un code de la meilleure qualité un objectif principal qui est ensuite vérifié par d'autres membres de l'équipe. Cette approche rend notre projet simple et clair, et en même temps – sujet à d'éventuels changements et extensions.
Thème Drupal personnalisé que nous avons créé pour Here.com
Ça semble compliqué ? Et si je vous disais que vous pouvez faire certaines de ces choses vous-même, même avec zéro connaissance de la programmation moderne ? Droopler est une distribution Drupal qui nous permet de surmonter les lacunes dans nos connaissances techniques. Cet outil nous fournit de nombreux éléments de configuration de la page et des composants prêts à l'emploi. Besoin d'une bannière, d'un slider, ou peut-être d'une section avec des logos de sponsors ? Rien de plus facile ! En quelques clics, nous sommes capables de créer un site web avec un thème qui s'adapte à nos besoins.
