How to Create a Drupal 8 Theme Using Bootstrap

Tutoriel en direct sur l'utilisation de bootstrap avec Drupal aujourd'hui

Notre ancien site d'entraînement avait l'air un peu long dans la dent. Ce n'était pas seulement Drupal 6, mais avait aussi une vieille conception Acquia plusieurs versions derrière le site principal actuel. Il était temps pour une mise à jour importante.

Tutoriels étape par étape

Dave Myburgh, développeur principal pour Acquia.com, a récemment donné deux webinaires sur l'expérience. Il partage des conseils spécifiques sur les modules qu'il a utilisés pour maintenir le développement léger et flexible.

Webinaire: créer un thème Drupal 8 en utilisant bootstrap

DescriptIon: Regardez ce Talk Tech pour apprendre à créer un thème bootstrap pour Drupal 8. 

VISIONNER MAINTENANT

Le premier enregistrement est maintenant disponible, et vous pouvez vous inscrire à la partie 2, en se concentrant sur bootstrap, qui est aujourd'hui!

Plus facile à entretenir et à prolonger

Pour moi, en tant que constructeur de site sur le site, je suis en appréciant certains avantages impressionnants de bootstrap. Prenez par exemple cette page qui favorise notre formation privée. Sur l'ancien site, chacun des éléments de la barre latérale devait être créé chacun comme des blocs, avec des paramètres de visibilité pour contrôler où ils sont apparus.

Les blocs sont une grande solution de mise en page particulièrement où vous les réutilisez globalement à travers le site. Cependant, nous avons eu de nombreux cas où des blocs simples ont été utilisés sur certaines pages d'atterrissage clés.

old training site

 

    Rester informé

    Recevez le meilleur contenu sur le futur du marketing, les changements dans le secteur et les avis de nos experts.

    Maintenant, la nouvelle page tire parti du système de grille et des composants de bootstrap. Cela signifie d'ajouter la barre latérale "panneaux" comme ils sont appelés dans bootstrap, je ajouter des séparateurs avec les classes appropriées. Voici un exemple:

    Looking for team training in Drupal?

    Je reçois aussi des composants comme les boutons, et plus grand "Jumbotron" texte en haut de la page. Bien sûr, il ne serait pas logique si j'allais réutiliser ces blocs à travers le site.

    C'est une meilleure solution dans mon cas puisque je suis seulement affichant ces blocs une fois. Vous devez appliquer l'outil approprié au travail.

    Avec un grand pouvoir vient aussi la responsabilité.

    Cela signifie bien sûr que j'ai besoin de compétences de construction de site, l'expérience HTML/CSS, et un environnement de mise en scène sécuritaire pour tester tous mes changements sur.

    Le cas d'utilisation peut être limité, mais globalement cela fonctionne vraiment bien pour les quelques pages One-off que nous avons sur le site.

    training site example page

     

    Regardez le webinaire partie 2 aujourd'hui, 13h HNE: pour détaillée étape par étape et des démos avec Dave. Il vous montrera comment intégrer bootstrap avec Drupal.

    • Comment faire un sous-thème avec bootstrap.
    • Modifier pour travailler avec Sass (au lieu de la valeur par défaut moins)
    • Modules utiles pour faciliter l'ajout de classes bootstrap
    Heather James

    Heather James

    Former Trainer and Learning Services Manager Acquia