WordPress自作テーマのメンテナンス*引用リンクがはみ出さないようにするCSS

WordPress自作テーマでサイトを運営し気付いた改善点

さて、このサイトを運営していて気になっていたのが、スマホで見た時に引用のリンクが長いと枠からはみ出てしまう現象でした。同じ悩みをお持ちのユーザーさんに情報共有したいと思います。

日常的なことでいえば、住宅もメンテナンスが必要です。インテリアの工夫、外壁塗装、壊れそうな器具をメンテナンスしたり、壊れたら取り換える。庭に季節の花を植え、伸びた木を伐採して見栄えを良くする……と、常にどこかしら改善しながら暮らしていますよね。
サイトも同じで、さまざま改善し使いこなしながら自身の理想のかたちに近づけていくと、サイトへの愛着が増す気がします。

前置きはさておき、style.cssの赤枠内に2つのプロパティ・値を加え解決しました。

長いリンクが枠からはみ出ないようにするCSS

引用のセレクタ=「blockquote cite」に、「text-align: justify-all;=枠内に整然とおさまる」と「word-break: break-all;=均等割り付け」を適用する。
改善する前、スマホで見ると引用枠内からはみ出てた長いリンクが、今はきれいにおさまっています。

WordPressの自作テーマでサイトを作成・公開しはじめて以降、ちょくちょくメンテナンスをしています。
機能を追加し、見た目を整え、Photohsopで学んたことを活かしてサムネを作り直し……等々です。
今後も、やってよかったメンテナンスをご紹介していきたいと思っています。

perilune-net