Drupal Gardens Theme constructeur

Une fois que vous avez la configuration de Drupal Gardens de la route, vous pouvez commencer à avoir du plaisir et de jouer avec des thèmes sur votre site. Contrôle de l'apparence de votre site avec le Drupal Gardens Theme Builder est le principal moyen elle diffère de l'installation de votre propre copie de Drupal. Mais vous ne manquant beaucoup parce que le Créateur de Thème vous offre une grande flexibilité et une grande interface.

  1. Connectez-vous à votre site Drupal Gardens et cliquez sur le lien Apparence.

    Cela ouvre la Drupal Gardens Theme Builder.

    image0.jpg
  2. Cliquez sur la flèche droite à côté des vignettes de thèmes et de faire défiler les thèmes disponibles. Cliquez sur le thème que vous aimez.

    Pour cet exemple, le thème Sparks a été cliquée. Vous voyez maintenant un aperçu de votre site derrière le Builder thématique, en utilisant le thème que vous avez sélectionné.

    image1.jpg
  3. Cliquez sur le bouton Publier pour faire de ce thème apparaissent sur votre site.

  4. (Facultatif) Tapez un nom dont vous vous souviendrez de ce thème et cliquez sur OK.

    Le Builder Thème applique ce thème pour 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.

  5. Cliquez sur l'onglet de la marque et cliquez sur la palette que vous aimez.

    Le Spring Rain palette en bas à droite a été cliquée.




  6. Cliquez sur Enregistrer.

    Cela change les couleurs de votre site utilise et enregistre les modifications dans votre thème sauvé.

  7. Dans l'onglet Marque, cliquez sur le lien du logo sur la gauche. Si vous avez une image que vous souhaitez utiliser comme logo du site, cliquez sur Parcourir et de le transférer.

  8. 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.)

  9. Cliquez sur l'onglet Mise en page.

    Ce sont les options pour la façon dont le contenu de votre site sera placé sur la page.

  10. Cliquez sur la mise vignette que vous voulez, et cliquez sur Enregistrer pour enregistrer votre sélection.

  11. Cliquez sur l'onglet Styles, puis cliquez sur le lien de la police sur la gauche.

  12. Cliquez sur le titre de votre site (dans ce cas, il est lynnwrites) Et changer la police.

    L'onglet Styles est interactif. Tout ce que vous cliquez dans la page de prévisualisation derrière le Builder Thème est modifié lorsque vous modifiez les paramètres de 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 menus et de modifier la police à la Géorgie et cliquez sur Enregistrer pour enregistrer vos modifications, le texte de ces éléments de menu sur tout le site va changer. Vous pouvez contrôler la couleur de la police, le style, l'alignement et la taille dans la section de la police.

    Lorsque vous décidez de changer de styles, vous n'êtes pas coincé avec seulement la partie de la page qui est visible. Si vous utilisez la barre de défilement de votre navigateur, vous pouvez faire défiler votre page tout en laissant le Builder visible Thème d'apporter des modifications à des choses plus bas sur la page, comme le pied de page.

    image2.jpg
  13. Cliquez frontières Espacement lien sur la gauche sous l'onglet Styles et cliquez sur la frontière grise qui entoure la tête.

    Le style de bordure actuellement utilisée pour cet élément est affiché. Il peut être désactivé en choisissant la liste déroulante Style sur le droit et en sélectionnant Aucun.

    image3.jpg
  14. Cliquez sur le lien de fond sur la gauche pour changer le style de l'image de fond.

  15. Cliquez sur l'onglet Avancé si vous souhaitez ajouter votre propre code CSS à votre thème.

Theme Builder propose tout simplement trop de tout couvrir, mais il est une excellente ressource en ligne par les gens de Drupal Gardens ici:

drupalgardens.com/documentation/appearance/theme-builder