安房５ミニマム

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

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

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

• Hello world!2024年9月11日
  安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。
• 右寄せ、左寄せのフロート解除2023年6月21日
  ミニマムでは、右寄せ、左寄せのスタイルはあるが、フロート解除のスタイルを指定していない。 ネクストでは、メディ… 続きを読む: 右寄せ、左寄せのフロート解除
• クラシックブロック、カスタムHTML2023年6月21日
  クラシックブロックについて再度テストしてみる。この下にクラシックブロックを挿入。カスタムHTMLブロックについ… 続きを読む: クラシックブロック、カスタムHTML
• テキストや画像の配置について2023年6月16日
  最近のサイトを見ていると、テキストや画像をフレックスやグリッドなどで単に横に並べるだけで無く、上下左右に自在に… 続きを読む: テキストや画像の配置について
• フルワイド対応2023年6月15日
  フルワイドなサイトが増えてきている。 現在のテーマは、コンテンツワイズを決めて、幅広、全幅ブロックは、マイナス… 続きを読む: フルワイド対応

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

[a5short fn=posts-list]

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

[a5short fn=posts-more]

テスト 2023年6月21日(水)

クラシックブロック、カスタムHTML

クラシックブロックについて再度テストしてみる。この下にクラシックブロックを挿入。カスタムHTMLブロックについても試してみる。

クラシックブロック内の段落、この段落をdivで囲んでクラスを付与したいが、「HTMLとして編集」する以外に方法は無いのだろうか。

段落自体は、通常の段落ブロックと全く同じ。

HTML編集でdivタグで囲んでみた。特に問題なくできた。ブロックエディタによるスタイルの追加なども無い。ブロックテーマでも使えるのかも知れない。

wp-includes/blocks/ 以下にも、classic というフォルダーは存在しない。

しかしながら、ブロックテーマのサイトエディタでは、クラシックというブロックが無い、投稿や固定ページの編集ではクラシックがある。使うなということなのか。

続きを読む »»

テスト 2023年6月16日(金)

テキストや画像の配置について

最近のサイトを見ていると、テキストや画像をフレックスやグリッドなどで単に横に並べるだけで無く、上下左右に自在に配置するようになっているものがかなりある。

これらの記事をよく見ると、本来の位置から、transform:translate()を使って動かしているものが多い、負のマージンやパディングなどで大きくずらしているものもある。

ワードプレスでこれをやろうとすると、クラシックブロックやカスタムHTMLでスタイルを書き込むしか無いが、これではビジュアルに編集することができない。

外部スタイルシートで代表的なパターンを数種類用意しておいて、グループにクラス名を付与する方法しか無いのかも知れない。

で、パターンが足りなければ、子テーマで、その都度追加していくようにするしか無い。

テスト 2023年6月15日(木)

フルワイド対応

フルワイドなサイトが増えてきている。

現在のテーマは、コンテンツワイズを決めて、幅広、全幅ブロックは、マイナスマージンで広げているが、エディタ内でのワードプレス側の処理との違いが生じてきており、フロント側では、別のスタイル処理を行う結果になっている。

現在のテーマを修正するか、新しいテーマにすべきか。

続きを読む »»

テスト 2023年6月9日(金)

タイトルスタイル

タイトル　メンバー

タイトル　プロファイル

タイトル　コンタクト

タイトル　グループ

続きを読む »»

フラット・ボックスタイプの投稿一覧

[a5short fn=posts-flat]

トール・ボックスタイプの投稿一覧

[a5short fn=posts-tall]

トール・ボックスタイプの投稿一覧（フレーム）

[a5short fn=posts-tall class=frame excerpt=20]

カスタム・ボックスタイプの投稿一覧（フレーム）

[a5short fn=posts-tall class=custom excerpt=20]

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