要素 - コンテンツとコンテナ
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
ContentとContainerは、さまざまなスタイルで要素を追加・表示できます。レイアウトをよりクリエイティブかつ整理された構成にするのに役立ちます。Zoho SitesのWebサイトに、各種設定から要素を選択して追加できます。
ContentおよびContainerの追加方法：
- 追加するアイコンをクリックします。
ビルダー画面左上にあるこのアイコンをクリックし、ドロップダウンリストからElementを選択してください。
- ContentまたはContainerの各要素設定の中から最適なオプションを確認し、ご希望のページセクションにドラッグ＆ドロップします。
Contentタイプは3種類あります：Carousel、タブ、Accordionです。
Containerタイプは箱とRowの2種類です。各設定の概要は以下の通りです：
Carouselはコンテンツをスライドショー形式で表示します。テキストや画像などを効果的に見せるのに最適です。Carouselオプションを画面上にドラッグ＆ドロップし、追加する Elementをクリックして、テキストや画像、任意の要素を含められます。
- 設定
アイコンをクリックし、矢印のスタイル・位置・色の編集、スライドの切り替えや並び順の変更が行えます。
タブは、コンテンツをタブごとに分けて表示します。多くの情報をまとめたいときに便利です。タブオプションを画面上にドラッグ＆ドロップし、追加する Elementをクリックして、テキストや画像、任意の要素を含めることができます。
- 設定
アイコンをクリックし、タブのスタイル・種類・配置の編集、タイポグラフィ・背景・枠線の変更が可能です。
アコーディオンは、コンテンツをプリーツ状の縦セクションで表示します。FAQを含めたい場合などに特に便利です。アコーディオンオプションを画面上にドラッグ＆ドロップし、要素を追加をクリックしてテキストや画像、任意の要素を追加できます。複製ボタンをクリックすると、アコーディオンメニューにさらにプリーツ（またはFAQ）を追加できます。
- 設定
アイコンをクリックして各プリーツの名前を変更します。削除アイコンをクリックすると、特定のプリーツまたはタブを削除できます。
ボックスは、セクションをボックス状のパーツに分割できます。背景色や画像を追加して、コンテンツを強調表示できます。ボックス要素を画面上にドラッグ＆ドロップし、編集を開始してください。
行は、セクションをお好みの比率で複数の行に分割できます。行要素を画面上にドラッグ＆ドロップし、編集を開始してください。
- 設定アイコンをクリックして、お好みの比率や配置で行数を選択できます。
コンテナに要素を追加する方法:
要素を追加をクリックしてコンテンツトレイにアクセスし、追加したい要素を選択してください。
カスタマイズ、複製、再配置、要素の削除について詳しくは、こちらをご覧ください。
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho Campaigns Resources
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
要素
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 要素を使用すると、ウェブサイトにさまざまなコンテンツタイプを追加できます。それぞれに独自のカスタマイズオプションがあります。要素を使用して、常に望んでいたウェブサイトを構築できます。テキスト、画像、ボタン、区切り線、オーディオ、ビデオなど、さまざまな要素から選択できます。 ...要素：段落
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 メッセージのトーンを調整したり、適切な場所に新しいコンテンツを追加したりする際に、コンテンツを常に最新かつ魅力的に保つことができます。この機能を利用すると、Webサイト全体の段落要素を編集できます。このオプションでテキストやリンクの編集を選択できます。 Visual ...要素 - 画像
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 「百聞は一見に如かず」と言われるように、画像はWebサイトに視覚的な魅力を与え、読者の興味を引き付けます。単体の画像、テキスト付き画像、ギャラリーを追加できます。 画像を追加するには ...要素: タブ
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ...要素 - 区切り
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 区切り線は、セクションの終わりと次の開始を示す細い横線です。区切り線やスペーサーは、ページ上の要素やセクション間のスペースを増やすのに役立ちます。Webサイトの内容をグループ化し、それぞれの違いを明確にしたい場合に使用してください。 Zoho Sites ...