Skip to content

Commit 7bd2266

Browse files
casungoHiDeoo
andauthored
i18n(it): Updates guides/customization.mdx (#2184)
Co-authored-by: HiDeoo <[email protected]>
1 parent 336378c commit 7bd2266

File tree

1 file changed

+19
-18
lines changed

1 file changed

+19
-18
lines changed

docs/src/content/docs/it/guides/customization.mdx

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Personalizzazione di Starlight
3-
description: Scopri come personalizzare il tuo sito Starlight con il tuo logo, caratteri personalizzati, design della pagina di destinazione e altro ancora.
3+
description: Scopri come personalizzare il tuo sito Starlight con il tuo logo, font personalizzati, design della pagina di destinazione e altro ancora.
44
---
55

66
import { Tabs, TabItem, FileTree, Steps } from '@astrojs/starlight/components';
@@ -107,6 +107,8 @@ export default defineConfig({
107107
});
108108
```
109109

110+
Scopri come [aggiungere un link alla mappa del sito nel file `robots.txt`](https://docs.astro.build/it/guides/integrations-guide/sitemap/#sitemap-link-in-robotstxt) nella documentazione di Astro.
111+
110112
## Layout della pagina
111113

112114
Per impostazione predefinita, le pagine Starlight utilizzano un layout con una barra laterale di navigazione globale e un indice dei contenuti che mostra le intestazioni della pagina corrente.
@@ -130,7 +132,7 @@ Puoi personalizzare, o addirittura disabilitare, l'indice dei contenuti a livell
130132

131133
Per impostazione predefinita, le intestazioni `<h2>` e `<h3>` sono incluse nell'indice dei contenuti. Modifica i livelli delle intestazioni da includere in tutto il sito utilizzando le opzioni `minHeadingLevel` e `maxHeadingLevel` nel tuo [global `tableOfContents`](/it/reference/configuration/#tableofcontents). Sostituisci queste impostazioni predefinite su una singola pagina aggiungendo le proprietà [frontmatter `tableOfContents`](/it/reference/frontmatter/#tableofcontents) corrispondenti:
132134

133-
<Tabs>
135+
<Tabs syncKey="config-type">
134136
<TabItem label="Frontmatter">
135137

136138
```md {4-6}
@@ -164,7 +166,7 @@ defineConfig({
164166

165167
Disabilita completamente l'indice dei contenuti impostando l'opzione `tableOfContents` su `false`:
166168

167-
<Tabs>
169+
<Tabs syncKey="config-type">
168170
<TabItem label="Frontmatter">
169171

170172
```md {4}
@@ -184,8 +186,7 @@ tableOfContents: false
184186
defineConfig({
185187
integrations: [
186188
starlight({
187-
title:
188-
'Documentazione con indice dei contenuti disabilitato a livello globale',
189+
title: 'Documentazione con indice dei contenuti disabilitato a livello globale',
189190
tableOfContents: false,
190191
}),
191192
],
@@ -304,23 +305,23 @@ export default defineConfig({
304305
});
305306
```
306307

307-
## Caratteri personalizzati
308+
## Font personalizzati
308309

309-
Per impostazione predefinita, Starlight utilizza i caratteri sans-serif disponibili sul dispositivo locale dell'utente per tutto il testo.
310-
Ciò garantisce che la documentazione venga caricata rapidamente in un carattere familiare a ciascun utente, senza richiedere larghezza di banda aggiuntiva per scaricare file di caratteri di grandi dimensioni.
310+
Per impostazione predefinita, Starlight utilizza i font sans-serif disponibili sul dispositivo locale dell'utente per tutto il testo.
311+
Ciò garantisce che la documentazione venga caricata rapidamente in un carattere familiare a ciascun utente, senza richiedere larghezza di banda aggiuntiva per scaricare file di font di grandi dimensioni.
311312

312-
Se devi aggiungere un carattere personalizzato al tuo sito Starlight, puoi impostare i caratteri da utilizzare nei file CSS personalizzati o con qualsiasi altra [tecnica di stile Astro](https://docs.astro.build/it/guides/styling/) .
313+
Se devi aggiungere un carattere personalizzato al tuo sito Starlight, puoi impostare i font da utilizzare nei file CSS personalizzati o con qualsiasi altra [tecnica di stile Astro](https://docs.astro.build/it/guides/styling/) .
313314

314-
### Imposta i caratteri
315+
### Imposta i font
315316

316-
Se disponi già di file di font, segui la [guida alla configurazione locale](#configura-i-file-dei-caratteri-locali).
317+
Se disponi già di file di font, segui la [guida alla configurazione locale](#configura-i-file-dei-font-locali).
317318
Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](#configura-un-font-fontsource).
318319

319-
#### Configura i file dei caratteri locali
320+
#### Configura i file dei font locali
320321

321322
<Steps>
322323

323-
1. Aggiungi i file dei caratteri a una directory `src/fonts/` e crea un file `font-face.css` vuoto:
324+
1. Aggiungi i file dei font a una directory `src/fonts/` e crea un file `font-face.css` vuoto:
324325

325326
<FileTree>
326327

@@ -333,7 +334,7 @@ Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](
333334

334335
</FileTree>
335336

336-
2. Aggiungi una [dichiarazione `@font-face`](https://developer.mozilla.org/it/docs/Web/CSS/@font-face) per ciascuno dei tuoi caratteri in `src/fonts/font-face.css`.
337+
2. Aggiungi una [dichiarazione `@font-face`](https://developer.mozilla.org/it/docs/Web/CSS/@font-face) per ciascuno dei tuoi font in `src/fonts/font-face.css`.
337338
Utilizza un percorso relativo al file del font nella funzione `url()`.
338339

339340
```css
@@ -373,16 +374,16 @@ Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](
373374

374375
#### Configura un font Fontsource
375376

376-
Il progetto [Fontsource](https://fontsource.org/) semplifica l'utilizzo di Google Fonts e altri caratteri open source.
377-
Fornisce moduli npm che puoi installare per i caratteri che desideri utilizzare e include file CSS già pronti da aggiungere al tuo progetto.
377+
Il progetto [Fontsource](https://fontsource.org/) semplifica l'utilizzo di Google Fonts e altri font open source.
378+
Fornisce moduli npm che puoi installare per i font che desideri utilizzare e include file CSS già pronti da aggiungere al tuo progetto.
378379

379380
<Steps>
380381

381382
1. Trova il font che desideri utilizzare nel [catalogo di Fontsource](https://fontsource.org/).
382383
Questo esempio utilizzerà [IBM Plex Serif](https://fontsource.org/fonts/ibm-plex-serif).
383384

384385
2. Installa il pacchetto per il font scelto.
385-
Puoi trovare il nome del pacchetto facendo clic su "Installa" nella pagina dei caratteri Fontsource.
386+
Puoi trovare il nome del pacchetto facendo clic su "Installa" nella pagina dei font Fontsource.
386387

387388
<Tabs>
388389

@@ -437,7 +438,7 @@ Fornisce moduli npm che puoi installare per i caratteri che desideri utilizzare
437438

438439
</Steps>
439440

440-
### Usa i caratteri
441+
### Usa i font
441442

442443
Per applicare il font che hai impostato al tuo sito, utilizza il nome del font scelto in un [file CSS personalizzato](/it/guides/css-and-tailwind/#stili-css-personalizzati).
443444
Ad esempio, per sovrascrivere ovunque il font predefinito di Starlight, imposta la proprietà personalizzata `--sl-font`:

0 commit comments

Comments
 (0)