Skip to content

Commit 588f350

Browse files
HiDeooArmandPhilippottrueberryless
authored
i18n(fr): update guides/pages (#3130)
Co-authored-by: Armand Philippot <59021693+ArmandPhilippot@users.noreply.github.com> Co-authored-by: Felix Schneider <99918022+trueberryless@users.noreply.github.com>
1 parent 42156b9 commit 588f350

File tree

1 file changed

+58
-3
lines changed

1 file changed

+58
-3
lines changed

‎docs/src/content/docs/fr/guides/pages.mdx

Lines changed: 58 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ title: Pages
33
description: Apprenez à créer et à gérer les pages de votre site de documentation avec Starlight.
44
sidebar:
55
order: 1
6+
tableOfContents:
7+
maxHeadingLevel: 4
68
---
79

810
Starlight génère les pages HTML de votre site en fonction de votre contenu, avec des options flexibles fournies par le biais du frontmatter en Markdown.
@@ -73,28 +75,51 @@ Pour en savoir plus, consultez le guide [« Pages » dans la documentation d'Ast
7375

7476
### Utiliser le design de Starlight dans des pages personnalisées
7577

76-
Pour utiliser la mise en page Starlight dans des pages personnalisées, englobez le contenu de votre page avec le composant `<StarlightPage />`.
78+
Pour utiliser la mise en page Starlight dans des pages personnalisées, englobez le contenu de votre page avec le [composant `<StarlightPage />`](#composant-starlightpage).
7779
Cela peut s'avérer utile si vous générez du contenu de manière dynamique, mais que vous souhaitez tout de même utiliser le design de Starlight.
7880

81+
Pour ajouter des liens d'ancrage vers des en-têtes avec une apparence équivalente aux liens d'ancrage Markdown de Starlight, vous pouvez utiliser le [composant `<AnchorHeading>`](#composant-anchorheading) dans vos pages personnalisées.
82+
7983
```astro
8084
---
8185
// src/pages/page-perso/exemple.astro
8286
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
87+
import AnchorHeading from '@astrojs/starlight/components/AnchorHeading.astro';
8388
import CustomComponent from './CustomComponent.astro';
8489
---
8590
8691
<StarlightPage frontmatter={{ title: 'Ma page personnalisée' }}>
8792
<p>Il s'agit d'une page personnalisée avec un composant personnalisé :</p>
8893
<CustomComponent />
94+
95+
<AnchorHeading level="2" id="en-savoir-plus">En savoir plus</AnchorHeading>
96+
<p>
97+
<a href="https://starlight.astro.build/">
98+
Consulter la documentation de Starlight
99+
</a>
100+
</p>
89101
</StarlightPage>
90102
```
91103

92-
#### Props
104+
#### Composant `<StarlightPage>`
105+
106+
Le composant `<StarlightPage />` affiche une page complète de contenu en utilisant la mise en page et les styles de Starlight.
107+
108+
```astro
109+
---
110+
import StarlightPage from '@astrojs/starlight/components/AnchorHeading.astro';
111+
---
112+
113+
<StarlightPage frontmatter={{ title: 'Ma page personnalisée' }}>
114+
<!-- Contenu de la page personnalisée -->
115+
</StarlightPage>
116+
```
93117

94118
Le composant `<StarlightPage />` accepte les props suivantes.
95119

96-
##### `frontmatter` (obligatoire)
120+
##### `frontmatter`
97121

122+
**Obligatoire**
98123
**Type :** `StarlightPageFrontmatter`
99124

100125
Définit les [propriétés du frontmatter](/fr/reference/frontmatter/) pour cette page, similaire au frontmatter dans les pages Markdown.
@@ -177,3 +202,33 @@ Définit l'étiquette d’identification BCP-47 pour le contenu de cette page, p
177202
**Par défaut :** `false`
178203

179204
Indique si cette page utilise un [contenu de repli](/fr/guides/i18n/#contenu-de-repli) parce qu'il n'y a pas de traduction pour la langue actuelle.
205+
206+
#### Composant `<AnchorHeading>`
207+
208+
Le composant `<AnchorHeading>` affiche un élément d'en-tête HTML avec un lien d'ancrage cliquable avec une apparence équivalente aux styles Markdown de Starlight.
209+
210+
```astro
211+
---
212+
import AnchorHeading from '@astrojs/starlight/components/AnchorHeading.astro';
213+
---
214+
215+
<AnchorHeading level="2" id="sous-rubrique">Sous rubrique</AnchorHeading>
216+
```
217+
218+
Il accepte les props suivantes ainsi que n'importe quel autre [attribut HTML universel valide](https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Global_attributes).
219+
220+
##### `level`
221+
222+
**Obligatoire**
223+
**Type :** `1 | 2 | 3 | 4 | 5 | 6`
224+
225+
Le niveau d'en-tête à afficher.
226+
Par exemple, `level="1"` afficherait un élément `<h1>`.
227+
228+
##### `id`
229+
230+
**Obligatoire**
231+
**Type :** `string`
232+
233+
Un identifiant unique pour cet en-tête.
234+
Celui-ci sera utilisé comme attribut `id` de l'en-tête affiché et l'icône d'ancrage rendirigera vers celui-ci.

0 commit comments

Comments
 (0)