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

63 lines
2.0 KiB
Markdown
Raw Normal View History

# 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 ```_```
2022-04-16 12:25:31 +02:00
### Dans body, header
- 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
2022-04-16 12:25:31 +02:00
- - ```<section>``` avant ```<article>```: ACRONYM_spage-wrapper
- - article: ACRONYM_SLUG (SLUG est le "slug: SLUG" de l'article)
- - div metas (auteur, date...): ACRONYM_metas
- - p dans div metas: ACRONYM_auteur
2022-04-16 12:25:31 +02:00
### Dans ```<article>```
- CLASS=
2022-04-16 12:25:31 +02:00
- - div après chaque titre ```<hX>```: ACRONYM_content-pX
- - p dans div content-pX: ACRONYM_paragraph
- - - si contenu ```( 2```: ACRONYM_paragraph-2
2022-04-16 12:25:31 +02:00
- - code pour les inline-code avec ```¤...¤```: ACRONYM_icode
... more to be listed here