ここは、テスト専用ページです。

メニュー等、スタイルの調整が必要な要素のテストを中心に行うようにします。カスタム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)で取得。同じキーで、複数のデータを登録できるようだ。
この場合、キーの表示は不要なこともある。処理は変えずに、スタイル側で、キーの部分を非表示にすれば良い。!

ヘッダー画像サンプル デフォルト形式 以下のヘッダー画像はショートコードで表示できるようにしてありますが、このペ..
詳細 »
パーマリンクテスト用。子ページ一覧のショートコードのテスト中です。小ページのパーマリンクがうまく生成されず、親ページ..
詳細 »
極めてシンプルなお問い合わせフォームのテスト中です。
詳細 »
これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点がブログ投稿..
詳細 »

最終更新日時: 2022年5月17日(火) 11:03