Créer un thème avec Drupal 8

Ajouter ou supprimer une région

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Appréhendez la création ou la suppression de régions à partir du fichier .info et du template principal.
06:48

Transcription

Supposons que je ne souhaite pas utiliser toutes les régions, que je souhaite un site plus simple que les régions fournies par défaut. «Mise en page des blocs». Ici, on a un bloc latéral gauche, un bloc latéral droite, un bloc de contenu, un bloc d'entête, «primary» et «secondary menu», «pied de page», «mise en évidence», «aide» et «fil d'Ariane». On a ici beaucoup de régions fournies par défaut par Drupal : je souhaite simplifier cela en supprimant quelques éléments. Pour cela, je vais aller définir moi-même mes régions. Les régions se définissent dans le fichier info.yml, donc formation.info.yml. Vous saisissez ici «regions : », c'est aussi simple que cela. On va bien évidemment saisir une région de contenu. Ici, vous mettez le nom machine : c'est vous qui le créez. On va évidemment rester sur «content» plutôt que de s'amuser à modifier ici. On pourrait l'appeler «contenu» si on le voulait en français mais il n'y a pas forcément d'intérêt donc on utilise le nom machine qui est le nom qui sera utilisé ici. En face, en correspondance clé-valeur, on va utiliser ce qu'on appelle «human readable», c'est à dire le nom qui apparaîtra à l'utilisateur. Ici, on va garder un «primary menu» uniquement. Je fais copier-coller. Il nous faut le «header», qui est quand même plutôt important, et le «footer». Voilà, on peut très bien dire que cela suffit pour commencer. On a bien défini nos nouvelles régions. Pour voir s'afficher cela, il va falloir vider à nouveau votre cache. À chaque modification du fichier info, vous videz le cache. Là, on nous met toute une série de messages «warning». On nous dit par exemple que le bloc «account_menu» était assigné à la région invalide «secondary_menu» et a été désactivé. Ces régions ont disparu, elles ont été désactivées. Drupal ne sachant pas où affecter les régions, il a désactivé automatiquement les blocs qui ne sont pas affectés à une région. On va actualiser ici. On a bien nos informations : «Régions de contenu», «Barre de droite», «Menu principal», «Entête», «Pied de page» et rien d'autre. Ici, on retrouve tous les blocs qui ont été désactivés et si on va voir sur le front end, on voit que cela a été bien simplifié. On va retourner voir notre aperçu des régions. On voit ici également que l'aperçu des régions a été simplifié. Il reste encore à réaffecter les blocs aux différentes régions. On va mettre la dernière horloge ajoutée à notre barre de droite, mettre «Propulsé par Drupal» en pied de page, mettre les «Outils» dans l'entête, «Message de statut» dans le contenu, «Menu sidebar» dans la barre de droite, ça dans l'entête, dans la barre de droite, dans le pied de page. «Fil d'Ariane», on n'en a plus, on va le mettre dans l'entête. Et le «Bloc contact» dans la barre de droite. On peut également réorganiser nos différents éléments. On clique sur «Enregistrer les blocs». Si on va sur notre site, on a tous nos éléments qui réapparaissent. Il reste une dernière chose à faire : il n'y a que trois blocs qui sont apparus ici car le template ne correspond pas à notre barre de configuration. On va reprendre ici : on a bien le «header» mais on n'a plus de «secondary menu», on peut l'enlever. On a toujours un «primary menu». Dans le «highlighted», on a la condition «if». On peut enlever tout cela : si la région est présente, on va afficher le code html à l'intérieur mais là, on ne l'a plus. Même chose ici. «Breadcrumb», on ne l'a plus. Le contenu, on va évidemment le laisser. On va laisser une seule sidebar et on va bien entendu modifier le nom en l'appelant uniquement «sidebar». Tout cela, on ne l'a plus. «featured_bottom_first», «bottom_second» et «bottom_third» sont des régions qui ont disparu. On va simplifier ici. On va simplifier là. On va copier «page.sidebar» et on utilise notre «footer». On a complètement réorganisé la page avec nos propres régions. On a bien vérifié du côté du template qu'il n'y ait pas de régions inutilisées affichées. S'il n'y a pas de régions, Drupal ne les affiche pas. On appelle notre région comme on veut : j'ai tapé des lettres au hasard. Drupal va simplement ne pas afficher les régions mais c'est plus propre de n'avoir rien d'inutile qui traîne. On va vérifier que chaque élément, donc «content», «sidebar», «primary menu», «header» et «footer», sont bien présents dans la page. On retourne dans notre page «Performance» et on vide les caches. Ici, on va actualiser et on voit nos nouvelles régions qui apparaissent. On a défini notre propre structure de page et nos propres régions dans Drupal.

Créer un thème avec Drupal 8

Créez votre propre thème personnalisé Drupal avec Twig, le nouveau moteur de template. Gérez les ressources, personnalisez Drupal de façon avancée grâce aux vues, etc.

1h48 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :17 mars 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !