投稿一覧サンプル

本来ならサイドバーを表示する幅でも、
サイドバーを非表示にするページテンプレートを作成してみた。
ここでは様々な投稿一覧表示用ショートコードのテストを行ってみる。スタイル(未)テスト

ワードプレスに組み込まれている「最新の投稿ブロック」を試してみる。投稿者、投稿日時、本文又は抜粋文、アイキャッチの選択はできるが、カテゴリを含めることができない。スタイル未指定。

この下は、この投稿のカスタムフィールドを表示している。投稿一覧には関係無し。

ワードプレスに組み込まれている「最新の投稿ブロック」

• Hello world!2024年9月10日
  安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。
• 全幅背景内のコンテンツ再度2023年10月16日
  全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背… 続きを読む: 全幅背景内のコンテンツ再度
• wave.svg2023年9月28日
  幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイル… 続きを読む: wave.svg
• 物件情報タイトル2023年8月23日
  カスタムフィールドでは無く、テーブルを使って作成し、カスタムパターン化する方法を試す。 価格 1,200万円　… 続きを読む: 物件情報タイトル
• カスタムフィールドテスト2023年8月23日
  カスタムフィールドテスト用の投稿です。 個別投稿又は投稿一覧に表示するスクリプトのテストです。 （抜粋文）

リストタイプの投稿一覧（以下、独自ショートコード）

[a5short fn=posts-list]

モアリンクタイプの投稿一覧（ワードプレスデフォルト）

[a5short fn=posts-more posts_per_page=2]

2023年9月28日(木) テスト 

wave.svg

幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイルでピクセル指定されている。柔軟に利用するには、クラス指定で幅を上位要素の幅一杯に広げる必要がある。

もしくは、バックグラウンドにするか。

クラシックブロック(tinymce)では、消されたが、カスタムHTMLならsvgを書き込むことができた。useを使えば、複数も書ける。svg自体は、サイズを指定しなければ、デフォルトの300×150で表示される。

グリッドタイプの投稿一覧

[a5short fn=posts-grid]

2023年10月16日(月) テスト 

全幅背景内のコンテンツ再度

全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背景内の段落 […]

2023年9月28日(木) テスト 

wave.svg

幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイルでピクセル […]

2023年8月23日(水) カスタムフィールド 

物件情報タイトル

カスタムフィールドでは無く、テーブルを使って作成し、カスタムパターン化する方法を試す。 価格 1,200万円　中古戸建　 […]

2023年8月23日(水) カスタムフィールド 

カスタムフィールドテスト

カスタムフィールドテスト用の投稿です。
個別投稿又は投稿一覧に表示するスクリプトのテストです。
（抜粋文）

最終更新日時： 2022年5月20日(金) 15:15