トピック立ててたらきりがないレベルの、デザインに関する細かい修正依頼を思いつき次第気軽に投稿したいということで立てました。
トップページのサムネ上のタグの配置が固定になっているためスマホで見たときに中心に寄りすぎているのが気になりました。(top、left 10px)
スマホだとおよそ半分削っていいかと思います。
トップページの記事タイトルのline-heightが1.6と広すぎるので1.2にしてほしいです。サイドバーの記事に関しても同様。
情報サイトを作ってるので、全体的に広すぎる余白が気になります。
ほしい余白スペースは各々で違ってくると思うので、各パーツ毎に細かく余白が設定できると良いです。
また、line-heightの設定も同様に欲しいです。
例えば文字サイズを小さく変更してもline-heightが広いため、クラスをつけてCSSで指定しています。
ブロックエディタにline-heightの設定を追加してもらえると便利です。
情報サイト用に「ソリッド」を基にした新しいスキンを作ることが可能なら、レイアウトの要望をどんどん出すのでそのままスキンに反映できて効率的です。
「ファミ通」や「任天堂ホームページ」など、中身ブログなのにブログっぽく見せない作りを目指しているので、そういうコンセプトの「情報サイト用スキン」実装の検討お願いします。とりあえず中身「ソリッド」のまますぐに出しちゃって、要望に応えながら徐々に洗練していくやり方のほうがすぐに使えて便利です。
https://www.famitsu.com/
https://www.nintendo.com/jp/index.html
> トップページの記事タイトルのline-heightが1.6と広すぎるので1.2にしてほしいです。サイドバーの記事に関しても同様。
試したところ1.4がちょうどよかったです。
一応CSSで全体のレイアウトを調整してみました。
およそやりたいようになってます。(フォントの調整はまだ)
内部構造変わらないならこのままでもいいような気も
それと、サイドバーの記事のタイトルのline-heightの指定がうまくいかないので何とかなりませんか?
.wp-block-latest-posts__post-title { line-height: 1.4 !important; /* 効かない */ }