要素 - コンテンツとコンテナー
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
コンテンツとコンテナを使用すると、さまざまなスタイルで要素を追加して表示できます。レイアウトをよりクリエイティブに、整理された構成にできます。さまざまな設定から要素を選び、Zoho SitesのWebサイトに追加できます。
コンテンツとコンテナを追加するには
- 編集画面の左上にある［追加する］アイコン
をクリックし、ドロップダウン一覧から［要素］を選択します。
- ［コンテンツ］または［コンテナ］の要素設定から、最適なものを選択します。選択した要素を、ページ上の任意のセクションにドラッグ＆ドロップします。
コンテンツには、カルーセル、タブ、アコーディオンの3種類があります。
コンテナには、ボックスと行の2種類があります。各設定の概要は次のとおりです。
カルーセルでは、コンテンツがスライドショー形式で表示されます。テキストや画像などを表示するのに適しています。カルーセルを画面にドラッグ＆ドロップし、［要素を追加する］をクリックして、テキスト、画像、その他の任意の要素を追加します。
- ［設定］
アイコンをクリックして、矢印のスタイル、位置、色を編集したり、スライドの切り替え効果を変更したり、スライドを並べ替えたりします。
タブでは、コンテンツがタブ形式のセクションに表示されます。多くの情報をまとめて掲載する場合に便利です。タブを画面にドラッグ＆ドロップし、［要素を追加する］をクリックして、テキスト、画像、その他の任意の要素を追加します。
- ［設定］
アイコンをクリックして、タブのスタイル、種類、配置を編集したり、文字デザイン、背景、罫線を変更したりします。
アコーディオンでは、コンテンツが折りたたみ可能な垂直のセクションに表示されます。よくある質問を掲載する場合に特に便利です。タブを画面にドラッグ＆ドロップし、［要素を追加する］をクリックして、テキスト、画像、その他の任意の要素を追加します。アコーディオンメニューに折りたたみ項目（またはよくある質問）をさらに追加するには、［クローン］または［複製］ボタンをクリックします。
- ［設定］
アイコンをクリックして、各折りたたみ項目の名前を変更します。特定の折りたたみ項目またはタブを削除するには、［削除］アイコンをクリックします。
ボックスでは、セクションがボックス状の領域に分割されます。背景の色や画像を追加して、コンテンツを強調できます。ボックス要素を画面にドラッグ＆ドロップして、編集を開始します。
行では、セクションを任意の比率の行に分割できます。行要素を画面にドラッグ＆ドロップして、編集を開始します。
- ［設定］アイコンをクリックし、任意の比率と配置で必要な数の行を選択します。
コンテナに要素を追加するには
［要素を追加する］をクリックしてコンテンツトレイを開き、追加する要素を選択します。
要素のカスタマイズ、クローン、位置の変更、削除についての詳細は、こちらをクリックしてください。