通常の段落、何も指定せず。テキストの装飾は、インラインの簡単なツールを除き、段落単位でしか、背景色を付けたりすることができない。やるなら、少ない文字数の段落を作り、インラインブロックにするしかない。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クラスを付与した段落、フロント画面でどのように表示されるか、確認のため。エディタ上でも、フロント画面でも指定された幅で表示される。エディタ上では、他のブロックも同じ為、分かりづらいが。
背景画像上のテキスト
グループで囲んで、クラスを指定するだけ
サイドバーが無ければ、ページ幅全体に表示できる。
フロントのみ、画面幅一杯のスタイルにもできる筈。
アニメーションなどもフロントだけに!
問い合わせメールの改造版、カスタマイズ性、自動返信メールのオプションなどを追加してみた。
テスト開始。スタイルが未設定だった。
続きを読む »»
横並びブロックをうまく使えば、3列から2列、1列に変化するレイアウトを作れるのではないか。カラムズ・プロパティを使う場合との違いについて検証してみることにする。
縦の列にするため、横並びの直下には盾積みを入れる。複数行に折り返す設定にするので、
列幅が一定以上にならないようにする必要がある。
続きを読む »»
cssのcolumnsプロパティを検証してみる。この下に、クラシックブロックを利用して、column-width:240px;text-align:justify;で枠を作成する。
続きを読む »»
カスタムフィールド機能の活用についてテストしてみる。スクリプトの追加なしで、どの程度使えるかの確認。
カスタムフィールドを表示するには、右端の3点アイコンから、「設定」「パネル」「カスタムフィールド」の順に選択する。これで、編集画面の下方にカスタムフィールドフォームが表示されるようになる。
続きを読む »»