投稿のタイトルが長いときに改行して表示されないようにカスタマイズしました

私の投稿はタイトルが長くなりがち

私は記憶力があまりよくないです。

このカスタマイズってどうやるんだろう？と思ってググったときに、自分の過去の記事を見つけてその記事を参考にしたことがいままでに何度もあります。

そんな経験がありますので、私は WordPress で記事を投稿するときに、あとで Google で検索するときのことを考えて、自分はこういうキーワードを使うだろうな…ということを基準に文面を書きますし、同じ考えで投稿のタイトルも決めています。

そのため、文字数が多いタイトルになりがちで、投稿の先頭に表示されるタイトルが改行してしまい、↓このようなかんじで見た目が悪くなってしまうことがよくあるんです。

タイトルのフォントを最適なサイズに自動調整

そこで、見た目が悪くならないように、コンテナ幅に合わせてタイトルのフォントサイズを改行しないギリギリのちょうどいい大きさに自動調整するカスタマイズをこのサイトで行いました。

カスタマイズの結果、↓このように表示されるようになっています。

画面幅に合わせてタイトルのフォントサイズが自動調整されますので、ご確認ください。
（ブラウザの画面幅を変えたら再読み込みを行う必要があります）

フォントサイズの上限／下限を設定可能

タイトルの文字数が極端に少ないときにでっかい不自然なフォントになったり、逆に文字数が極端に多いときに読みづらいくらいちっちゃいフォントになったりしないように、フォントサイズの上限／下限を PC とスマホで別々に設定可能にしてあります。

そのため、文字数が極端に多いタイトルの場合は折り返してしまいますが、そこまで長いタイトルを書くことはほとんどないと思っています。

サイト運営者プロフィール

対馬 俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / X-T9 / VK Blocks / VK Filter Search などのベクトル製品のサポート、カスタマイズを最も得意としています。

打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのウェブサイト制作・運用のサポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら

最新の投稿

この著者の記事一覧

• WordPress2026年2月11日投稿のタイトルが長いときに改行して表示されないようにカスタマイズしました
• 制作事例2026年2月9日ホームページ制作事例「パソコン教室くりっく」
• WordPress2026年1月27日ノーコードでプラグインを使わずに固定ページに最終更新日を表示する方法
• WordPress2026年1月20日スターターパックのテーブルに流れ（フロー）②のスタイルを追加しました

ご依頼・お問い合わせフォーム

ご依頼・お問い合わせ内容を確認させていただいた後、当日または翌営業日に返信いたします。万が一3日以内に返信が届かない場合（年末年始や連休等を除いて）はネットワーク障害などの原因も考えられますので、お手数ですが再度お問い合わせいただくようお願いいたします。

ご依頼・お問い合わせ内容はフォームに入力していただいたメールアドレス宛にも自動送信されます。