サブページ取得ショートコード
ボタンスタイル
記載例
[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列表示
-
基礎からわかる!従業員の労務管理/対応セミナー

開催日:2026年1月16日(金) / 主催:よつば総合法律事務所 -
交通事故事例解決セミナー2025

開催日:2025年12月11日(木) / 主催:よつば総合法律事務所 -
『ヒト』と『技術』の新しい秩序~取適法とAI法規制が拓く未来のビジネス~

開催日:2025年11月21日(金) / 主催:よつば総合法律事務所 -
弁護士が教える!ハラスメント防止と労務管理のポイント

開催日:2025年10月23日(木) / 対象者: 顧問会社の従業員及び管理職員・幹部 -
弁護士によるカスタマーハラスメント対策セミナー

開催日:2025年8月1日(金) / 主催: 社会保険労務士法人エフピオ様/対象者:社会保険労務士法人エフピオ様の取引先様など -
生成AI活用の落とし穴:企業が知っておくべき法的リスクと対応策
開催日:2025年7月31日(木) / 対象者:AI活用を検討中の方や既に導入しているが不安のある方 /主催:よつば総合法律事務所大阪事務所
2列表示
-
基礎からわかる!従業員の労務管理/対応セミナー

開催日:2026年1月16日(金) / 主催:よつば総合法律事務所 -
交通事故事例解決セミナー2025

開催日:2025年12月11日(木) / 主催:よつば総合法律事務所 -
『ヒト』と『技術』の新しい秩序~取適法とAI法規制が拓く未来のビジネス~

開催日:2025年11月21日(金) / 主催:よつば総合法律事務所 -
弁護士が教える!ハラスメント防止と労務管理のポイント

開催日:2025年10月23日(木) / 対象者: 顧問会社の従業員及び管理職員・幹部 -
弁護士によるカスタマーハラスメント対策セミナー

開催日:2025年8月1日(金) / 主催: 社会保険労務士法人エフピオ様/対象者:社会保険労務士法人エフピオ様の取引先様など -
生成AI活用の落とし穴:企業が知っておくべき法的リスクと対応策
開催日:2025年7月31日(木) / 対象者:AI活用を検討中の方や既に導入しているが不安のある方 /主催:よつば総合法律事務所大阪事務所
その他の表示方法(element-banner)
ラベル付き 埋め込みカード風表示
cardショートコードを使って手入力で作成
下は「card」ショートコードを使用して、手入力でリンクカードを作成した例。
- タイトルのみ + テーマカラー
- タイトルのみ + テーマカラー + 角丸なし
- デフォルト + テーマカラー
- スクエア画像 + カラー:グリーン
- スクエア画像 + カラー:レッド
横長画像は、正方形(squareクラス)での表示が可能ですが、正方形画像はsquareクラスが必須となります(空白ができてしまうため)。モバイル表示では、いずれも正方形での表示となります。
あわせて読みたい
事務所のご案内
あわせて読みたい
事務所のご案内
sub-pagesショートコードでの内容自動取得(同一サイトのみ)
下は、「sub-pages」ショートコードのinclude属性を使用して、内容を自動取得する方法(同一サイトのみ)。ラベル色、画像アスペクト:スクエアも使用できますが、一度に複数をincludeする場合、個別のスタイル指定はできません。別のスタイルを使用する場合は、スタイルごとに「sub-pages」ショートコードを複数回使います。




















