メインコンテンツにスキップ

日程のお知らせのレイアウトをカスタマイズする

間隔、配置、レイアウトの位置を調整する方法、および高度なコンポジション制御のためのカスタムCSSを追加する方法をご紹介します(スタンダードまたはプロプラン)。

対応者:Brian
今日アップデートされました

日程のお知らせのレイアウトをカスタマイズする

間隔、配置、レイアウトの位置を調整する方法、および高度なコンポジション制御のためのカスタムCSSを追加する方法をご紹介します(スタンダードまたはプロプラン)。

日程のお知らせeカードの間隔とレイアウトを調整して、理想的なコンポジションに仕上げましょう。高度なカスタマイズにはカスタムCSSも追加できます。

必要なプラン: スタンダードまたはプロプラン

パディングオプション

eカードのコンテンツ周辺の間隔を制御します。

  • パディング上 - コンテンツの上のスペースです

  • パディング左 - 左側のスペースです

  • パディング右 - 右側のスペースです

  • パディング下 - コンテンツの下のスペースです

カスタムCSS

上級者の方は、カスタムCSSを追加して日程のお知らせの見た目をさらにカスタマイズできます。これはeカードに適用されるCSSルールを記述できるテキストエリアです。

カスタマイズの方法

  1. メインナビゲーションのeカードに移動します

  2. 日程のお知らせを選択します

  3. レイアウトセクションを探します

  4. パディング値を調整します

  5. 必要に応じてカスタムCSSを追加します

  6. 変更を保存をクリックします

ヒント

まずはデフォルトのままで。 デフォルトのパディングは通常良い見た目です。窮屈すぎるまたは広すぎると感じたときだけ調整しましょう。

カスタムCSSは強力ですが上級者向けです。 CSSに慣れている方であれば、多くのことができます。そうでない場合は、他のカスタマイズオプションで十分なはずです。

変更後はプレビューで確認しましょう。 パディングの変更はレイアウトを大きく変える可能性があります。調整ごとにプレビューを確認しましょう。

関連記事

こちらの回答で解決しましたか?