Studio

リストは、同一レイアウトの要素のコンテンツとデザインを効率的に管理できる機能です。リスト化された要素は、レイアウトは共通のまま、アイテムごとにテキストや画像、色、表示・非表示などを個別に設定できます。

Studioのリスト内アイテムごとに、個別の画像を設定する手順を解説します。右パネルの[画像]タブで画像を設定すると、全てのリストアイテムに同じ画像が設定されます。異なる画像を設定するには、右パネルの[データ]タブでプロパティ管理表に追加した画像を紐づけます。

リスト：アイテムごとに異なる画像を設定する

Studioのリスト内アイテムごとに、個別のテキストを設定する手順を解説します。右パネルの[テキスト]タブでテキストを設定すると、全てのリストアイテムに同じテキストが設定されます。異なるテキストを設定するには、右パネルの[データ]タブでプロパティ管理表に追加したテキストをテキストボックスに紐づけます。

リスト：アイテムごとに異なるテキストを設定する

Studioのリスト内アイテムごとに、個別のリンク先を設定する手順を解説します。右パネルの[設定]タブでリンクを設定すると、全てのリストアイテムに同じリンクが設定されます。異なるリンクを設定するには、右パネルの[データ]タブでプロパティ管理表に追加したリンクを紐づけます。

リスト：アイテムごとに異なるリンクを設定する

リスト内のアイテムごとにデザインを個別調整する方法を解説します。

リスト：アイテムごとに要素を表示/非表示にする

カラープロパティを使って、リスト内のアイテムごとにボックスの色を個別管理する方法を説明します。カテゴリーごとに色を分けたい場合などに活用できます。

リスト：アイテムごとに色を変える

動的リストは、Studio CMSやAPI・RSSで取得した外部データをデザインエディタに連携し、一覧コンテンツを自動で反映するための機能です。データの連携方法や概要について解説します。

動的リスト

Studioエディタでリストアイテムの縦並びや横並びを変更する方法を解説します。

リスト内アイテムを縦並び / 横並びにしたい

カルーセルは、複数のコンテンツをスライド形式で順番に表示できる機能です。Studioでは、静的なリストカルーセルとStudio CMSのコンテンツを活用した動的なCMSカルーセルの2種類があります。

カルーセル

カルーセルとは、画像やテキストを含む複数のアイテムを一定間隔で切り替えて表示する機能です。この記事では、Studioのリスト機能を用いたリストカルーセルの配置・編集や自動再生設定、デザイン編集の基本操作について説明します。

リストカルーセル

Studioでは、カルーセルに自動再生を設定できます。自動再生の設定方法について説明します。

カルーセルを自動再生する

現在、カルーセルの自動再生では無限ループ再生に対応していません。
無限に動く表現を行いたい場合は、LoopBox機能 を使ってマーキー（連続スクロール）アニメーションを設定することで実現できます。

カルーセルの自動再生機能で、無限ループ再生をしたい

リスト・カルーセル

Create a custom design with text, images, and links

Studio.Design

Studio.Blog

Studio.Showcase

What's New

Updates

公式サイト

公式ブログ

事例集

セミナー動画

YouTube

コミュニティで知見を深める

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。

このサイトでは、当社および当社の第三者ベンダーが、当社のクッキーポリシーに記載された目的のために、お客様とサイトでのやりとり（閲覧したコンテンツ、カーソルの動き、画面の記録、チャット内容を含む）に関する個人情報を監視および記録するために、クッキーやその他の技術を使用しています。当サイトを引き続きご利用いただくことで、{websiteTermsLink}、{privacyPolicyLink}および{cookiePolicyLink}に同意したことになります。

このサイトでは、サイトの運営に必要不可欠なCookieおよび類似のテクノロジー（以下「Cookie」）を使用します。また、当社とパートナーは、サイトのパフォーマンス分析、機能、広告、ソーシャルメディア機能を有効にするために、追加のクッキーを設定したいと考えています。詳細については、{cookiePolicyLink}をご覧ください。クッキーの設定は、[クッキー設定] で変更することができます。

当社では、ウェブサイトの機能維持、分析、そして広告表示のためにクッキーを使用しています。オプションで必要に応じて希望するクッキーを有効または無効にできます。詳細については、{cookiePolicyLink}をご覧ください。

広告クッキーは、さまざまなブラウザやデバイスで利用されているサイト、コミュニケーション、その他のオンラインサービスの利用状況に関する情報を長期にわたって収集するために、広告パートナーによって設定されます。ここでの情報を使用して、利用者が興味を持つと思われるオンライン広告を表示し、広告のパフォーマンスを測定します。ソーシャルメディアクッキーは、ソーシャルメディアプラットフォームでコンテンツを共有するために当該のソーシャルメディアプラットフォームによって設定されます。また、他のオンラインサービスでの活動情報を追跡し、プライバシーポリシーに記載されている目的で使用することができます。

これらのクッキーにより、ウェブサイトは強化された機能とパーソナライズを提供できるようになります。当社または当社のページにサービスを追加したサードパーティプロバイダーによって設定される場合があり、許可しない場合、これらのサービスの一部またはすべてが正常に機能しない可能性があります。

ウェブサイトが機能するために不可欠なクッキーであり、当社のシステムで無効にすることはできません。

これらのクッキーを使用することで、訪問数やトラフィックソースをカウントし、サイトのパフォーマンスを測定および改善できます。これにより、どのページが最も人気があり、どのページが最も人気がないかを把握し、訪問者がサイト内をどのように移動しているかを確認できます。

お客様には、個人情報の販売をオプトアウトする権利があります。お客様のデータの使用方法について詳しくは、{cookiePolicyLink}をご覧ください。

お客様のプライバシーに関する選択

当社では、お客様の体験を向上させるためにクッキーを使用しています。クッキーの設定は以下でカスタマイズすることができます。詳細については、{cookiePolicyLink}をご覧ください。

クッキー設定

ヘルプセンターは空です

エラーが発生しました。そのページは存在しません。

ホーム

検索

がっかり

無表情

笑顔

考えています...

ソースを検索しています...

分析しています...

メッセンジャー経由で送信されたチケット、または会話内でサポートエージェントによって送信されたチケットがここに表示されます。

お客様が作成したチケットはありません

別のキーワードを使用するか、入力ミスがないか確認してみてください。

別のキーワードやフィルタを使用してみてください。

チケットが見つかりませんでした

タイトル

御社に関連するすべてのチケットの進捗状況を追跡

チケットポータル。

{assigneeName}さんがこちらに対応中です！

{assigneeName}さんがチケットを完了しました

{assigneeName}さんが近日中に対応する予定です

{assigneeName}さんが詳細情報を必要としています

あなたのチケットは完了しました