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でウィジェットのタイトルを簡単に非表示にする方法

サイドバーやフッターのWordPressウィジェットのタイトルを非表示にしたいですか?

WordPressのウィジェットを使えば、最近のコメントや人気の投稿など、動的なコンテンツを簡単にテーマに追加することができます。ただし、ウィジェットのタイトルを非表示にする必要がある場合は、カスタムCSSまたはカスタムHTMLを記述する必要があります。

この投稿では、WordPressでウィジェットのタイトルを簡単に非表示にする方法を紹介します。

Hiding widget title in WordPress

WordPressでウィジェットのタイトルを非表示にする理由

WordPressテーマによっては、デフォルト設定でウィジェットのタイトルが表示される場合があります。例えば、多くのテーマはサイドバーにタイトルを表示します。

Widgets titles displayed in sidebar

しかし、ウィジェットのタイトルがサイトのデザインに合わないこともある。また、ウィジェットのタイトルが不要な場合もあります。このように、タイトルは、サイト、ブログ、オンラインストアの貴重な画面スペースを占有することがあります。

WordPressのウィジェットにカスタマイザーを追加したり、ビジュアルエディターを使って独自のウィジェットを作成することは可能ですが、タイトルを削除するには、もっと手軽で簡単な方法があります。ということで、この簡単な変更方法を見てみよう。

動画チュートリアル

Subscribe to WPBeginner

文書による説明がお好きな方は、そのまま読み進めてください。下記のクイックリンクから、お好きな方法にジャンプしてください:

方法1:フルサイトエディターを使う(ブロック有効化テーマのみ)

ウィジェットのタイトルを非表示にする最も簡単な方法は、フルサイトエディターを使用することです。これにより、タイトルの削除を含め、WordPressウィジェットをカスタマイズすることができます。

ただし、この方法はHestia Proのようなブロックベースのテーマでしか使えません。ブロック有効化テーマを使っていない場合は、代わりに2の方法を使う必要があります。

始めるには、WordPressダッシュボードのテーマ ” エディターへ向かいます。

Hiding the widget title using the full-size editor (FSE)

初期設定では、フルサイトエディターはテーマのホームテンプレートを表示しますが、ヘッダーやフッターなどの任意のテンプレートまたはテンプレート部分にウィジェットを追加できます。

標準のWordPressコンテンツエディターでは編集できないサイトのエリアにウィジェットを追加することもできます。例えば、404ページのテンプレートを改善するためにフルサイトエディターを使用することができます。

利用可能なオプションをすべて表示するには、「テンプレート」を選択します。

Choosing a block-enabled WordPress template

ウィジェットのタイトルを削除するか、新規ウィジェットを追加したいテンプレートまたはテンプレート部分をクリックできます。

例として、トップページのサイドバーに最新投稿ウィジェットを追加しますが、どのテンプレートとウィジェットを選んでも手順は同じです。

テンプレートまたはテンプレートパーツを選択すると、WordPressはプレビューと説明を表示します。このレイアウトを編集するには、鉛筆のアイコンをクリックしてください。

Editing the WordPress home template using the full-size editor (FSE)

新規ウィジェットを追加したい場合は、左上の青い「+」アイコンをクリックしてください。追加したいウィジェットの名前を入力し、テンプレートにドラッグ&ドロップしてください。

より詳細な手順については、ウィジェットの追加と使用方法に関するガイドを参照してください。

Adding a widget to WordPress using the full-site editor (FSE)

ウィジェットのタイトルを削除するには、エディターでタイトルをクリックして選択するだけです。

テキストをすべて削除したり、カスタマイザーに置き換えたりすることができます。

Deleting a widget title using the full-site editor (FSE)

他のウィジェットのタイトルを非表示にするには、同じ手順を繰り返すだけです。

テンプレートの見た目に満足したら、「保存」をクリックします。

Publishing a custom widget using the block-based theme and FSE

これで、WordPressサイトにアクセスすると、ウィジェットのタイトルが消えていることがわかります。

方法2: Widget Optionsプラグインを使用する (フルサイトエディター必須なし)

ブロック対応のテーマを使用していない場合は、Widget Optionsプラグインを使用してウィジェットタイトルを非表示にすることができます。これは完全なウィジェット管理プラグインで、ウィジェットをカスタマイズしたり、特定のWordPressページでウィジェットを表示したり非表示にしたりすることもできる。

詳しくは、WordPressプラグインのインストール方法をご覧ください。

プラグインを有効化したら、外観 ” ウィジェットにアクセスしてください。次に、サイドバーまたはサイトのウィジェット対応エリアにウィジェットをドラッグ&ドロップします。

Drag and drop widget into sidebar

この例では、Searchウィジェットからウィジェットタイトルを削除しますが、どのウィジェットを扱う場合でも、手順はほとんど同じです。

WordPressのテーマによって、ウィジェットのオプションやタイトルが異なる場合があります。

ウィジェットのタイトルの横にある矢印をクリックするだけで、そのウィジェットのすべての設定が表示されます。

Sidebar widget view

拡張された設定で、歯車のアイコンをクリックします。

次に、以下のボックスを選択します:’ウィジェットタイトルを非表示にチェックを入れる’。

Hide widget title settings

その後、「保存」ボタンをクリックして変更を保存します。

これらのステップを繰り返すだけで、サイト上のどのウィジェットもカスタマイズできます。その後、WordPressブログを訪問して、新しいウィジェットの動作を確認することができます。

Widget title hidden on site

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$編集プロセスをご覧ください。

アバター

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

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

  1. Syed Balkhi

    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. Jiří Vaněk

    When I hide the widget title, is there a way to make the margins smaller?

  3. Joe

    I would urge caution to avoid using plugins for relatively simple edits. Keep in mind that the more dependency you have on plugins the more work it is to manage and troubleshoot when things go wrong.

    Additionally, plugins affect the performance of your WP site and adds overhead, so use only when you need to.

    If you are looking to hide the widget title you can try this approach by adding the CSS to your theme’s custom CSS or to the .css file found in WP.

    Here’s an example, I used in a Divi theme blog:

    .et_pb_sidebar_0.et_pb_widget_area .widgettitle {display:none;}

    Hope this helps.

  4. Willie

    Good day.
    I added ! to all my Widgets.
    The writing is now gone, but i am left with “Block” where the writing was.
    How do i remove these blocks?
    regards
    Willie

  5. H0NEYL00PS

    If you want to remove a title from a specific widget and you don’t want to download a plugin just to do it, add something like this into your themes’ CSS wherever relevant;

    div.widget.custom-header.last h4 { display: none;}

    .last is obviously optional, relative to what you’re working on – as is ‘custom-header’ (points to the specific widget I was working with). If in doubt, Right Click > Inspect Element.

  6. Bonita

    It only removes the title, but not the styling associated with it. Even thouth the text is no longer there, I can still see the title underline and the spacing that is applied to it. How do I remove this completely?

  7. Laurie

    Doesn’t work for all widgets, such as Google AdSense, still searching for a solution.

  8. Felipe

    Do you know how can i do this manually, without a plugin?

      • Jerdison

        I am trying to remove all of my widget titles. The function you suggested did not remove them.

    • Ibrahim

      Wow! Thank you, Scott, for mentioning this plugin. I’ve been searching for more than a week now for something like this. Thank you.

  9. Alan Hughes

    What is the code? I’m not trying to install an entire plugin just for this.

  10. Kathy Henderson-Sturtz

    Yeah! Wishes do come true. Just installed the Remove Widget Titles on 2 sites (running latest WordPress, Thesis 1.8.5 on one and Genesis/Prose on other) and works like a charm. Oh, the power of a single !

    Just a little concerned that no updates on this widget since 2011.

  11. Gautam Doddamani

    thanks for this i was in need of such a plugin some years ago..i was tweaking up my site and wanted to hide the title…for some reason it was not hiding for a plugin, then i just edited some code using plugin editor and it stopped showing…this is a very good tool and will make the job of hiding title easy! :)

    Cheers,
    Gautam

  12. Trenton Miller

    This is a very useful tip, thanks! Now, is there an easy way to make a widget title into a link? I wish you could just add code into the widget title area, but WordPress doesn’t allow it.

  13. Rich Owings

    If you leave the Title area blank it will do this without a plugin.

    • Editorial Staff

      Yes, but then you don’t know which widget is there because your title area is blank. Specially if you have multiple widgets in that widget area without titles.

      管理者

返信を残す

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