要素 - コンテンツとコンテナ

要素 - コンテンツとコンテナ

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ContentとContainerは、さまざまなスタイルで要素を追加・表示できます。レイアウトをよりクリエイティブかつ整理された構成にするのに役立ちます。Zoho SitesのWebサイトに、各種設定から要素を選択して追加できます。

ContentおよびContainerの追加方法：

  1. 追加するアイコンをクリックします。ビルダー画面左上にあるこのアイコンをクリックし、ドロップダウンリストからElementを選択してください。



  2. ContentまたはContainerの各要素設定の中から最適なオプションを確認し、ご希望のページセクションにドラッグ＆ドロップします。

Contentタイプは3種類あります：Carousel、タブ、Accordionです。
Containerタイプは箱とRowの2種類です。各設定の概要は以下の通りです：
Carouselはコンテンツをスライドショー形式で表示します。テキストや画像などを効果的に見せるのに最適です。Carouselオプションを画面上にドラッグ＆ドロップし、追加する Elementをクリックして、テキストや画像、任意の要素を含められます。

  1. 設定アイコンをクリックし、矢印のスタイル・位置・色の編集、スライドの切り替えや並び順の変更が行えます。

タブは、コンテンツをタブごとに分けて表示します。多くの情報をまとめたいときに便利です。タブオプションを画面上にドラッグ＆ドロップし、追加する Elementをクリックして、テキストや画像、任意の要素を含めることができます。

  1. 設定アイコンをクリックし、タブのスタイル・種類・配置の編集、タイポグラフィ・背景・枠線の変更が可能です。

アコーディオンは、コンテンツをプリーツ状の縦セクションで表示します。FAQを含めたい場合などに特に便利です。アコーディオンオプションを画面上にドラッグ＆ドロップし、要素を追加をクリックしてテキストや画像、任意の要素を追加できます。複製ボタンをクリックすると、アコーディオンメニューにさらにプリーツ（またはFAQ）を追加できます。

  1. 設定アイコンをクリックして各プリーツの名前を変更します。削除アイコンをクリックすると、特定のプリーツまたはタブを削除できます。

ボックスは、セクションをボックス状のパーツに分割できます。背景色や画像を追加して、コンテンツを強調表示できます。ボックス要素を画面上にドラッグ＆ドロップし、編集を開始してください。


行は、セクションをお好みの比率で複数の行に分割できます。行要素を画面上にドラッグ＆ドロップし、編集を開始してください。

  1. 設定アイコンをクリックして、お好みの比率や配置で行数を選択できます。

コンテナに要素を追加する方法:

要素を追加をクリックしてコンテンツトレイにアクセスし、追加したい要素を選択してください。


カスタマイズ、複製、再配置、要素の削除について詳しくは、こちらをご覧ください。