すべてのコレクション
CMS
エディター上でのCMSページ作成方法
エディター上でのCMSページ作成方法
一週間前以上前にアップデートされました

smartLPのCMS機能は、コンテンツの作成・管理はCMSダッシュボードで行い、

コンテンツを実際にどう表示するかはエディターで編集します。

エディター上でのCMSページ作成方法について解説します。

CMSページの作成

ページ一覧>新規作成を押下し、動的ページ(CMS)を選択します。

次に、CMSコレクションを選択して作成するを押下します。

変数の設定

動的テキスト

以下のように各セクションを配置したページを作成します。

テキストエレメントを選択した状態で、右パネルの動的テキスト>フィールド横のアイコンをクリックすると、コレクションで設定したテキストに設定できるフィールドが表示されます。

表示されたいずれかを選択すると、コンテンツを動的に書き換えることができます。

CMS設定で種別をテキスト、数値、日付に設定したフィールドを変数として指定できます。

画像

画像エレメントを配置し、右パネルの動的テキスト>フィールド横のアイコンをクリックすると、コレクションで設定したサムネイルを変数として設定できます。

フラグ

アイテム設定のフラグでアイテムの表示設定が可能です。

右パネルのスタイル>表示横のアイコンをクリックすると、コレクションで設定したフラグを変数として設定できます。

アイテム設定でフラグを有効にした場合はアイテムが表示され、無効にした場は表示されません。

アイテムによるデザインの切り替え

エディター左上のアイテムタブより、フィールドで設定した変数をアイテムごとに切り替えることができます。

また、左パネルの追加>エレメントよりリッチテキスト配置し、フィールド>本文を選択するとアイテムで作成したリッチテキストが表示されます。

上記と同様に、エディター左上のアイテムタブからアイテムごとに切り替えることができます。

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