サブページ取得ショートコード

ボタンスタイル

記載例

[sub-pages class="button-list col-3 aligncenter"]

実際の表示

カードスタイル(画像付)

記載例

[sub-pages class="card-list"]

実際の表示

parent=”about_us”

include=”999,127,361″

利用可能なclass

  • “cart-list”:カードスタイル
  • “button-list”:ボタンスタイル
  • “col-2” “col-3″:列数を変更。(ボタンスタイルは、標準で2列。カードスタイルは標準で3列)
  • “aligncenter”:リンクテキストを中央揃えに

利用可能な属性

  • parent=”path”
  • (works/industory)
  • :別のページのサブページを表示する場合に使用。指定しない場合は現在のページのサブページを取得する。
  • exclude=”id”:取得したサブページから特定のページを除外(ページ指定はスラッグ)。カンマ区切りで複数指定可。
  • include=”id”:指定したページのリストを取得(ページ指定はスラッグ)。カンマ区切りで複数指定可。include記述時は、parentは無効。
  • post_type=”any”:post_type属性に「any」を使用することで、すべての投稿タイプを受け付けることができます。post_type属性の省略時は、固定ページが対象となります。post_type属性とincludeを組み合わせることで「投稿」や「カスタム投稿タイプ」の記事を取得することができます。

※スラッグでのページ指定の場合、階層がある場合は親階層の記載も必要。ex: subjects/inheritance

関連ブログ記事を表示する例

記載例
[sub-pages class="card-style" post_type="any" include="care_establishment,payment_obligation,benefits_of_consultation"]
実際の表示

画像・テキスト自由記載型カード

記載方法

[element-banner href="https://www.souzoku-yotsubasougou.com/consultation/message/"] [div class="thumbnail"] 画像
[/div] [div class="text"] 見出し
企業法務のご相談にいらした方々からの直筆メッセージ・事例を一部ご紹介いたします。
[/div] [/element-banner]

実際の表示例

セミナーの表示例

1列表示

2列表示

その他の表示方法(element-banner)

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

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

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

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

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


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

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

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


監修者表示

監修者
よつば総合法律事務所 弁護士 大澤一郎
監修者
よつば総合法律事務所 弁護士 大澤一郎
監修者
よつば総合法律事務所 弁護士 大澤一郎

当事務所設立以前に企業法務を専門に扱う東京の事務所での勤務経験あり。企業法務における主な取り扱い分野は、人事労務、契約書作成/チェック、会社関係訴訟など。

監修者
よつば総合法律事務所 弁護士 大澤一郎

当事務所設立以前に企業法務を専門に扱う東京の事務所での勤務経験あり。企業法務における主な取り扱い分野は、人事労務、契約書作成/チェック、会社関係訴訟など。

関連記事