2023年6月21日(水)クラシックブロック、カスタムHTMLクラシックブロックについて再度テストしてみる。この下にクラシックブロックを挿入。カスタムHTMLブロックについても試してみる。クラシックブロック内の段落、この段落をdivで囲んでクラスを付与したいが、「HTMLとして編集」する以外に方法は無いのだろうか。段落自体は、通常の段落ブロックと全く同じ。HTML編集でdivタグで囲んでみた。ブロックエディタによるスタイルの追加なども無い。ブロックテーマでも使えるのかも知れない。いうフォルダーは存在しない。ブロックテーマのサイトエディタでは、クラシックというブロックが無い、投稿や固定ページの編集ではクラシックがある。使うなということなのか。2023年6月16日(金)テキストや画像の配置について最近のサイトを見ていると、テキストや画像をフレックスやグリッドなどで単に横に並べるだけで無く、上下左右に自在に配置するようになっているものがかなりある。これらの記事をよく見ると、本来の位置から、transform:translate()を使って動かしているものが多い、負のマージンやパディングなどで大きくずらしているものもある。ワードプレスでこれをやろうとすると、クラシックブロックやカスタムHTMLでスタイルを書き込むしか無いが、これではビジュアルに編集することができない。外部スタイルシートで代表的なパターンを数種類用意しておいて、グループにクラス名を付与する方法しか無いのかも知れない。パターンが足りなければ、子テーマで、その都度追加していくようにするしか無い。2023年6月15日(木)フルワイド対応フルワイドなサイトが増えてきている。現在のテーマは、コンテンツワイズを決めて、幅広、全幅ブロックは、マイナスマージンで広げているが、エディタ内でのワードプレス側の処理との違いが生じてきており、フロント側では、別のスタイル処理を行う結果になっている。現在のテーマを修正するか、新しいテーマにすべきか。2023年6月5日(月)ブロックテーマ結局のところ、ブロックテーマを使わない限り、投稿パターンや、クエリーブロック、投稿テンプレートを適切に使うことは困難なようだ。インデックスページやカテゴリーページ自体で使うべきということらしい。非ブロックテーマを使う限り、ショートコードでやることは、止む無しということかも知れない。投稿内で使うのは、難しいが、固定ページ内では用途を限定すればそれなりに使えるかも知れない。2023年6月5日(月)背景画像テスト背景画像のテスト中です。子テーマのスタイルで、テーマサポートに、ブロックスタイル、幅広、横幅を追加した。エディタ上では、両方とも適用された。ワイドウィジェットカテゴリ指定で、サイドバーを消し、コンテント幅制限を削除したらフロントでも適用された。子テーマのスタイルで、テーマサポートに、ブロックスタイル、幅広、横幅を追加した。エディタ上では、両方とも適用された。:where(.wp-block)[data-align=full]{max-width:none;}になっている。ワードウィジェットカテゴリ指定で、サイドバーを消し、コンテント幅制限を削除したらフロントでも適用された。同じスタイルを当て、alignwideは、max1100となるよう、パディングを計算して調整。画面幅が1100px以で計算するように修正。サイドバーがあっても広がるので、修正。基本ブロック(wp-block)幅広(alignwide)全幅(alignfull)上下のマージンの調整などが必要、段落同様に1emにするか。?グループで囲み、グループを全幅にしてみた。内側のカラムズは、840px幅になっている。フロント画面では一杯に広がる。合わせるなら、フロント用のスタイル追加が必要viewport-wide-bgでは、背景の確認ができないので、こっちを使うほうがわかり易いかも。背景画像の上下に、スペーサーを入れてある。スタイルで調整するより便利かも知れない。2023年6月2日(金)画像2枚を横並びにカラムブロックでカラムブロックで囲むと、画面幅が780px前後で一列になる。後出のカラムズクラスの付与なら、630px位で1列に。カラム幅とギャップの指定で、細かな調整が可能になる。グループは、インナーが余分だが。不思議なのは、クラスは外側に付与しているのに、画像はインナーの中で2列になっている。?それで良いということらしい。ブレークで明示的に制御しない限り、中間のものも、最下位の要素までも、すべてブレークするらしい。横並びブロックで、ラップにすると縦になる。300pxなどを指定するとかない細かくコントロールできる。ベストか?グローで広がるが、画面幅300以下で、画像がはみ出る。2023年5月31日(水)メディアとテキスト第2レベルの見出しコンテンツらしい改行で次の段落ができる。シフト改行で本当の改行スタイルを見るとグリッドになっている。右のブロックがalign-self:centerになっている。2023年5月31日(水)カバーブロックフルワイドにも対応している。内部にショートコードを置くこともできる。オーバレイ用のspanと、画像用のimgタグ、インナーコンテナー用のdivタグが、絶対配置で含まれている。これだけで殆ど、用が足りている。カバーブロックの中にショートコードをいれることもできる。