Vidéo: An Introduction to Theme Builder in Drupal Gardens 2025
Une fois que vous aurez installé les Drupal Gardens, vous pourrez commencer à vous amuser et à jouer avec les thèmes de votre site. Contrôler l'apparence de votre site avec Drupal Gardens Theme Builder est la principale façon dont il diffère de l'installation de votre propre copie de Drupal. Mais vous ne manquez pas grand-chose car le générateur de thèmes vous offre une grande flexibilité et une excellente interface.
-
Connectez-vous à votre site Drupal Gardens et cliquez sur le lien Apparence.
Ceci ouvre le générateur de thèmes Drupal Gardens.
-
Cliquez sur la flèche droite à côté des vignettes thématiques et faites défiler les thèmes disponibles. Cliquez sur le thème que vous aimez.
Pour cet exemple, le thème Sparks a été cliqué. Vous voyez maintenant un aperçu de votre site derrière le générateur de thèmes, en utilisant le thème que vous avez sélectionné.
-
Cliquez sur le bouton Publier pour afficher ce thème sur votre site.
-
(Facultatif) Saisissez un nom dont vous vous souviendrez pour ce thème et cliquez sur OK.
Le Générateur de thèmes applique ce thème à votre site et enregistre ce thème nommé sous l'onglet Mes thèmes sur la gauche. Vous pouvez avoir beaucoup de différents thèmes personnalisés qui sont stockés ici.
-
Cliquez sur l'onglet Marque et cliquez sur la palette que vous aimez.
La palette Spring Rain en bas à droite a été cliquée.
-
Cliquez sur Enregistrer.
Cela modifie les couleurs utilisées par votre site et enregistre les modifications apportées à votre thème enregistré.
-
Dans l'onglet Marque, cliquez sur le lien Logo à gauche. Si vous souhaitez utiliser une image en tant que logo de site, cliquez sur Parcourir et téléchargez-la.
-
Cliquez sur Enregistrer.
Vous pouvez également modifier le favicon ici. (La favicon est la petite icône qui apparaît dans la barre d'adresse du navigateur à côté de l'URL de votre site lorsque quelqu'un visite votre site.)
-
Cliquez sur l'onglet Mise en page.
Voici les options pour la disposition du contenu de votre site sur la page.
-
Cliquez sur la vignette de mise en page qui vous intéresse, puis sur Enregistrer pour enregistrer votre sélection.
-
Cliquez sur l'onglet Styles, puis sur le lien Police à gauche.
-
Cliquez sur le titre de votre site (dans ce cas, lynnwrites ) et modifiez la police.
L'onglet Styles est interactif. Tout ce que vous cliquez dans la page d'aperçu derrière le générateur de thèmes est modifié lorsque vous modifiez les paramètres des styles. Une ligne bleue apparaît autour de l'élément que vous avez sélectionné.
Par exemple, si vous cliquez sur la barre de menu et que vous modifiez la police en Géorgie, puis cliquez sur Enregistrer pour enregistrer vos modifications, le texte de ces éléments de menu sera modifié sur l'ensemble du site. Vous pouvez contrôler la couleur de la police, le style, l'alignement et la taille dans la section Police.
Lorsque vous changez de style, vous n'êtes pas limité à la partie visible de la page.Si vous utilisez la barre de défilement de votre navigateur, vous pouvez faire défiler votre page tout en laissant le générateur de thèmes visible pour apporter des modifications aux éléments situés plus bas sur la page, tels que le pied de page.
-
Cliquez sur le lien Bordures et espacement sur la gauche sous l'onglet Styles et cliquez sur la bordure grise qui entoure l'en-tête.
Le style de bordure actuellement utilisé pour cet élément est affiché. Il peut être désactivé en choisissant la liste déroulante Style sur la droite et en sélectionnant Aucun.
-
Cliquez sur le lien Arrière-plan sur la gauche pour modifier le style de l'image d'arrière-plan.
-
Cliquez sur l'onglet Avancé si vous souhaitez ajouter votre propre code CSS à votre thème.
Theme Builder offre tout simplement trop pour tout couvrir mais il y a une excellente ressource en ligne des gens de Drupal Gardens ici:
www. drupalgardens. com / documentation / appearance / theme-builder
