admin

1 ページの上部など、目立たせたい位置に Hero1 をドラッグ＆ドロップします。これがヒーローセクションのメインコンテナになります。 2 左側の設定パネルで Select Image をクリックし、背景画像を追加します。パソコンから新しくアップロードするか、ライブラリ内の画像を選択できます。デザインに合った高画質で見やすい画像を選びましょう。 3 Title 欄にウェルカムメッセージを入力します。 特定の単語を目立たせたい場合は Title Highlight を使います。 さらに Description 欄に補足説明を入力し、プレビューで文字の見やすさを確認します。 4 背景色を設定する場合は Background Color をクリックし、プリセットから選ぶか、カラーボックスで明度・色相・彩度を調整します。 5 Padding（top(上)・bottom(下)・left(左)・right(右)）の値を変更して、Hero 内側の余白を調整します。テキストやボタンが端に寄りすぎないように、プレビューを見ながら調整しましょう。 6 ダークテーマに対応させたい場合は Dark Mode をオンにします。背景が暗い場合でも文字が見やすくなります。 7 Hero 内にインタラクティブ要素を追加します。 たとえば Button をドラッグして設置し、ラベル（例：Get Started や Learn More）を入力して、サイト内の別ページへリンクさせます。 ボタンの設定方法については、別途「ボタン（Button）」のガイドラインも参考にしてください。

1 エディタパネルで下にスクロールし、CourseGrid を見つけて、コースを表示したいセクションまたはコンテナにドラッグ＆ドロップします。 2 CourseGrid を追加すると、サイト内のすべてのコースが自動的に整ったレイアウトで一覧表示されます。 複数のコースを一目で確認できるため、「コース一覧ページ」や「カタログページ」など、学習者に全コースをまとめて見せたい場合に最適です。 1 エディタパネルで下にスクロールし、CourseGrid を見つけて、コースを表示したいセクションまたはコンテナにドラッグ＆ドロップします。 2 CourseGrid を追加すると、サイト内のすべてのコースが自動的に整ったレイアウトで一覧表示されます。 複数のコースを一目で確認できるため、「コース一覧ページ」や「カタログページ」など、学習者に全コースをまとめて見せたい場合に最適です。

1 ページ上でコースを表示したい位置に CustomCourseGrid をドラッグ＆ドロップします。 通常の CourseGrid がすべてのコースを自動的に表示するのに対し、CustomCourseGrid では特定のコースだけを選んで表示することができます。 2 グリッド内のコースカードをクリックしてカスタマイズを開始します。各カードは表示したいコースを表し、コース内容に合わせて個別に調整できます。 3 コース画像を変更するには、Select Image をクリックします。メディアウィンドウで新しい画像をアップロードするか、ライブラリから既存の画像を選択します。コース内容を最もよく表す画像を設定しましょう。 4 title フィールドにコースタイトルを入力し、description フィールドに短いコース説明を書きます。　タイトルは学習者にコースの概要を簡潔に伝え、説明文ではコースの魅力や価値をわかりやすく補足します。 5 Price に金額を入力してコースの価格を設定します。無料の場合は「0」と入力すると、自動的に「Free（無料）」と表示されます。 6 Button Label（例：学びを始める や もっと見る）を編集して、コースのスタイルに合った行動喚起テキストに変更します。 次に、Button Link に正しいリンクを貼り付け、受講者がクリックした際にコースページまたは購入ページへ直接移動できるようにします。 7 複数のコースを表示したい場合は、+ ボタンをクリックしてコースカードを追加します。　追加した各カードについても同様の手順でカスタマイズを行えます。 8 最後に、再生アイコンを表示するかどうかを選択します。 ●　Show Icon：ボタン内に小さな矢印アイコンを表示し、視覚的にアクティブな印象を与えます。 ●　Hide Icon：アイコンを非表示にして、シンプルなデザインにします。

1 エディターパネルで下にスクロールし、CourseCarousel を見つけて、コースを表示したいセクションまたはコンテナにドラッグ＆ドロップします。 コースカルーセルは、すべてのコースを固定グリッドで一度に表示する代わりに、スライド形式でスクロールしながら見せたい場合に便利です。 2 カルーセルを追加すると、左側のパネルにサイト上のすべてのコース一覧が表示されます。 ●　表示したいコースのチェックボックスにチェックを入れます。 ●　複数のコースを同時に選択することも可能です。 ●　カルーセルは自動的にスライドに並べ替えられ、最適なレイアウトとして1スライドあたり最大4コースが表示されます。 ●　コースを一覧でなく、コンパクトでインタラクティブに紹介したい場合にCourseCarouselを使用します。

1 エディターパネルで TestimonialCarousel を見つけ、学生の声を表示したいセクションまたはコンテナにドラッグ＆ドロップします。 この要素を使用すると、受講生のフィードバックを静的なリストではなくスライド式のカルーセルとして表示できます。 2 カルーセルブロックの中で Student Name のプレースホルダーをクリックし、その特定のレビュー内容の編集を開始します。 3 受講生の基本情報を入力します： ●　Name フィールドに受講生のフルネームを入力し、より個人性と信頼感を持たせます。 ●　Title フィールドに受講生の職業、役職、または受講したコース名を入力し、レビューの背景を補足します。 4 Select Image をクリックして受講生のアバター画像を設定します。コンピューターから新しい画像をアップロードするか、メディアライブラリから選択できます。 5 Text フィールドに受講生のメッセージを入力します。これがレビュー本文となり、受講生の体験や感想を伝えます。 6 さらにレビューを追加したい場合は、+ ボタンをクリックして新しいレビュー枠を作成し、同じ手順（名前、タイトル、画像、本文）を繰り返します。 複数のレビューを追加すると、プレビュー上に自動的にナビゲーション矢印が表示され、スライド形式で切り替えできるようになります。 7 avatarSize オプションを開いて、受講生の画像サイズを調整します。 ●　Small：控えめなサイズで表示したい場合 ●　Large：画像をより目立たせたい場合

1 エレメントリストで下にスクロールし、FAQ をドラッグ＆ドロップして、展開式のQ&Aセクションを表示したいページ上の位置に配置します。 2 FAQ 内の任意の質問ブロックをクリックして編集を開始します。質問文と回答文の両方を変更でき、これがコンテンツをカスタマイズする主な方法です。 3 独自のQ&Aを作成します： ●　Title フィールド：質問タイトルを入力し、訪問者が内容をすぐに理解できるようにします。 ●　Text フィールド：質問が展開されたときに表示される詳細な回答を入力し、ユーザーが役立つ情報を見つけやすくします。 4 さらに質問を追加したい場合は、+ ボタンを押して追加の質問–回答ペアを作成します。追加後、プレビュー画面では質問がドロップダウン形式でリスト表示され、各質問を展開して回答を確認できます。追加できる質問数に制限はありません。 5 Size オプションを開き、small、medium、large のいずれかを選択してFAQの見た目を調整し、ページ全体のデザインと一貫性を保ちます。

1 ページエディター画面で、コンポーネント一覧を下にスクロールし、PostGridをページ内で表示したい場所にドラッグ＆ドロップします。 2 表示する投稿数を変更したい場合は、Number of Posts設定で調整します。 ※注意: ここに表示されるのは、ステータスが「Published」に設定されている投稿のみです。 3 下書きをクリックしてから下書きを保存をクリックすると、変更内容を公開せずに保存できます。 4 または 公開をクリックすると、変更内容をサイト上に反映して公開できます。