デザインを好きなようにカスタマイズしたり、予約フォームから消したい部分を削除したりすることができます。この機能を使用するには、CSSの基本的な知識が必要です。
- 設定 -> 予約フォームへと進みます。
- 予約フォームの横にある「︙」をクリックします。
- ドロップダウンリストの中から、「変更」をクリックします。
概要
CSSのカスタマイズを容易にするために、マークアップの一般的な構造と階層に特定のclassを提供しました。主に、追加のコンテキストを提供する、 `div`や` span`などの一般的な要素に基づいています。ベースとして命名規則BEM(Block、Element、Modifier)を使用しています。
基本的なBEM構造
Name | Description | Example |
---|---|---|
.block { } | .block represents the higher level of an abstraction or component. | .page-results |
.block__element { } | .block__element represents a descendant of .block that helps form .block as a whole. | .page-results__card-items |
.block–modifier { } | .block–modifier represents a different state or version of .block. | .page-results__card-items–unit |
ほとんどの場合、カスタムCSSを使用するにはこれで十分と思われます。idセレクタまたは他のclassセレクタ(例えば、js-またはsirvoy-で始まるもの)はスタイリングを目的としたものではなく、変更される可能性があるため使用することはお勧めしません。
ご注意ください: カスタムCSSは、ウェブサイトに埋め込むバージョンの予約フォームとWordPressプラグインにのみ反映されます。Sirvoyウェブサイトビルダーやスタンドアローンページの予約フォームには反映されません。