sub-pages ショートコード

ラベル付き 埋め込みカード風表示

cardショートコードを使って手入力で作成

下は「card」ショートコードを使用して、手入力でリンクカードを作成した例。

  1. タイトルのみ + テーマカラー
  2. タイトルのみ + テーマカラー + 角丸なし
  3. デフォルト + テーマカラー
  4. スクエア画像 + カラー:グリーン
  5. スクエア画像 + カラー:レッド

横長画像は、正方形(squareクラス)での表示が可能ですが、正方形画像はsquareクラスが必須となります(空白ができてしまうため)。モバイル表示では、いずれも正方形での表示となります。


あわせて読みたい
事務所のご案内
あわせて読みたい
事務所のご案内

sub-pagesショートコードでの内容自動取得(同一サイトのみ)

下は、「sub-pages」ショートコードのinclude属性を使用して、内容を自動取得する方法(同一サイトのみ)。ラベル色、画像アスペクト:スクエアも使用できますが、一度に複数をincludeする場合、個別のスタイル指定はできません。別のスタイルを使用する場合は、スタイルごとに「sub-pages」ショートコードを複数回使います。


コンタクトバナー

カードリスト

post_typeは、kaiketsu-jireiや、ブログなど
taxonomyは、分類する分岐点みたいな感じ
termsは カテゴリー 新しい順からふたつ 番号で呼び出す

動画 埋込用wrapper

標準(classなし)で、アスペクト比16:9の比率。


アスペクト比 4:3、640px幅(class=aspect-4-3 width:640px)、
※SD画像(昔のTV映像)はアスペクト比4:3、最大幅は640px

2列で表示する例