gsl-statique-litterateur/help/template-comment-creer.md

1.9 KiB

Créer un Template


Vous devrez pour que votre site soit à vôtre goût créer et définir les styles dans styles.css. Placez ce fichier (en fonction du choix de votre configuration du DOMAIN) dans :

  • HOME: ~/.config/gsl/domains/DOMAIN/templates/
  • GLOBAL: /var/lib/gsl/domains/DOMAIN/templates/

Concernant les contenus images et fichiers dans vos articles, placez-les dans les dossiers

  • .../templates/images
  • .../templates/files

Astuce: Une fois votre article créé, vous verrez dans sa source HTML que beaucoup d'éléments ont une class="ACRONYM_uneclass". Utilisez ces classes dans style.css pour décorer votre site à votre goût.

Pour mettre à jour et voir vos modifications de styles

gsl sync

GSL synchronisera votre template sur votre webserver. Rechargez votre page dans votre navigateur

Si vous avez modifié header ou footer.html, ou si de nouvelles fonctions sont arrivées et concernent les pages HTML dans GSL, il vous faudra reconstruire toutes les pages

gsl make -F

Listes de classes utilisées.

Rappel: les classes et IDs commencent passent votre ACRONYM configuré, lors de la création d'un domaine avec gsl new, suivi par _

  • ID=

    • body: ACRONYM_page
    • header: ACRONYM_banner
    • logo dans header: ACRONYM_site-logo
    • title dans header: ACRONYM_site-title
    • name dans header: ACRONYM_site-name
    • Description dans header: ACRONYM_site-description
    • section avant article: ACRONYM_spage-wrapper
    • article: ACRONYM_SLUG (SLUG est le "slug: SLUG" de l'artciel)
    • div metas (auteur, date...): ACRONYM_metas
    • p dans div metas: ACRONYM_auteur
  • CLASS=

    • div après chaque titre `````: ACRONYM_content-pX
    • p dans div content-pX: ACRONYM_paragraph
      • si contenu ( 2: ACRONYM_paragraph-2
    • code for inline-code: ACRONYM_icode

... more to be listed here