Title and subtitle
<h2>Title 2 (h2)</h2><h3>Title 3 (h3)</h3><h3>Title 4 (h4)</h3><h4>Title 5 (h5)</h4><h4>Title 6 (h6)</h4>
## Title 2 (h2)
### Title 3 (h3)
### Title 4 (h4)
#### Title 5 (h5)
#### Title 6 (h6)
Chapeau
Le chapeau est le paragraphe introductif placé sous le titre.
Ce paragraphe est un chapeau.
<!--break-->
Ceci est le reste de mon contenu...
Emphasis
<p>Italique : <em>astérisques</em> ou <em>underscores</em></p><p>Gras : <strong>astérisques</strong> ou <strong>underscores</strong>.</p><p>Gras et Italique : <strong>astérisques et <em>underscore</em></strong>.</p><p>Fluo : <mark>fluuuuooo</mark></p>
Italique : *astérisques* ou _underscores_
Gras : **astérisques** ou __underscores__.
Gras et Italique : **astérisques et _ sous-scores _**.
Fluo : <mark>fluuuuooo</mark>
Link
<p><a href="/">Lien vers la page d'accueil</a></p><p><a href="https://piedweb.com/">Lien vers un autre site</a></p><p><span data-rot="_rknzcyr.gyq/">Lien Invisible pour les robots</span></p>
[Lien vers la page d'accueil](/)
[Lien vers un autre site](https://piedweb.com/)
{{ link('Lien Invisible pour les robots', 'https://example.tld/') }}
Link to mail
<p><span class=nojs>contact<svg width="1em" height="1em" viewBox="0 0 16 16" class="inline-block" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914z"/></svg>example.tld</span> <span class="cea hidden ">pbagnpg@rknzcyr.gyq</span></p>
{{ mail('contact@example.tld') }}
Vers un n° de téléphone
<p><span data-rot="gry:+33700000000000000">07 00 00 00 00 00 00 00</span></p>
{{ tel('+33 7 00 00 00 00 00 00 00') }}
Lists
<ol><li>premier élément d'une liste ordonnée</li><li>second<ul><li>sous-liste</li></ul></li><li>Le chiffre n'a pas d'importance<ol><li>sous-liste ordordonnée</li></ol></li><li>un dernier élement</li></ol><ul><li>Liste avec un astérisque</li><li>ou un moins<ol><li>sous-liste ordonnée</li></ol></li><li>Ou un plus</li></ul>
1. premier élément d'une liste ordonnée
2. second
* sous-liste
1. Le chiffre n'a pas d'importance
1. sous-liste ordordonnée
4. un dernier élement
* Liste avec un astérisque
- ou un moins
1. sous-liste ordonnée
+ Ou un plus
Paragraph
<p>Sauter deux lignes.</p><p>Permet de créer deux paragraphes.</p><p>Une seule,n'a aucune incidence.</p><p>Pour ajouter un saut de ligne<br>deux espace sont nécessaires.</p>
Sauter deux lignes.
Permet de créer deux paragraphes.
Une seule,
n'a aucune incidence.
Pour ajouter un saut de ligne⋅⋅
deux espace sont nécessaires.
Quote
<blockquote><p>Mon bloc de contenu citésur plusieurs lignes</p><p>ou sur plusieurs paragraphes</p></blockquote>
> Mon bloc de contenu cité
> sur plusieurs lignes
> ou sur plusieurs paragraphes
Image and gallery
# Pour afficher une gallerie
{{ gallery(['/media/default/mon-image.jpg'])|unprose }}
{{ gallery({'image alt': '/media/default/mon-image.jpg'}, clickable=false)|unprose }}
{{ gallery({'image alt': '/media/default/mon-image.jpg', clickable: false})|unprose }}
{% set linkAttr = {'target': '_blank', 'rel': 'noopener noreferrer'} %}
{% set linkObfuscate = false %}
{{ gallery({'image alt': ['/media/default/mon-image.jpg', linkAttr, linkObfuscate]})|unprose }}
Video
{{ video('youtube.com/watch?v=ExEmPle-001', '/media/default/exemple.jpg', 'mon texte descriptif en 3 mots') }}|unprose }}
<ul><li>le premier élément correspond à l'URL de votre vidéo (youtube ou autre)</li><li>le second à l'image d'aperçu</li><li>le troisième</li><li>une quatrième valeur peut être ajouter <code>url</code> : permet de forcer l'affichage de la vidéo en plein écran</li></ul>
List pages
{{ pages_list('exampleTag')|unprose
{{ pages_list('exampleTag OR <!--invisible-hash-in-content--> OR comment:invisible-hash-in-content')|unprose
<p>Discover more on <a href="https://pushword.piedweb.com/pages-list">Advanced Pages Listing</a>.</p><ul><li><code>max</code> nombre maximum d'items à montrer, peut être un tableau pour paginer le résultat, défault : <code>0</code>, no limit</li><li><code>order</code> default <code>publishedAt DESC,priority DESC</code></li><li><code>view</code> default <code>/component/pages_list.html.twig</code>, accepte tout chemin vers un template ou <code>card</code> pour <code>/component/pages_list_card.html.twig</code></li><li><code>host</code> default current host, if set to '', will be set to current host</li></ul>
Redirection
Votre contenu doit contenir uniquement :
Location: http://example.eg/
Others
<ul><li><p><code>container</code> <br>class pour le contenant du contenu.</p></li><li><p><code>feeds</code> array(type, uri, title)</p></li><li><p><code>template</code> (default: <code>/page/page.html.twig</code>)</p></li><li><p><code>main_image_multiple</code> <br>Plusieurs images en fonction d'un hash contenu dans l'url (ex: <code>winter:/media/defaut/winter.jpg;summer:/media/defaut/summer.jpg</code>)</p></li><li><p><code>toc</code> (: true) : active le sommaire</p></li><li><p>Tout autre <em>Autres Paramètres</em> peut êgalement être appelé directement dans la page <code>{{ page.customParam }}</code></p></li></ul>