テスト

テスト

2023年5月30日(火)

通常の段落、何も指定せず。テキストの装飾は、インラインの簡単なツールを除き、段落単位でしか、背景色を付けたりすることができない。やるなら、少ない文字数の段落を作り、インラインブロックにするしかない。vertical-align:middel
パディングを細かく制御するなら、クラスを指定して外部スタイルで、

グループはインナーを余分に作るるので、横並び若しくは、クラシックブロックでやるのが適当。背景色を付けたブロック(.has-background)は、外部スタイルでpadding:0.5em位に!

タイポグラフィをSに

タイポグラフィをMに、背景グラデの使い方が面倒、ポイントを選んで、RGB直打ちがベストかも知れない。

タイポグラフィをLに

タイポグラフィをXLに

マージンがデフォルトの1emのままなので、かなり行間が空く。ハイライトでも辞職を変えるとmarkタグが付く。

1

2

3

スタイルだけで段落を丸数字にできた。あとは、絶対配置にして貼り付ければ良い。

続きを読む »»

テスト段落(コンテント内)
ワイドウィジェットカテゴリを当てるとともに、viewport-wide-bgを指定
viewport-wide-bgは、コンテンツをグループで囲み、グループに付与、直下のコンテンツには、コンテンツ幅の制限を課し、センタリングしている。
一応何とかできたが。タイトルなどは含まない。content() のみ!
なお、viewport-wideは、コンテンツ自体に付与している。

現在のスタイルは、フロント側で、幅だけを指定、実際に使うには、上下のパディング、背景画像などが必要
ページタイトルも非表示にして、ブロックで作成するなど … 多分子テーマ側で

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

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

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

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

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

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

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

2023年5月19日(金)

背景画像上のテキスト

グループで囲んで、クラスを指定するだけ
サイドバーが無ければ、ページ幅全体に表示できる。
フロントのみ、画面幅一杯のスタイルにもできる筈。
アニメーションなどもフロントだけに!

2022年9月3日(土)

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

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

続きを読む »»
2022年8月15日(月)

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

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

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

続きを読む »»

カスタムフィールド機能の活用についてテストしてみる。スクリプトの追加なしで、どの程度使えるかの確認。

カスタムフィールドを表示するには、右端の3点アイコンから、「設定」「パネル」「カスタムフィールド」の順に選択する。これで、編集画面の下方にカスタムフィールドフォームが表示されるようになる。

続きを読む »»