Skip to content

Commit

Permalink
Merge branch 'main' into patch-1
Browse files Browse the repository at this point in the history
  • Loading branch information
sarah11918 authored Oct 18, 2024
2 parents 047ccc3 + 7cef7a6 commit 6a2414e
Show file tree
Hide file tree
Showing 12 changed files with 630 additions and 31 deletions.
4 changes: 2 additions & 2 deletions src/content/docs/en/guides/imports.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ import './style.css';

Astro supports importing CSS files directly into your application. Imported styles expose no exports, but importing one will automatically add those styles to the page. This works for all CSS files by default, and can support compile-to-CSS languages like Sass & Less via plugins.

<ReadMore>Read more about advanced CSS import use cases such as a direct URL reference for a CSS file, or importing CSS as a string in the [Styling guide](/en/guides/styling/#advanced)</ReadMore>`
<ReadMore>Read more about advanced CSS import use cases such as a direct URL reference for a CSS file, or importing CSS as a string in the [Styling guide](/en/guides/styling/#advanced).</ReadMore>

### CSS Modules

Expand Down Expand Up @@ -136,7 +136,7 @@ All other assets not explicitly mentioned above can be imported via ESM `import`

It can also be useful to place images in the `public/` folder as explained on the [project-structure page](/en/basics/project-structure/#public).

<ReadMore>Read about appending Vite import paramaters (e.g. `?url`, `?raw`) in [Vite's static asset handling guide](https://vite.dev/guide/assets.html)</ReadMore>`
<ReadMore>Read more about appending Vite import parameters (e.g. `?url`, `?raw`) in [Vite's static asset handling guide](https://vite.dev/guide/assets.html).</ReadMore>

:::note
Adding **alt text** to `<img>` tags is encouraged for accessibility! Don't forget to add an `alt="a helpful description"` attribute to your image elements. You can just leave the attribute empty if the image is purely decorative.
Expand Down
20 changes: 10 additions & 10 deletions src/content/docs/fr/guides/cms/drupal.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -105,9 +105,9 @@ Votre contenu est récupéré à partir d'une URL JSON:API.

La structure de base de l'URL est : `/jsonapi/{entity_type_id}/{bundle_id}`

L'URL est toujours préfixée par `jsonapi`
L'URL est toujours préfixée par `jsonapi`.
- `entity_type_id` fait référence au type d'entité, tel qu'un nœud, un bloc, un utilisateur, etc.
- `bundle_id` fait référence aux bundles d'entités. Dans le cas d'un type d'entité Node, le bundle peut être un article
- `bundle_id` fait référence aux bundles d'entités. Dans le cas d'un type d'entité Node, le bundle peut être un article.
- Dans ce cas, pour obtenir la liste de tous les articles, l'URL sera `[DRUPAL_BASE_URL]/jsonapi/node/article`.

Pour récupérer une entité individuelle, la structure de l'URL sera `/jsonapi/{entity_type_id}/{bundle_id}/{uuid}`, où l'uuid est l'UUID de l'entité. Par exemple, l'URL pour obtenir un article spécifique sera de la forme `/jsonapi/node/article/2ee9f0ef-1b25-4bbe-a00f-8649c68b1f7e`.
Expand All @@ -127,14 +127,14 @@ Exemples :
Ajoutez un filtre à votre demande en ajoutant la chaîne de requête du filtre.

Le filtre le plus simple et le plus courant est un filtre clé-valeur :
GET : `/jsonapi/{entity_type_id}/{bundle_id}?filter[field_name]=value&filter[field_other]=value`

GET : `/jsonapi/{entity_type_id}/{bundle_id}?filter[field_name]=value&filter[field_other]=value`

Exemples :
- `/jsonapi/node/article?filter[title]=Testing JSON:API&filter[status]=1`
- `/jsonapi/node/article/2ee9f0ef-1b25-4bbe-a00f-8649c68b1f7e?fields[node--article]=title&filter[title]=Testing JSON:API`

Vous pouvez trouver plus d'options de requête dans la [Documentation JSON:API](https://www.drupal.org/docs/core-modules-and-themes/core-modules/jsonapi-module)
Vous pouvez trouver plus d'options de requête dans la [Documentation JSON:API](https://www.drupal.org/docs/core-modules-and-themes/core-modules/jsonapi-module).

### Créer une requête Drupal

Expand Down Expand Up @@ -292,7 +292,7 @@ Avec la configuration ci-dessus, vous êtes désormais en mesure de créer un bl
}
```

3. Créez la fonction `getArticles()` pour obtenir tous les articles publiés.
4. Créez la fonction `getArticles()` pour obtenir tous les articles publiés.

```ts title="src/api/drupal.ts" ins={23-40}
import {Jsona} from "jsona";
Expand Down Expand Up @@ -339,7 +339,7 @@ Avec la configuration ci-dessus, vous êtes désormais en mesure de créer un bl

Vous pouvez désormais utiliser la fonction `getArticles()` dans un composant `.astro` pour obtenir tous les articles publiés avec des données pour chaque titre, corps, chemin et date de création.

4. Accédez à la page Astro où vous récupérerez les données de Drupal. L'exemple suivant crée une page de destination d'articles à l'adresse `src/pages/articles/index.astro`.
5. Accédez à la page Astro où vous récupérerez les données de Drupal. L'exemple suivant crée une page de destination d'articles à l'adresse `src/pages/articles/index.astro`.

Importez les dépendances nécessaires et récupérez toutes les entrées de Drupal avec un type de contenu `article` en utilisant `getArticles()` tout en passant l'interface `DrupalNode` pour saisir votre réponse.

Expand Down Expand Up @@ -373,9 +373,9 @@ Avec la configuration ci-dessus, vous êtes désormais en mesure de créer un bl
- types.ts
</FileTree>

5. Ajoutez du contenu à votre page, comme un titre. Utilisez `articles.map()` pour afficher vos entrées Drupal sous forme d'éléments dans une liste.
6. Ajoutez du contenu à votre page, comme un titre. Utilisez `articles.map()` pour afficher vos entrées Drupal sous forme d'éléments dans une liste.

```astro title="src/pages/articles/index.astro" ins={12-28}
```astro title="src/pages/articles/index.astro" ins={12-29}
---
import {Jsona} from "jsona";
import {DrupalJsonApiParams} from "drupal-jsonapi-params";
Expand Down Expand Up @@ -492,7 +492,7 @@ Cet exemple utilise le mode statique par défaut d'Astro et crée [un fichier de
- `body` : une chaîne de caractères, représentant le contenu de votre entrée.
- `created` : un horodatage, basé sur la date de création de votre fichier.

4. Utilisez les `props` de la page pour afficher votre article de blog.
3. Utilisez les `props` de la page pour afficher votre article de blog.

```astro title="src/pages/articles/[path].astro" ins={30, 32-42}
---
Expand Down Expand Up @@ -538,7 +538,7 @@ Cet exemple utilise le mode statique par défaut d'Astro et crée [un fichier de
</html>
```

5. Accédez à l’aperçu de votre serveur de développement et cliquez sur l’un de vos messages pour vous assurer que votre route dynamique fonctionne.
4. Accédez à l’aperçu de votre serveur de développement et cliquez sur l’un de vos messages pour vous assurer que votre route dynamique fonctionne.

</Steps>

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/media.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Cela peut être particulièrement utile lorsque vous utilisez une source unique

## Quels systèmes multimédias hébergés ou DAM fonctionnent bien avec Astro ?

Tout comme un CMS, étant donné qu'Astro gère la _présentation_ de votre contenu, vous souhaiterez utiliser un DAM headless, qui vous permet de récupérer et d'interagir avec vos ressources via une API ou un SDK.
Tout comme lorsque vous utilisez un CMS, comme Astro gère la _présentation_ de votre contenu, vous souhaiterez utiliser un DAM headless qui vous permet de récupérer et d'interagir avec vos ressources via une API ou un SDK.

Certains DAM headless, comme Cloudinary, fournissent une [intégration](/fr/guides/integrations-guide/) Astro qui vous permet de récupérer facilement vos ressources et de les afficher sur votre site Web ou votre application.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ Pour convertir d'autres types de sites, comme un portfolio ou un site de documen
- [Créer un site e-commerce avec WordPress Headless et Astro](https://shaxadd.medium.com/building-an-e-commerce-website-with-headless-wordpress-and-astro-2712d8c8b735) (en)
- [Thème Astro WordPress Starter](https://astro.build/themes/details/astro-wordpress-starter/) (en)
- [Thème Kubrick Astro](https://astro.build/themes/details/kubrick-astro/) (en)
- [Migrer de WordPress vers Astro](https://delucis.github.io/dewp/) (en)
- 📺 [Créez un site WordPress sans tête avec Astro](https://www.youtube.com/watch?v=54U7dVmhyxE) (en)
- 📺 [Démo de démarrage WordPress sans tête avec Astro](https://www.youtube.com/watch?v=BcoxZZIfESI) (en)
- 📺 [Astro + WPGraphQL pour des sites WordPress plus sécurisés](https://www.youtube.com/watch?v=fWxn-r83ygQ) (en)
Expand Down
14 changes: 7 additions & 7 deletions src/content/docs/ko/guides/cms/drupal.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -127,8 +127,8 @@ GET: `/jsonapi/{entity_type_id}/{bundle_id}?field[entity_type]=field_list`
쿼리 문자열 필터를 추가하여 요청에 필터를 추가합니다.

가장 간단하고 일반적인 필터는 키-값 필터입니다:
GET: `/jsonapi/{entity_type_id}/{bundle_id}?filter[field_name]=value&filter[field_other]=value`

GET: `/jsonapi/{entity_type_id}/{bundle_id}?filter[field_name]=value&filter[field_other]=value`

예시:
- `/jsonapi/node/article?filter[title]=Testing JSON:API&filter[status]=1`
Expand Down Expand Up @@ -293,7 +293,7 @@ const articles = dataFormatter.deserialize(json);
}
```

3. 게시된 모든 articles를 가져오는 `getArticles()` 함수를 만듭니다.
4. 게시된 모든 articles를 가져오는 `getArticles()` 함수를 만듭니다.

```ts title="src/api/drupal.ts" ins={23-40}
import {Jsona} from "jsona";
Expand Down Expand Up @@ -340,7 +340,7 @@ const articles = dataFormatter.deserialize(json);

이제 `.astro` 컴포넌트에서 `getArticles()` 함수를 사용하여 각 제목, 본문, 경로, 작성 날짜에 대한 데이터가 포함된 게시된 모든 articles를 가져올 수 있습니다.

4. Drupal에서 데이터를 가져올 Astro 페이지로 이동합니다. 다음 예시는 `src/pages/articles/index.astro`에 articles 랜딩 페이지를 만듭니다.
5. Drupal에서 데이터를 가져올 Astro 페이지로 이동합니다. 다음 예시는 `src/pages/articles/index.astro`에 articles 랜딩 페이지를 만듭니다.

필요한 종속성을 가져오세요. 그리고 `getArticles()` 함수를 사용하여 Drupal에서 `article` 콘텐츠 타입의 모든 항목을 가져오세요. 이때 응답의 타입을 지정하기 위해 `DrupalNode` 인터페이스를 함수에 전달하세요.

Expand Down Expand Up @@ -374,9 +374,9 @@ const articles = dataFormatter.deserialize(json);
- types.ts
</FileTree>

5. 제목과 같은 콘텐츠를 페이지에 추가합니다. `articles.map()`을 사용하여 Drupal 항목을 목록의 줄 항목으로 표시합니다.
6. 제목과 같은 콘텐츠를 페이지에 추가합니다. `articles.map()`을 사용하여 Drupal 항목을 목록의 줄 항목으로 표시합니다.

```astro title="src/pages/articles/index.astro" ins={12-28}
```astro title="src/pages/articles/index.astro" ins={12-29}
---
import {Jsona} from "jsona";
import {DrupalJsonApiParams} from "drupal-jsonapi-params";
Expand Down Expand Up @@ -493,7 +493,7 @@ const articles = dataFormatter.deserialize(json);
- `body`: 글의 내용을 나타내는 문자열입니다.
- `created`: 파일 작성 날짜를 기준으로 한 타임스탬프입니다.

4. 페이지 `props`를 사용하여 블로그 글을 표시합니다.
3. 페이지 `props`를 사용하여 블로그 글을 표시합니다.

```astro title="src/pages/articles/[path].astro" ins={30, 32-42}
---
Expand Down Expand Up @@ -539,7 +539,7 @@ const articles = dataFormatter.deserialize(json);
</html>
```

5. 개발 서버 미리 보기로 이동하여 게시물 중 하나를 클릭하여 동적 경로가 작동하는지 확인합니다.
4. 개발 서버 미리 보기로 이동하여 게시물 중 하나를 클릭하여 동적 경로가 작동하는지 확인합니다.

</Steps>

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ko/guides/media.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ DAM, 즉 디지털 자산 관리자를 사용하면 개인, 팀, 조직이 [CMS]

## Astro에서 잘 동작하는 호스팅되는 미디어 시스템 또는 DAM은 무엇인가요?

CMS와 마찬가지로 Astro는 콘텐츠의 _프레젠테이션_관리하므로 API 또는 SDK를 통해 자산을 가져와 상호 작용할 수 있는 헤드리스 DAM을 사용하는 것이 좋습니다.
CMS를 사용할 때와 마찬가지로, Astro는 콘텐츠의 _프레젠테이션_처리하므로 API 또는 SDK를 통해 자산을 가져와 상호 작용할 수 있는 헤드리스 DAM을 사용하는 것이 좋습니다.

Cloudinary와 같은 일부 헤드리스 DAM은 자산을 쉽게 가져와 웹사이트나 앱에 표시할 수 있는 Astro [통합](/ko/guides/integrations-guide/)을 제공합니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ WordPress 블로그를 Astro로 변환하려면 블로그 테마 시작 템플
- [Building an E-commerce Website with Headless WordPress and Astro](https://shaxadd.medium.com/building-an-e-commerce-website-with-headless-wordpress-and-astro-2712d8c8b735)
- [Astro WordPress Starter Theme](https://astro.build/themes/details/astro-wordpress-starter/)
- [Kubric Astro Theme](https://astro.build/themes/details/kubrick-astro/)
- [Migrate WordPress to Astro](https://delucis.github.io/dewp/)
- 📺 [Make a Headless WordPress Site with Astro](https://www.youtube.com/watch?v=54U7dVmhyxE)
- 📺 [Astro Headless WordPress Starter Demo](https://www.youtube.com/watch?v=BcoxZZIfESI)
- 📺 [Astro + WPGraphQL for more secure WordPress sites](https://www.youtube.com/watch?v=fWxn-r83ygQ)
Expand Down
Loading

0 comments on commit 6a2414e

Please sign in to comment.