ウィジェットに個別投稿を表示するショートコードがあるが、これを活用するには、個別投稿で、ビューポートワイドに広がる記事を作成できるようにしたい。

そのためには、個別投稿ページで、サイドバーを非表示にすることができなくてはならない。サイドバーが無いページ幅全体を使う場所では、問題にならないが、サイドバーがあるところで編集し、プレビューすることになるため多分、おかしな、結果になってしまう。

投稿が属するカテゴリーが、ボディクラスに含まれていれば、ウィジェットカテゴリーの投稿をビューポートワイドに表示することはできるかも知れない。

ビューポートワイドウィジェットカテゴリーを作り、single.php内、template/wide.php同様、bodyにno-sidebarクラスを追加すればできるのではないか。多分大丈夫だろう。問題が、未分類の下にあると一覧に表示されない。新着情報などと別の山に入れるなどの工夫が必要。

特定の投稿を使ったショートコードなどでは、編集ボタンが表示できるようにすることも必要。

この段落は、wp-blockクラスを付与した段落、フロント画面でどのように表示されるか、確認のため。エディタ上でも、フロント画面でも指定された幅で表示される。エディタ上では、他のブロックも同じ為、分かりづらいが。

2

スライダーのスラッグ名(slider-fadein)と同じスラッグ名で始まる画像を探してスライダーを表示します。画像が２枚よりも少ない場合は、ダミースライドを表示します。

問い合わせメールの改造版、カスタマイズ性、自動返信メールのオプションなどを追加してみた。

テスト開始。スタイルが未設定だった。

横並びブロックをうまく使えば、３列から２列、１列に変化するレイアウトを作れるのではないか。カラムズ・プロパティを使う場合との違いについて検証してみることにする。

縦の列にするため、横並びの直下には盾積みを入れる。複数行に折り返す設定にするので、

列幅が一定以上にならないようにする必要がある。

cssのcolumnsプロパティを検証してみる。この下に、クラシックブロックを利用して、column-width:240px;text-align:justify;で枠を作成する。

申込みフォームなどを詳細に作成したい要望が強いようなので、フォームをカスタマイズできるように拡張の予定。ショートコードは、テストフォームという名前で作成し、カスタムデータをセットして、コンタクトフォームを呼ぶようにした。

編集フォーム内で、選択や選択範囲のハイライト表示などをどのようにしているか、少し詳細に観察してみる。クリックによる段落の選択は、メニュー表示だけのようであり、段落自体にアウトラインなどは表示しない。メニューは、マウスダウン時点で表示されている。セレクション（選択範囲）に関しては、マウスアップ時にも何も変化しない。段落用に表示されたメニューの中から処理を選択するだけらしい。

入力途中でメニューが消えることがある。が、マウスオーバーで表示される。段落にアウトライン表示されることがあるが、どのようなタイミングで表示されるのかが不明。メニューの中の段落アイコンにマウスオーバーで、対象段落にアウトライン表示がされるようだ。複数段落にまたがる選択は、選択中にメニューが消えるが、マウスアップ時にメニューが表示される。メニューの表示位置は、選択のスタート位置を含む段落。

各種アラインメントのテストをする。

パラグラフのアラインメント、このパラグラフは何も指定していない。

このパラグラフでは、センタリングを指定してみる。

基本の構成ブ

センタリング、class=”has-text-align-center” .. style.min.css で text-align:center が指定されている。

ブロックエディタには、カラムズ、横並びなどレイアウトに使えるものがあるが、なぜか、CSSのcolumnsプロパティを使えるものが無い。単にカラムを別けてコンテンツを整理するだけなら、最も楽そうなのになぜだろう。複数行にまたがるレイアウトならグリッドが使い易いが、横一列ににしたいだけなら、カラムズプロパティが最も適しているように思うのだが。