Gandi Wiki


Questions

Comment personnaliser un thème existant ?

Important :

Changer le CSS de votre blog demande des connaissances particulières en CSS que Gandi ne peut pas vous fournir. Gandi ne peut pas vous aider à corriger le CSS de votre feuille de style en cas de problème car toute modification d'un modèle donné est de votre responsabilité.

Cette page est destinée à vous montrer comment changer la bannière d'un thème prédéfini. Cette méthode est valable pour tout type de changement que vous souhaiterez effectuer dans la feuille de style de votre thème. Cependant, en cas d'erreur dans votre code, Gandi ne pourra pas vous assister. Pensez donc à sauvegarder une copie de votre feuille de style dans un éditeur de texte pour pouvoir y revenir en cas de besoin.

Etape N°1 : récupérer le code CSS du thème prédéfini

Veuillez tout d'abord choisir le thème que vous souhaitez utiliser et regardez son code CSS (feuille de style).

Pour ce faire, aller dans "Apparences du blog", puis choisissez votre thème. Dans notre exemple, nous avons choisi "White Road". Cliquez sur "Utiliser ce thème", un bouton "feuille de style" apparaît alors, cliquez dessus pour accéder au code CSS du thème.

Dans le code, la partie qui nous intéresse contient "import" :

<style type="text/css" media="screen">
@import url(/themes/whiteroad/style.css);
</style>

Copiez ces lignes :

@import url(/themes/whiteroad/style.css);

Etape N°2 : importer le thème choisi dans le custom thème

Retournez dans "Apparences du blog", là où vous pouvez choisir le thème, activez alors le "custom thème" Puis cliquez sur "Configuration du Thème", vous accédez alors à une page vide, c'est la feuille de style. Ajoutez ici les lignes @import que vous avez copié auparavant, comme ceci :

@import url(/themes/whiteroad/style.css);


Sauvegardez votre travail.

FIXME Page en cours d'élaboration

Questions

Flux RSS des questions correspondant à ce filtre (Aide)

Dernière modification: le 16/02/2012 à 16:31 par Jean C.