ブロックサンプル：クエリループ（1/3）

投稿として安全に表示するため、一覧の参照先は既存の「マークアップ」カテゴリーの記事6件に限定しています。絞り込み条件を含む元の設定例は統合原本に保持しています。

クエリループ（1/3）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-08856 / core/query　基本形

sample-08857 / core/query　query：query={"perPage":2,"postType":"post","order":"desc","orderBy":"date","inherit":false}

sample-08858 / core/query　query：query={"perPage":3,"postType":"post","order":"asc","orderBy":"title","inherit":false}

sample-08859 / core/query　query：query={"perPage":2,"postType":"post","search":"存在しない確認用キーワード","inherit":false}

sample-08860 / core/query　tagName：tagName="div"

sample-08861 / core/query　tagName：tagName="main"

• マークアップ: HTML タグとフォーマット

  見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見…

• マークアップ: 画像の配置

  画像の配置テストへようこそ ! 画像をいろいろな位置に配置し…

sample-08862 / core/query　tagName：tagName="section"

• マークアップ: HTML タグとフォーマット

  見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見…

• マークアップ: 画像の配置

  画像の配置テストへようこそ ! 画像をいろいろな位置に配置し…

sample-08863 / core/query　tagName：tagName="aside"

sample-08864 / core/query　enhancedPagination：enhancedPagination=false

sample-08865 / core/query　enhancedPagination：enhancedPagination=true

sample-08866 / core/query　align：align=""

sample-08867 / core/query　align：align="wide"