59 lines
1.9 KiB
Markdown
59 lines
1.9 KiB
Markdown
|
# 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 ``<hX>```: 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
|