Studio

ボックスのデザイン設定

ページに配置したボックスに設定するサイズ単位をご紹介します。固定値や相対値などの設定が可能です。

ボックスのサイズ単位設定方法

両端揃えを設定して、高さを揃えます

複数のボックスの縦幅（高さ）を揃えるにはどうしたら良いですか？

Studioの塗り機能を使って、斜めの背景を作成する方法をご紹介します。

斜め背景を作成する方法

Studioでボックスに余白を設定する方法についてご紹介します。マージン・パディング・ギャップの3つの機能とその具体的な設定方法を解説します。

マージン・パディング・ギャップの設定方法

「配置」機能でページ内のボックスの配置場所やルールを指定することが出来ます。4種類の方法を使い分けることにより、様々な表現が可能です。

ボックスの配置：相対・固定・絶対・追従

ネガティブマージン

前面に任意の要素を持ってくる

重ね順

親ボックスからはみ出した要素の扱い（オーバーフロー）

はみ出し

ボックスのレイアウト設定

ページに配置したボックスの色を設定する方法をご紹介します。単色・グラデーション、RGBA・HEXコード指定やカラーピッカーなど、豊富な色の選択方法があります。

ボックスの色を設定する

ボックスの不透明度を設定する

不透明度

ボックスの角丸設定

ブレンドモード・フィルター・背面フィルター

ボックスに枠線を追加し、色や種類、太さを設定できます。コンテンツの区切りやデザインのアクセントとして活用できる機能です。

ボックスの枠線設定

ボックスごとにドロップシャドウまたはインナーシャドウが設定できます。

シャドウの設定方法

ボックスの外観設定

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}をご覧ください。

クッキー設定

リンク, 終了するにはcontrol-option-right-arrowを押します

ヘルプセンターは空です

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

がっかり

無表情

笑顔

考えています...

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

分析しています...

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

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

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

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

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

タイトル

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

チケットポータル。

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

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

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

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

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