1. グリッド

Tailwindを使用するようにヘッドレス サイトを構成する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

基本サイトを作成すると、デフォルトではBootstrap 5グリッド システムが使用されます。Tailwindグリッド システムを使用する場合は、空のサイトを作成し、そのサイトのグリッド設定でTailwindを使用するように指定する必要があります。

メモ

Tailwind (CSSクラスなど) の詳細については、https://tailwindcss.com/docs/ を参照してください。

Tailwindを使用するようにサイトを構成するには:

  1. XM Cloudダッシュボードまたはコンテンツエディターで空のサイトを作成します。

    大事な

    コンテンツ エディタを使用している場合は、Create a new headless siteダイアログ ボックスで、Basic siteチェック ボックスをオフにする必要があります。

  2. コンテンツ エディターを開き、コンテンツ ツリーで、作成したサイトの設定に移動します。

  3. Grid mappingフィールドで、「Tailwind」を選択します。

  4. 変更を保存します。

この記事を改善するための提案がある場合は、 お知らせください!