Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

カテゴリー:WordPressで投稿やページタイトルを分割する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressの投稿やページのタイトルを改行したいですか?

初期設定では、投稿タイトルは個別見出しのみで、改行することはできません。しかし、超長いタイトルは見た目が悪く、ユーザーエクスペリエンスに悪影響を及ぼします。

この投稿では、WordPressで投稿やページのタイトルを分割する方法を紹介します。

Split post or page title in line breaks

WordPressにおける分割タイトルと字幕の違い

WordPress サイトで投稿やページのタイトルを分割すると、フォーマットやスタイルを変更せずにタイトルを改行できます。

長いタイトルは見た目が悪く、ユーザーにとって読みにくいものになりかねません。タイトルを分割することで、読者がタイトル全体を見やすくし、ブログ投稿の内容を理解しやすくなります。

さらに、重要なキーワードを強調し、読者の注意を引くのにも役立つ。

A post title splitted into line breaks

一方、字幕はWordPressの投稿やページに2つの異なる見出しを追加することができます。通常、メイン見出しの下に表示されるセカンダリータイトルとして機能します。

詳しくは、WordPressで投稿日やページに字幕を追加する方法のチュートリアルをご覧ください。

WPForms page title and subtitle

それでは、コードを書かずにWordPressサイトで投稿やページのタイトルを分割する方法を見てみましょう。

カテゴリー:WordPressで投稿やページのタイトルを分割する方法

まず、Page Title Splitterプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressダッシュボードを使用してブロックエディターでタイトルを分割したいページまたは投稿を開きます。

注意: このプラグインは、現在Classicエディターを使用している場合にのみ動作します。新規: ブロックエディターを使用している場合、タイトルの分割機能は使用できません。

詳しくは、WordPressでGutenbergを無効化してクラシックエディターを維持する方法のチュートリアルをご覧ください。

投稿エディター画面で、タイトル欄の下にある小さなボタンをクリックしてください。

Split button

これにより、フィールドのタイトルの最後にポインタが追加されます。ポインターを画面に表示するには、タイトルフィールドが選択されていなければならないことに注意してください。

その後、テキストフィールド内のカーソルをタイトルを分割したい位置まで移動させる。

Title splitter marker

また、複数の分割ポイントを追加して、タイトルをより多くの行に分割することもできます。

もう一度アイコンをクリックし、正しい場所にカーソルを置いてマーカーを動かす。

マーカーを削除することもできます。マーカーをクリックして選択すると、タイトルの分割ボタンが閉じるボタンに変わります。

クリックすると、投稿タイトルからタイトル分割マーカーが削除されます。

スプリットマーカーの追加と調整が終わったら、忘れずに「更新」または「公開」ボタンをクリックして設定を保存してください。

投稿日: 投稿やページにアクセスすると、サイト上で分割された投稿タイトルを見ることができます。

A post title splitted into line breaks

WordPressで投稿やページタイトルを分割する方法について、この投稿がお役に立てれば幸いです。また、WordPress投稿にプログレスバーを追加する方法についての初心者向けガイドや、デザインを向上させるWordPressタイポグラフィープラグインのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

13件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Alex Tully says

    The plug-in doesn’t work. Even after I install it, nothing comes up in the editor when I’m trying to edit the title. I’ve given up and uninstalled it.

    • WPBeginner Support says

      Thank you for letting us know, we’ll be sure to take a look at the plugin or for alternatives :)

      管理者

  3. Corinne Corley says

    I was not able to use this plug-in because it added code instead of a marker and it split wherever the heck it wanted instead of where I put it. I deactivated the plug-in after about 20 minutes of trying. Any thoughts?

    • Melissa Dawn says

      Sorry guys… I’m running on no sleep, and I forgot to add ” ” in my last comment.

      What I meant to say is:

      *I put in my title, where I wanted to break the line, and it worked.

  4. Krzysiek Dróżdż says

    Wow, you really need a plugin for that?

    Why don’t you just insert tag? Installing million plugins, that aren’t doing anything really isn’t a good idea… Especially, if such plugin is not popular, so very few people have looked at/controlled it’s code (this plugin had 30 active installs).

      • Krzysiek Dróżdż says

        It’s not the problem with number of plugins, but with their quality and reason to use them.

        It’s like somebody would ask “how to add period after sentence” and you answered “there’s a plugin that…”

        This approach just makes no sense at all. You’re recommending useless plugin, which inserts tag in title, and uses a lot of JS code to do that. Inserting these tags yourself is much easier, much more effective, much more efficient and secure…

        There are better and worse solutions for every problem, but your solution for this problem is most uesless one, anyone could think of, I guess…

        PS. I thought it’s wpbeginner, because you’re aiming to give simple advices for wpbeginners, not that you are total beginners with WP :(

        • WPBeginner Support says

          We understand your point of view. However, most of our audience are beginner level WordPress users. Things like editing theme files to achieve something, may look quite simple to experienced users, but they are not that simple for beginners. Many of them don’t know any HTML or CSS at all. If there is a plugin that makes it easier for them to do something, then we will always recommend the easier solution first.

        • KRZYSIEK DRÓŻDŻ says

          @WPBEGINNER,

          What are you writing about? You don’t need to edit any theme files to insert tag in the title field. Just go to your wp-admin, start to edit your post and write in the title field. It’s all. Done. Finito ;)

          So it’s easier, simpler, quicker and much safer than installing plugin, which does exactly the same thing, but with a lot of JS (and you have no idea what sits in its code, right?).

          @SUKAFIA:
          If somebody doesn’t even try to understand comments, then he deserves strong words, I guess…

          Especially, if he tries to teach something, and recommends totally bad solutions – so he ends up teaching and promoting bad habits.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。