新着情報
2023年5月29日(月) テスト, ワイドウィジェット
テスト段落(コンテント内)
ワイドウィジェットカテゴリを当てるとともに、viewport-wide-bgを指定
viewport-wide-bgは、コンテンツをグループで囲み、グループに付与、直下のコンテンツには、コンテンツ幅の制限を課し、センタリングしている。
一応何とかできたが。タイトルなどは含まない。content() のみ!
なお、viewport-wideは、コンテンツ自体に付与している。
現在のスタイルは、フロント側で、幅だけを指定、実際に使うには、上下のパディング、背景画像などが必要
ページタイトルも非表示にして、ブロックで作成するなど … 多分子テーマ側で
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
テスト段落(コンテント内)
2023年5月19日(金) テスト, ワイドウィジェット
ウィジェットに個別投稿を表示するショートコードがあるが、これを活用するには、個別投稿で、ビューポートワイドに広がる記事を作成できるようにしたい。
そのためには、個別投稿ページで、サイドバーを非表示にすることができなくてはならない。サイドバーが無いページ幅全体を使う場所では、問題にならないが、サイドバーがあるところで編集し、プレビューすることになるため多分、おかしな、結果になってしまう。
投稿が属するカテゴリーが、ボディクラスに含まれていれば、ウィジェットカテゴリーの投稿をビューポートワイドに表示することはできるかも知れない。
ビューポートワイドウィジェットカテゴリーを作り、single.php内、template/wide.php同様、bodyにno-sidebarクラスを追加すればできるのではないか。多分大丈夫だろう。問題が、未分類の下にあると一覧に表示されない。新着情報などと別の山に入れるなどの工夫が必要。
特定の投稿を使ったショートコードなどでは、編集ボタンが表示できるようにすることも必要。
この段落は、wp-blockクラスを付与した段落、フロント画面でどのように表示されるか、確認のため。エディタ上でも、フロント画面でも指定された幅で表示される。エディタ上では、他のブロックも同じ為、分かりづらいが。
2023年5月19日(金) テスト
背景画像上のテキスト
グループで囲んで、クラスを指定するだけ
サイドバーが無ければ、ページ幅全体に表示できる。
フロントのみ、画面幅一杯のスタイルにもできる筈。
アニメーションなどもフロントだけに!
2022年9月3日(土) テスト
問い合わせメールの改造版、カスタマイズ性、自動返信メールのオプションなどを追加してみた。
テスト開始。スタイルが未設定だった。
続きを読む »»2022年8月15日(月) テスト
横並びブロックをうまく使えば、3列から2列、1列に変化するレイアウトを作れるのではないか。カラムズ・プロパティを使う場合との違いについて検証してみることにする。
縦の列にするため、横並びの直下には盾積みを入れる。複数行に折り返す設定にするので、
列幅が一定以上にならないようにする必要がある。
続きを読む »»2022年8月15日(月) テスト, 新着情報
cssのcolumnsプロパティを検証してみる。この下に、クラシックブロックを利用して、column-width:240px;text-align:justify;で枠を作成する。
続きを読む »»2022年8月10日(水) エントリースタイル, テスト
カスタムフィールド機能の活用についてテストしてみる。スクリプトの追加なしで、どの程度使えるかの確認。
カスタムフィールドを表示するには、右端の3点アイコンから、「設定」「パネル」「カスタムフィールド」の順に選択する。これで、編集画面の下方にカスタムフィールドフォームが表示されるようになる。
続きを読む »»2022年8月4日(木) テスト
2022年8月4日(木) テスト
申込みフォームなどを詳細に作成したい要望が強いようなので、フォームをカスタマイズできるように拡張の予定。ショートコードは、テストフォームという名前で作成し、カスタムデータをセットして、コンタクトフォームを呼ぶようにした。
続きを読む »»2022年7月8日(金) テスト
編集フォーム内で、選択や選択範囲のハイライト表示などをどのようにしているか、少し詳細に観察してみる。クリックによる段落の選択は、メニュー表示だけのようであり、段落自体にアウトラインなどは表示しない。メニューは、マウスダウン時点で表示されている。セレクション(選択範囲)に関しては、マウスアップ時にも何も変化しない。段落用に表示されたメニューの中から処理を選択するだけらしい。
入力途中でメニューが消えることがある。が、マウスオーバーで表示される。段落にアウトライン表示されることがあるが、どのようなタイミングで表示されるのかが不明。メニューの中の段落アイコンにマウスオーバーで、対象段落にアウトライン表示がされるようだ。複数段落にまたがる選択は、選択中にメニューが消えるが、マウスアップ時にメニューが表示される。メニューの表示位置は、選択のスタート位置を含む段落。
続きを読む »»2022年7月7日(木) テスト
各種アラインメントのテストをする。
パラグラフのアラインメント、このパラグラフは何も指定していない。
このパラグラフでは、センタリングを指定してみる。
基本の構成ブ
センタリング、class=”has-text-align-center” .. style.min.css で text-align:center が指定されている。
続きを読む »»2022年6月21日(火) テスト
ブロックエディタには、カラムズ、横並びなどレイアウトに使えるものがあるが、なぜか、CSSのcolumnsプロパティを使えるものが無い。単にカラムを別けてコンテンツを整理するだけなら、最も楽そうなのになぜだろう。複数行にまたがるレイアウトならグリッドが使い易いが、横一列ににしたいだけなら、カラムズプロパティが最も適しているように思うのだが。
続きを読む »»