Skip to content

i18n(fr): update guides/cms/cloudcannon.mdx #13238

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ArmandPhilippot wants to merge 1 commit into
base: main
Choose a base branch
from
Open

i18n(fr): update guides/cms/cloudcannon.mdx #13238

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 13 additions & 18 deletions src/content/docs/fr/guides/cms/cloudcannon.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
[CloudCannon](https://cloudcannon.com) est un système de gestion de contenu headless basé sur Git qui fournit un éditeur visuel pour votre contenu et vos composants d'interface utilisateur, offrant une riche expérience d'édition en direct.

:::tip
Si vous démarrez un projet à partir de zéro, vous pouvez utiliser le [modèle de démarrage Astro de CloudCannon](https://cloudcannon.com/templates/astro-starter/) avec les fonctionnalités de CloudCannon couramment utilisées pour réduire le temps de configuration.
Si vous démarrez un projet à partir de zéro, vous pouvez utiliser le [modèle Sendit de CloudCannon pour Astro](https://cloudcannon.com/templates/sendit/?ssg=astro) contenant les fonctionnalités de CloudCannon couramment utilisées pour réduire le temps de configuration.
:::

## Intégration avec Astro
Expand Down Expand Up @@ -47,11 +47,12 @@ Les étapes suivantes vous permettront de configurer un nouveau site CloudCannon
2. Authentifiez votre fournisseur Git et sélectionnez le dépôt Astro auquel vous souhaitez vous connecter.
3. Choisissez un nom pour votre site, puis CloudCannon créera le site et commencera à synchroniser vos fichiers.
4. Suivez les instructions de CloudCannon dans le tableau de bord de votre site pour finaliser sa configuration, notamment la création d'un fichier de configuration CloudCannon (`cloudcannon.config.yml`).
5. Enregistrez votre fichier de configuration pour l'intégrer à votre dépôt Git avec vos préférences CloudCannon.
5. Configurez l'apparence et le comportement de CloudCannon pour les éditeurs en ajoutant des paramètres à votre fichier de configuration CloudCannon. Vous pouvez effectuer des modifications à l'aide du [mode de configuration](https://cloudcannon.com/documentation/articles/what-is-configuration-mode/) de CloudCannon, ou vous pouvez ajouter la configuration manuellement vous-même dans un éditeur de code.
6. Désactivez le mode de configuration pour revenir à l'interface d'édition destinée aux créateurs de contenu. Votre fichier de configuration sera enregistré dans votre dépôt avec le reste de vos fichiers.

</Steps>

Vous pouvez désormais explorer le tableau de bord de votre site pour consulter vos fichiers Astro et les modifier avec l'éditeur de contenu.
Vous pouvez désormais explorer le tableau de bord de votre site pour consulter les fichiers de contenu de votre site Astro et les modifier à l'aide de l'[éditeur de contenu](https://cloudcannon.com/documentation/articles/what-is-the-content-editor/) (par exemple `.md`, `.mdx`), de l'[éditeur de données](https://cloudcannon.com/documentation/articles/what-is-the-data-editor/) (par exemple `.yml`, `.json`) et de l'[éditeur visuel](https://cloudcannon.com/documentation/articles/what-is-the-visual-editor/) (par exemple `.astro`), selon le cas.

Vous pouvez également profiter de certaines fonctionnalités de CloudCannon, telles qu'[organiser vos fichiers en collections](#les-collections-et-schémas-de-cloudcannon), [créer des schémas CloudCannon](#créer-un-schéma-cloudcannon-pour-une-collection) et configurer votre projet pour [l'édition visuelle](#configurer-lédition-visuelle).

Expand Down Expand Up @@ -115,19 +116,19 @@ L'exemple suivant créera un nouvel article de blog à partir de la collection

3. Remplissez les champs nécessaires dans la barre latérale de votre éditeur de contenu (par exemple `title`, `author`, `date`), puis publiez votre contenu et enregistrez-le.

3. Cet article est enregistré localement dans CloudCannon et devrait maintenant être visible depuis le tableau de bord de votre site, dans votre collection « Articles ». Vous pouvez consulter et modifier tous vos articles individuellement depuis cette page du tableau de bord.
4. Cet article est enregistré localement dans CloudCannon et devrait maintenant être visible depuis le tableau de bord de votre site, dans votre collection « Articles ». Vous pouvez consulter et modifier tous vos articles individuellement depuis cette page du tableau de bord.

4. Lorsque vous serez prêt à enregistrer ce nouvel article dans votre dépôt Astro, sélectionnez « Enregistrer » dans la barre latérale de navigation du site, depuis votre tableau de bord. Vous verrez ainsi toutes les modifications non enregistrées apportées à votre site depuis le dernier commit dans votre dépôt, ce qui vous permettra de les examiner et de sélectionner celles à conserver ou à supprimer.
5. Lorsque vous serez prêt à enregistrer ce nouvel article dans votre dépôt Astro, sélectionnez « Enregistrer » dans la barre latérale de navigation du site, depuis votre tableau de bord. Vous verrez ainsi toutes les modifications non enregistrées apportées à votre site depuis le dernier commit dans votre dépôt, ce qui vous permettra de les examiner et de sélectionner celles à conserver ou à supprimer.

5. Retournez à l'affichage de vos fichiers de projet Astro et récupérez les modifications depuis Git. Vous trouverez désormais un nouveau fichier `.md` dans le répertoire spécifié pour ce nouvel article, par exemple :
6. Retournez à l'affichage de vos fichiers de projet Astro et récupérez les modifications depuis Git. Vous trouverez désormais un nouveau fichier `.md` dans le répertoire spécifié pour ce nouvel article, par exemple :
<FileTree title="Structure du projet">
- src/
- content/
- blog/
- **mon-nouvel-article.md**
</FileTree>

5. Ouvrez ce fichier dans votre éditeur de code et vérifiez que vous pouvez voir le contenu Markdown que vous avez saisi. Par exemple :
7. Ouvrez ce fichier dans votre éditeur de code et vérifiez que vous pouvez voir le contenu Markdown que vous avez saisi. Par exemple :
```markdown
---
title: Mon nouvel article
Expand Down Expand Up @@ -186,6 +187,8 @@ Pour plus d'informations sur la requête, le filtrage, l'affichage du contenu de

## Déploiement de CloudCannon + Astro

[CloudCannon propose un hébergement web gratuit](https://cloudcannon.com/documentation/articles/what-is-web-hosting/) compris dans tous ses forfaits, qui utilise Cloudflare sous le capot. Cependant, vous pouvez utiliser presque n'importe quel fournisseur d'hébergement capable de déployer à partir d'un dépôt Git.

Pour déployer votre site web, consultez nos [guides de déploiement](/fr/guides/deploy/) et suivez les instructions de votre fournisseur d'hébergement préféré.

## Configurer l'édition visuelle
Expand Down Expand Up @@ -255,18 +258,10 @@ CloudCannon vous permet de [définir des zones éditables pour les composants](h
```
</Steps>

:::tip
Consultez également l'intégration [Astro Bookshop de CloudCannon](https://cloudcannon.com/blog/how-cloudcannons-live-editing-works-with-astro-and-bookshop/) qui vous permet d'ajouter une directive `bookshop:live` pour activer l'édition en direct de n'importe quel composant de votre modèle Astro. Il vous permet également de configurer des [extraits CloudCannon](https://cloudcannon.com/documentation/articles/what-is-a-snippet/) modifiables en direct pour l'édition visuelle et la création de pages avec des composants, y compris dans votre contenu MDX Markdown.
:::

## Ressources officielles

- [CloudCannon : le CMS pour Astro (Anglais)](https://cloudcannon.com/astro-cms/)
- [Modèle de démarrage Astro (Anglais)](https://cloudcannon.com/templates/astro-starter/)
- [Modèle Sendit pour Astro (Anglais)](https://cloudcannon.com/templates/sendit/?ssg=astro)
- Vidéo : [Premiers pas avec Astro et CloudCannon CMS : blog WYSIWYG (Anglais)](https://www.youtube.com/watch?v=VCbZV-SCr20)
- Blog : [Comment l'édition en direct de CloudCannon fonctionne avec Astro et Bookshop (Anglais)](https://cloudcannon.com/blog/how-cloudcannons-live-editing-works-with-astro-and-bookshop/)
- [Guide Bookshop & Astro (Anglais)](https://cloudcannon.com/documentation/guides/bookshop-astro-guide/)

## Ressources communautaires

- Vidéo : [CMS Astro pour l'édition visuelle : Premiers pas avec CloudCannon (Anglais)](https://www.youtube.com/watch?v=YcH53e1YamE)
- Vidéo : [Utilisation du mode de configuration de CloudCannon (Anglais)](https://www.youtube.com/watch?v=3OOyYcPD46Y)
- Vidéo : [Modifiez visuellement votre site Astro (Anglais)](https://www.youtube.com/watch?v=RMbPsyJ5Gms)