コンテンリスト要素

この記事には、多くの時間を節約できるコンテンリスト要素についてご紹介します。

コンテンリスト要素についてClick to copy

コンテンリストは、同様なアイテムのスタイリングしたり、既製のバリアントでコンテンツボックスを作成したりすることにかかる時間を節約し、他の作業に進むために設計された要素です。

コンテンリストで1つのコンテンリストアイテム内の1つの要素だけをカスタマイズすると、スタイルがその要素に適用されます。特に、アイテムごとにコンテンツを変更することができます。

詳細については、以下のビデオ チュートリアルをご覧ください。

コンテンツリスト要素のアクセス方法Click to copy

ステップ1:左側のツールバーで要素追加機能をクリックします。
ステップ2:コンテナメニューでコンテンリスト要素をクリックします。
ステップ3:対象バリアントをページエディタにドラッグ&ドロップして使用します。5つのタイプが選択できます。

PageFly content list element

サイドバーメニューだけではなく検索機能を使用することで要素も見つけられます。

コンテンリスト要素の構成Click to copy

コンテンリストに1つまたは複数のアイテムが含まれます。コンテンツリスト内のアイテム数を一般タブで制御することができます。

コンテンリストを選択して含まれるパラメータを確認できます。

この要素に固有のパラメータは一般タブおよびスタイリングタブに入ります。

PageFly content list element

一般的タブの構成

コンテンツ
アイテム追加

コンテンリスト内のアイテム数が制限されません。

PageFly content list element
アイテム

アイテムを移動したり、削除したりします。

PageFly content list element
行ごとのアイテム数

行ごとのアイテム数の最大限は12つ。

PageFly content list element
アイテム間の余白

コンテンリスト内のアイテム間の余白を調整します。

デフォルトで30pxに設定されていますが、変更できます。

content list element
対等の高さを有効にするコンテンリスト内の全アイテムの高さが対等になるようにします。content list element
コンテンツの位置:

コンテンリスト内のコンテンツの位置を指定します。

PageFly content list element

属性パラメータ、可視性パラメータ、アニメーションパラメータに関する詳細情報はこちらをご覧ください。

スタイリングタブの構成Click to copy

スタイリングタブの詳細情報については、こちらをご参照ください

重要な注意点Click to copy

コンテンリスト要素のベーシックメディアのカテゴリからの要素だけを追加できます。

content list element

コンテンリストの新たな要素を追加することを加えて、既製のバリアントの要素を削除することもできます。

PageFly content list element

コンテンリストアイテムの構成Click to copy

コンテンリストアイテムにより、スタイリング同期でコンテンリストアイテム要素のスタイリングを同期する方法を選択できます。

content list element

マスタに同期する:コンテンリストアイテムとすべての子要素が他のアイテムと同期されます。PageFly content list element
コンテンリストアイテム要素のみを非同期する:コンテンリストアイテムのスタイリングが非同期されますが、全ての子要素が他とスタイリング同期されます。content list element
コンテンリストアイテムとすべての子要素を非同期する:コンテンリストアイテムとすべての子要素を他のアイテムと非同期されます。これを選択すると、単独のコンテンリストに編集でき、変更が他のコンテンツリストに適用されませんPageFly content list element

アイテムの一般タブとスタイリングタブのパラメータはベーシックメディア機能と同様です。

これらの要素の詳細情報については、以下で確認できます。

見出し

段落

ボタン

リスト

HTML/Liquid

画像

アイコン

Youtube動画

Vimeo動画

HTML 動画

サウンドクラウド

QRコード

ディバイダ

Navigate this category

PreviousPrevious article

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now