Si vous décidez de créer votre site ou même si vous avez déjà créé un site. Mais que se passe-t-il si votre site n'est pas visité ? Vous n'êtes pas le premier à créer un site, et très probablement pas le premier à créer un site spécifiquement pour votre sujet : tourisme, voitures, immobilier. Et il y a très probablement déjà des dizaines, voire des centaines, de sites similaires au vôtre. Chacun de vos concurrents commerciaux possède déjà un site web. Eh bien, si vous avez déjà une audience, il existe aussi des sites condamnés à être oubliés et perdus.
La première chose à faire pour commencer à promouvoir votre site sous Drupal est d’installer le module SEO Checklist :
Le theming dans Drupal 8 a été modifié. Cela est principalement dû à la transition vers la programmation orientée objet et à l'utilisation du moteur de templates Twig. Alors qu'auparavant il suffisait d'apprendre un peu de PHP, HTML, CSS et de commencer à créer son propre thème, il est maintenant nécessaire de maîtriser également Twig. D'une part, cela complique le développement sous Drupal, mais d'autre part, cela simplifie le processus de développement.
Dans l'article précédent, nous avons créé un diaporama en utilisant Views Slideshow. Mais nous avons toujours un pagineur non stylisé avec de petites images.
Dans cet article, nous allons voir comment ajouter OwlCarousel et ajouter du CSS via une bibliothèque supplémentaire.
Dans cet article, nous utilisons un module personnalisé pour connecter OwlCarousel, mais la prochaine fois nous styliserons le diaporama dans les fichiers du thème.
Drupal utilise le nouveau moteur de template Twig. Par conséquent, tous les thèmes ont été refaits pour lui. Entrons et voyons ce qui se trouve dans le dossier /core/themes
Nous avons un template Twig ; les thèmes builder classy, stable, stark ; les thèmes prêts à l'emploi bartik, seven.
Template Twig
Tout d'abord, nous devons apprendre à afficher des blocs et des pages en utilisant Views. Commençons par les pages. Nous affichons tous les articles sur notre site.
Affichage des pages via Views.
Créons notre première vue, allons dans le menu Gérer - Structure — Views.
Zen est le thème constructeur le plus populaire pour Drupal. Si vous avez besoin de réaliser rapidement un design responsive basé sur une mise en page à trois colonnes, Zen est ce qu’il vous faut. Il suffit de l’installer, de lancer npm install, et Zen prépare la base de votre design. Prenons cela dans l’ordre.
Téléchargez le thème parent Zen depuis le site officiel :
Dans Drupal 7, vous pouviez rapidement et facilement créer un sous-thème basé sur Zen et commencer à construire votre site web. Depuis Drupal 8, il existe également plusieurs générateurs de thèmes pour créer vos propres thèmes. Mais avant de créer un sous-thème à partir de ceux-ci, vous devrez d'abord comprendre un peu où ils se trouvent.
Les développeurs Drupal suggèrent que nous prenions comme exemple le thème Stark. Ce thème a été ajouté à Drupal simplement pour vous familiariser avec la manière dont un thème est structuré. Voyons ce qu'il y a à l'intérieur de ce thème :
À partir de cet article, nous allons créer notre propre thème sur Drupal. Dans cette section du tutoriel, nous analyserons les bases du sujet Drupal : où se trouve quoi, comment inclure et utiliser CSS et JavaScript. Notre thème sera basé sur le thème Stable du cœur Drupal. Si vous souhaitez apprendre Drupal, Stable est un excellent point de départ. Il est déconseillé de commencer par Bootstrap, car vous rencontrerez constamment des questions et erreurs.