- このトピックには8件の返信、3人の参加者があり、最後に
により6年、 5ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】多分最新？
【お使いのブラウザ】Safari
【当該サイトのURL】公式===
フッターを４カラムにした際だと思うんですが、解像度によって微妙に文字が重なる時があるので、以後うちのサイトでは基本３カラムを使うようにしていました。
公式でも現在重なってるのを確認できたんで、この機会に調べていただければーと。
たぁくんのショーケース部分の文字が、はみ出してる感じかな…と。
トピック書いてて思ったんですが…、
多分、タイトルが長いか英文字（うちも、Gutenbergのコンポーネント名とかでタイトル書いてたからはみ出してたんかも）だと、折り返されないから起こるって事かなと。
word-breakとword-wrap辺りのスタイルを追加で、直りそうな気が。Who liked: No userこちら今テストしてみたら
.wpaw-recent-posts__title .wpaw-posts-list__title{
word-break: break-word;
}
でちゃんと折り返しました。
Who liked: No user＠アクツさん
ありゃ、
word-breakの問題でしたか。
それなら、長い言語の命令文とかタイトルで入れるとかくらいじゃないと、崩れないって事ですな。と、色々検証したら、カテゴリー名とかも折り返さないみたいです。
そこは.wpaw-recent-posts__term { word-break: break-word; }で出来るみたいですんでこれもキタジマさんに同時に対応してもらった方が良いかな（Gutenberg Block何ちゃら〜とかカテゴリーに入れると、場合によっては変に改行する場合があるので）
もしかしたら、一覧とかの他のカテゴリー表示している部分にも対策を入れていただいた方が良いかも？
Who liked: No userむーん、なるほど。
word-breakとword-wrap、あまりよく理解していないのですが、.wpaw-recent-posts__termとかに個別に当てていくのはちょっと大変なので、可能ならbodyとかグローバルに当ててしまいたいなと思うのですが、どうなんでしょう…（知見をお持ちの方ヘルプー）？Who liked: No user葉月さんからの連絡あったんで共有します。
bodyタグに入れるのは、やめた方が良いです…
ブロックエディターにまでおそらく当たる事で多くのブロックプラグインにも影響を及ぼすのでおかしくなる可能性があります。
また、縦書きをしているサイトだと、そこに影響が出ます。(補足: 禁則だとか無視されていくようで、ブラウザのバグらしい？)記事部分以外に掛けるのがベストと思いますが、難しい問題(scssならmixin使えそうな気がしますが)
Who liked: No userうーん、なるほど。。。となるとウィジェットエリアにまるっとつけるといいですかねー。それなら（現状では）ブロックには影響なさそうですし。各ウィジェットごとだとちょっとつらい。。。
Who liked: No userですね。
ウィジェットエリアに付けるって感じでいい気がします。
文のテキストによっても変わる問題だと思うのと、ウィジェットの今後も不明なんで、どうするのが本当にベストかも今のところ解らないです。
コレばかりはやりながら今後も調整して行くしかないかと。とりあえずは、記事部分(ブロック)に影響がある事を避けて、そこだけ当たらないようにしとけば良いかと思います。
Who liked: No user
- トピック「フッターの４カラム時に文字が微妙に重なってしまう？」には新しい返信をつけることはできません。