Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Créer un thème avec Drupal 8

Comprendre les attributs

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez découvrir ce que sont les attributs dans le contexte des templates. Apprenez donc à les utiliser.
04:38

Transcription

Voyons maintenant comment afficher indépendamment les attributs, donc les champs dans le Drupal, indépendamment les uns des autres. Pour commencer, on va aller créer un template spécifique pour le nœud de type horloge. Donc, là on fait F12. On va rechercher notre template. Voilà donc, ici, on a bien notre template : themes, custom, formation, templates, node.html.twig, et on nous fait une liste de suggestions, donc ici, ce qui va nous intéresser, c'est node--horloge.html.twig. Mais si on monte un peu plus haut, on voit qu'il y a écrit : node--horloge--full.html.twig. En fait Drupal a ajouté le paramètre full. Donc si maintenant on était en version teaser on aurait : node--horloge--teaser ou quelque chose comme ça. Là on va juste modifier la version pleine page donc la version full d'une horloge, on va prendre cette version-là. Encore une fois, on va dans themes, custom, formation, templates et là, on va créer un nœud particulier. Pour commencer, on va faire un copier-coller avec Ctrl+C, Ctrl+V, du contenu d'une standard. Ici on va juste rajouter un style en background, ok. On rafraîchit. On a bien notre article, on le distingue bien du reste. On aura ce background uniquement pour les nœuds de type horloge. Maintenant, on note qu'il y header mais on note surtout qu'il y a un contenu. Donc ce qui pourrait nous intéresser, c'est afficher les champs différemment. Par exemple, l'horloge mécanique, on souhaite l'afficher en italique, on souhaite aligner Date de fabrication, complètement à droite etc. Pour afficher les champs indépendamment les uns des autres pour l’instant, ce n'est pas possible puisqu'on affiche le contenu en une seule fois. Pour afficher les champs indépendamment les uns des autres, on va retourner sur notre interface de Drupal. On peut fermer ces onglets. On va aller voir notre type de contenu horloge. Là ce qu'on va aller chercher, c'est les champs. Donc type de contenu, horloge, gérer les champs. On voit, ici, le nom système des champs. On va, par exemple, prendre adresse mail du fabriquant, on fait un copier. Ici, on va, par exemple, créer une div. Donc, accolade, accolade, ici, ce qu'on va faire, c'est qu'on va afficher uniquement notre champ adresse mail du fabriquant. Pour ce faire, on va faire content.le nom machine du champ. Ici on a tout qui est affiché et si on actualise, on va uniquement avoir l'adresse mail du fabriquant. Donc on a réussi à isoler le champ fabriquant, on va, par exemple, créer un autre div. On va, par exemple, sauter une ligne et on va mettre ça en gras. On a bien notre deuxième partie, le complément d' informations en gras.

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 !