63 lines
2.0 KiB
Markdown
63 lines
2.0 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 ```_```
|
|
|
|
### 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
|
|
- - ```<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
|
|
|
|
### Dans ```<article>```
|
|
|
|
- CLASS=
|
|
- - div après chaque titre ```<hX>```: ACRONYM_content-pX
|
|
- - p dans div content-pX: ACRONYM_paragraph
|
|
- - - si contenu ```( 2```: ACRONYM_paragraph-2
|
|
- - code pour les inline-code avec ```¤...¤```: ACRONYM_icode
|
|
|
|
... more to be listed here
|