<?xml version="1.0" encoding="utf-8"?>
<TEI xmlns="http://www.tei-c.org/ns/1.0" xml:lang="fr">
<teiHeader>
  <fileDesc>
    <titleStmt>
      <title>Configuration avancée</title>
    </titleStmt>
    <publicationStmt>
      <date>2026/05/11</date>
    </publicationStmt>
    <sourceDesc>
      <p>Produced by pandoc.</p>
    </sourceDesc>
  </fileDesc>
<xenoData>
<stylo-metadata xmlns="http://stylo.huma-num.fr/ns/1.0">
<title_f>Configuration avancée</title_f>
<title>Configuration avancée</title>
<subtitle_f>Pour adapter le style de votre site</subtitle_f>
<subtitle>Pour adapter le style de votre site</subtitle>
<author>
  <biography><p>Aspirant au chocolat. Générateur de bugs pour alimenter la bibliographie de Marcello.</p></biography>
  <forname>David</forname>
  <surname>Larlet</surname>
</author>
<author>
  <forname>Victor</forname>
  <surname>Chaix</surname>
</author>
<date>2026/05/11</date>
<year>2026</year>
<month>05</month>
<day>11</day>
<abstract>
  <lang>fr</lang>
  <text>Le Crieur vous permet de prendre totalement la main sur le thème de votre site. Cela nécessite d’avoir des compétences minimales en HTML et CSS.</text>
  <text_f>Le Crieur vous permet de prendre totalement la main sur le thème de votre site. Cela nécessite d’avoir des compétences minimales en HTML et CSS.</text_f>
</abstract>
<kwList>
  <lang>fr</lang>
  <list></list>
  <list_f></list_f>
</kwList>
<lang>fr</lang>
<dossier>
  <id>utilisation</id>
  <title>Utilisation</title>
  <title_f>Utilisation</title_f>
</dossier>
</stylo-metadata>
</xenoData>
</teiHeader>
<text>
<body>
<p>Le Crieur a été pensé pour permettre un degré élevé de personnalisation graphique et organisationnelle de votre site, sans nécessiter de ressources économiques et de compétences techniques trop importantes. Cela est particulièrement important pour les revues qui ont leur propre identité, leurs besoins particuliers, et pour lesquelles l’uniformisation nécessaire pour la diffusion sur les plateformes est souvent source de frustration, <ref target="https://revue30.org/projets/production-sites-web-par-stylo/">comme nous l’expliquons ici</ref>.</p>
<p>Il est possible d’adapter l’enveloppe de votre site pour utiliser la charte graphique et le thème qui vous convient, ainsi que de potentiels plugins supplémentaires.</p>
<p>Pour cela, il faut modifier les options dans le fichier de configuration <seg type="code">.toml</seg> de votre site, avant de le construire via la commande <seg type="code">build</seg>.</p>
<p>Il y a deux options importantes :</p>
<list type="unordered">
  <item>
    <p><seg type="code">statics-path</seg> qui permet d’ajouter un chemin vers des CSS, JS, images, etc de votre thème</p>
  </item>
  <item>
    <p><seg type="code">templates-path</seg> qui permet de surcharger les templates utilisés sur <ref target="https://gitlab.huma-num.fr/ecrinum/crieur/-/tree/main/crieur/templates">ceux par défaut du Crieur</ref></p>
  </item>
</list>
<p>Vous devez retirer les <seg type="code">#</seg> au début des lignes correspondantes de votre fichier de configuration et créer au même niveau que votre fichier <seg type="code">.toml</seg> (ou ailleurs sur l’ordinateur, auquel cas il faut adapter les chemins dans le fichier <seg type="code">.toml</seg>) les dossiers <seg type="code">statics/</seg> et <seg type="code">templates</seg> correspondants (que vous pouvez renommer), en y plaçant les fichiers de templates et de statics personnalisés pour votre site.</p>
<p>Les templates utilisés sont consultables <ref target="https://gitlab.huma-num.fr/ecrinum/crieur/-/tree/main/crieur/templates">sur le dépôt du Crieur</ref> et utilisent le <ref target="https://jinja.palletsprojects.com/en/stable/templates/">langage de template Jinja</ref>. Toutes les pages utilisent le même fichier commun appelé <seg type="code">base.html</seg> comme modèle pour leur structure.</p>
<p>Vous pouvez par exemple télécharger <ref target="https://gitlab.huma-num.fr/ecrinum/crieur/-/blob/main/crieur/templates/base.html">ce fichier <seg type="code">base.html</seg></ref> et adapter le nom des références aux fichiers CSS que vous avez définis dans <seg type="code">statics/</seg> pour totalement changer l’apparence du site - par exemple un fichier <seg type="code">custom.css</seg>, que vous pouvez appeler pour votre site en spécifiant, dans dans le bloc de code <seg type="code">{% block imported_css %}</seg> dans le template <seg type="code">base.html</seg> :</p>
<ab type='codeblock html'>
&lt;link rel=&quot;stylesheet&quot;
        href=&quot;{{ base_url }}statics/custom.css&quot; /&gt;
</ab>
<p>Les possibilités de personnalisation sont aussi infinies que votre imagination !</p>
<div type="level1" xml:id="templates-distants">
  <head>Templates distants</head>
  <p>Il est possible d’héberger votre thème sur <ref target="https://gitlab.huma-num.fr/ecrinum/crieur-templates">un dépôt GitLab partagé</ref> et de récupérer dynamiquement ces fichiers lors de la génération du site avec le Crieur, au travers de la commande <seg type="code">crieur template</seg>. Par exemple :</p>
  <ab type='codeblock bash'>
uv run --with crieur crieur templates --source-path blogs/blog-purple
</ab>
  <p>Ici les templates vont être récupérés et déposés localement dans un dossier <seg type="code">templates-git</seg>, il s’agira ensuite de pointer vers ces fichiers lors de la génération dans votre fichier <seg type="code">.toml</seg> :</p>
  <ab type='codeblock toml'>
templates-path = &quot;templates-git/blogs/blog-purple/templates&quot; 
statics-path = &quot;templates-git/blogs/blog-purple/statics&quot; 
</ab>
  <p>Il est également possible de spécifier explicitement l’URL d’un autre dépôt, lors de la récupération des templates :</p>
  <ab type='codeblock bash'>
uv run --with crieur crieur templates --repo-url https://gitlab.huma-num.fr/vous/vos-templates/ --source-path chemin/vers-vos-templates
</ab>
  <p>Ces options vous permettent de travailler avec des templates pré-conçus par d’autres ou de partager les vôtres à la communauté du Crieur 🤗.</p>
</div>
</body>
</text>
</TEI>
