Centre d'aide GuppY, aide en ligne, documentation et tutoriels

telecharger.png

Vous êtes ici :   Accueil » Config look
    Imprimer la page...

Config look

Config Look

Dans le panneau Configurations, lorsque vous cliquez sur cette icône: Config look vous arrivez sur la page de Config look .
 

Paramètres généraux :
 

054-pg_bandeaux_config_site_fr.jpg

Les choix sont limités au Numéro de ligne TOP à fixer en haut de page, aux titres de pages individualisés qu'il est préférable de cocher, puis à l'affichage ou pas du temps de chargement des pages au Bouton retour en haut flottant et à l'ancrage automatique en haut de la zone 2.
 

055-pg_pages_config_site_fr.jpg

Quand vous avez terminé la configuration il faut enregistrer en cliquant sur Enregistrer la config.
 

Les rubriques de config look :
 

056-feuilles_style_config_site_fr.jpg


 

Utilisation de Config-look - GuppY 6


L'évolution de la version de Config Look incluse dans le pack GuppY 6 vous permet d'aller encore plus loin et de façon simple dans la personnalisation de votre skin, le but étant de gérer le maximum dans Config look pour simplifier le fichier styleplus.css. Toutes les skins du pack sont adaptées pour Config Look mais nous vous conseillons de commencer par une copie de la skin6-guppy-03.


Important !  Avant de modifier la skin de votre site, vous devez avoir fait la configuration des boites dans Config boites.

Plus de détails dans le tutoriel Config look sur ce lien.

Le principe de fonctionnement est le même pour toutes les rubriques, vous sélectionnez les polices, la taille, vos images, vos couleurs, vos styles etc.
Tous les champs de Config look doivent être correctement remplis avec des valeurs correspondant à chaque champ.

A noter :

  • Avec GuppY 6, la génération de la feuille de style.css est automatique lorsque vous cliquez sur Enregistrer la config.
     
  • Fixe, vous ne le cochez que si vous avez une image fixe (1920 x 1080px) en fond de site,
     
  • Opacité peut prendre plusieurs valeurs :
  1. valeur de transparence  : la valeur par défaut 1 sera utilisée si le champ Arrière plan est rempli avec : transparent
  2. valeur de transparence : 0.1....0.5, 0.6, 0.7, 0.8, 0.9 au choix pour la transparence de la couleur indiquée au champ précédent, la couleur sera codée avec rgba(rr, gg, bb, opa)
  3. pas de transparence : vous mettez 1 et la couleur sera affichée à 100%, la couleur sera codée avec rgba(rr, gg, bb, opa)


Pour changer de couleur il faut cliquer sur la zone de gauche (d'un item de couleur) pour faire apparaitre le script jquery Color Picker. Parfois un petit délai au clic est nécessaire pour se déplacer dans la fenêtre de saisie de la couleur.

Les deux zones attenantes permettent de visualiser l'ancienne et la nouvelle couleur, une fois la nouvelle couleur sélectionnée ne pas oublier de valider la couleur en cliquant sur le rond en bas à droite de la fenêtre de Color Picker.

Sans oublier d'enregistrer la config pour générer le style. Une fois le style généré, vous affichez une page pour voir le résultat, il est nécessaire de rafraîchir la page pour l'afficher sans passer par le cache. Lorsque vous avez configuré toutes les rubriques, enregistré et généré votre fichier style.css, votre skin est terminée et opérationnelle.
 

Attention !  vous ne pourrez pas faire de modifications manuelles dans le fichier style.css, vous devez obligatoirement utiliser config look.
 

Pour personnaliser encore votre skin, vous cliquez sur Config Style puis sur Modifier la feuille de style DE PERSONNALISATION (styleplus).

Dans ce fichier styleplus.css, vous allez ajouter toutes les personnalisations que vous souhaitez apporter à vos feuilles de style, style.css, peut-être personnalisé dans le fichier styleplus, sans le surcharger il ne doit contenir que le strict nécessaire, vous ajouterez aussi vos modifications pour les stylepageX de vos pages secondaires
 

Attention ! Il faut une certaine connaissance des feuilles de style css pour avoir une personnalisation importante.
 

Pour vous aider vous pouvez utiliser la skin6-guppy-03 qui montre les possibilités avec un minimum de personnalisation,  elle est dans le pack GuppY 6, en parcourant le tutoriel, vous pouvez ouvrir Config look pour la skin6-guppy-03 et voir toutes les options proposées par rubrique.

 

Liens connexes


Date de création : 20/10/2020 @ 09:55
Catégorie : GuppY 6 Aide en ligne - Configurations
Page lue 1688 fois