このサイトはwordpressを使っています。わたしはこれまで、タイトルの改行の位置はコントロール出来ないと思っていました。
否、改行の位置をコントロールしてみようと試みたこともなかったというのが本当のところ…。これまでもサイトテンプレートが勝手な位置で開業するに任せて来ましたが、急に
タイトルの改行絶対できるよね?
と思い立ちまして。そして調べたらめちゃくちゃにあっさり出来たので拍子抜けです。今からサイト内のすべてのタイトルの改行の位置を見直したいと思います。
改行Before・After
改行のあるなしでどうなるかというと
![](https://i0.wp.com/way105.com/journal/wp-content/uploads/2021/07/スクリーンショット-2021-07-05-16.53.18.png?resize=512%2C175&ssl=1)
←
これがこの投稿のタイトル、これでもかってくらいに改行してみました。
![](https://i0.wp.com/way105.com/journal/wp-content/uploads/2021/07/スクリーンショット-2021-07-05-16.53.50.png?resize=512%2C117&ssl=1)
←
改行してないとこうなります。
投稿のタイトルの改行したいところに改行タグ<br>を入力するだけ
![](https://i0.wp.com/way105.com/journal/wp-content/uploads/2021/07/スクリーンショット-2021-07-05-16.54.57.png?resize=512%2C110&ssl=1)
投稿するときのタイトル入力画面で
←のように改行したいところに<br>を入れるだけです。簡単すぎます!
必ず大文字で!
![](https://i0.wp.com/way105.com/journal/wp-content/uploads/2021/07/qation.png?resize=512%2C167&ssl=1)
ちなみに「BR」とは「Break」の略で、HTMLの指示で改行を意味するタグです。終了タグなしで使います。HTMLがわからん人もとりあえず入れておけばOKです。必ず小文字で!大文字だと改行されずそのまま表示されてしまいます。
ご利用は計画的に
このタイトル<br>大作戦(勝手に命名)、見た目的に改行したい、どうしても!と思った案件きっかけで気付いたのですが、テンプレートによってはタイトル表示エリアの幅が狭かったりすると、希望の改行ポイントで分けた上、その分けたフレーズの中にさらに改行が出来てしまったりする場合があります。特にレスポンシブにしていたりするときはモバイル等でもちゃんと表示されるかチェックが必要です。また、投稿の一覧などをサイドバーやページなどに出力するときも基本的には改行されてしまうので、そこの見栄えについても考慮が必要です(スタイルシートが使える場合はサイドバーでは改行しないなどの設定も可能です)。