投稿一覧をパターンで
投稿一覧をパターンで作成してみる。
外から順次
wp-block-query
ul.columns-3 .. gap:1.25em
li.wp-block-post
div.wp-block-group .. padding:30px
div…_inner
h2.wp-block-post-title
div.wp-block-excerpt
div.wp-block-date
のようになっている。ボーダーをつけるか。広い背景をつけるかなどの処理が必要かも
全幅にしてみた。エディタ上では広がっていないが、フロントでは広がった。幅広であれば、ちょうど良いのかも知れない。エディタ上では、エディタ幅自体が制限されていないので半端になる。多分、wp-blockの幅が効いていない。外側のクエリーに幅広がかかっている。うまくいかない。ワードプレスの所為。
グループや、カラムズではできているのに、多分、クエリーブロックが絡んでおかしくなっている。外側を更にグループで囲むとどうなるか。多分投稿一覧は外側に従っているだけかも知れない。やはりそうらしい。ボディラッパーの最大幅を外したら広がった。
やはりそうだったクエリーも一覧も幅広を外し、グループで囲んで幅広にしたOKになった。
２つ目のアイキャッチ画像付きは、画像が無いと表示しない。カラムズを使っており、標準は、まず、縦に並んでいる。
抜粋文の有無によらず、モアリンクが付けられている。
-
Hello world!
安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。
-
全幅背景内のコンテンツ再度
全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背…
-
カスタムフィールドテスト
カスタムフィールドテスト用の投稿です。 個別投稿又は投稿一覧に表示するスクリプトのテストです。 （抜粋文）
-
Hello world!
-
全幅背景内のコンテンツ再度
-
wave.svg
-
物件情報タイトル
-
Hello world!
安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。
-
全幅背景内のコンテンツ再度
全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背…
-
wave.svg
幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイル…