ヘッダー画像サンプル
デフォルト形式
以下のヘッダー画像はショートコードで表示できるようにしてありますが、このペ..
ここは、テスト専用ページです。
メニュー等、スタイルの調整が必要な要素のテストを中心に行うようにします。カスタムHTMLブロクを利用して、タグとスタイルを書き込んでも上手くいかないので、テスト用のスクリプトファイルを読み込むタイプのページにしています。
この下に、下位ページ一覧表示用のショートコードを設置しています。([a5short fn=pages-child])
下位ページ一覧表示用のショートコードは、投稿一覧表示用のショートコードのパラメータだけを変えて実装しています。投稿一覧表示用のショートコードについては、「ワイド・投稿一覧」ページにサンプルがあります。
[a5short fn=pages-child class=frame]
[a5short fn=pages-child class=frame minw=300]
画像直後のタイトルはセンタリングするスタイルになっている。必要なら子テーマでオーバーライドすれば良いか。
目立たせるなら、反転枠付きなどなど
詳細表示用リンクボタンが欲しいときがある。
[a5short fn=pages-child class=custom minw=300 more='詳細 »' custom=テスト]
クラスをカスタムにすることもできる。ボタンも表示できた。後は、スタイル。post_custom()が使えず、多少苦労したが、カスタムフィールドも追加できた。スタイルのorder-2をオーバーライドする必要がある。get_post_custom(id)で取得。同じキーで、複数のデータを登録できるようだ。
この場合、キーの表示は不要なこともある。処理は変えずに、スタイル側で、キーの部分を非表示にすれば良い。!