サイドバーまたはフッターのWordPressウィジェットのタイトルを非表示にしたいですか？
WordPressウィジェットを使用すると、最近のコメントや最も人気のある投稿など、動的なコンテンツをテーマに簡単に追加できます。ただし、ウィジェットタイトルを非表示にする必要がある場合は、通常、カスタムCSSまたはHTMLを記述する必要があります。
この記事では、WordPressでウィジェットのタイトルを簡単に非表示にする方法をご紹介します。
WordPressでウィジェットのタイトルを非表示にする理由
WordPressテーマによっては、サイトにデフォルトでウィジェットタイトルが表示される場合があります。たとえば、多くのテーマではサイドバーにタイトルが表示されます。
ただし、ウィジェットのタイトルがサイトのデザインに合わない場合があります。ウィジェットの内容がそれ自体を物語っているため、一部のウィジェットタイトルは不要な場合もあります。このように、タイトルはウェブサイト、ブログ、またはオンラインストアの貴重な画面スペースを占める可能性があります。
WordPressウィジェットにカスタムスタイルを追加したり、ビジュアルエディターを使用して独自のウィジェットを作成したりすることは可能ですが、タイトルを削除するにはより迅速かつ簡単な方法があります。とはいえ、この簡単な変更をどのように行うか見てみましょう。
動画チュートリアル
文章での説明をご希望の場合は、このままお読みください。以下のクイックリンクを使用して、使用したい方法に直接ジャンプしてください。
方法1：フルサイトエディターの使用（ブロック対応テーマのみ）
ウィジェットのタイトルを非表示にする最も簡単な方法は、フルサイトエディターを使用することです。これにより、タイトルを削除するなど、任意のWordPressウィジェットをカスタマイズできます。
ただし、この方法はブロックベースのテーマ（例： Hestia Pro）でのみ機能します。ブロック対応テーマを使用していない場合は、代わりに方法2を使用する必要があります。
開始するには、WordPressダッシュボードの テーマ » エディター に移動します。
デフォルトでは、フルサイトエディターはテーマのホームページテンプレートを表示しますが、ヘッダーやフッターなどの任意のテンプレートまたはテンプレートパーツにウィジェットを追加できます。
標準のWordPressコンテンツエディターでは編集できないサイトの領域にウィジェットを追加することもできます。たとえば、フルサイトエディターを使用して404ページテンプレートを改善できます。
利用可能なすべてのオプションを表示するには、「テンプレート」を選択します。
これで、ウィジェットのタイトルを削除または新しいウィジェットを追加したいテンプレートまたはテンプレートパーツをクリックできます。
例として、最新投稿ウィジェットをホームページのサイドバーに追加しますが、どのテンプレートやウィジェットを選択しても手順は同じです。
テンプレートまたはテンプレートパーツを選択すると、WordPressはプレビューと説明を表示します。このレイアウトを編集するには、鉛筆アイコンをクリックします。
新しいウィジェットを追加したい場合は、左上にある青い「+」アイコンをクリックします。その後、追加したいウィジェットの名前を入力し、目的のウィジェットをテンプレートにドラッグアンドドロップできます。
詳細な手順については、ウィジェットの追加と使用方法に関するガイドをご覧ください。
ウィジェットのタイトルを削除するには、エディターでタイトルをクリックして選択するだけです。
これで、すべてのテキストを削除するか、独自のカスタムメッセージに置き換えることができます。
他のウィジェットのタイトルを非表示にするには、同じ手順を繰り返すだけです。
テンプレートの外観に満足したら、「保存」をクリックしてください。
さて、あなたのWordPressウェブサイトにアクセスすると、ウィジェットのタイトルが消えているのがわかります。
方法2：ウィジェットオプションプラグインの使用（フルサイトエディター不要）
ブロック対応テーマを使用していない場合は、Widget Options プラグインを使用してウィジェットのタイトルを非表示にすることができます。これは、ウィジェットをカスタマイズしたり、特定のWordPressページにウィジェットを表示または非表示にしたりできる、完全なウィジェット管理プラグインです。
詳細については、WordPressプラグインのインストール方法に関する完全なガイドをご覧ください。
プラグインを有効化したら、外観 » ウィジェットに移動する必要があります。次に、ウィジェットをサイドバーまたはサイトのその他のウィジェット対応領域にドラッグアンドドロップします。
この例では、検索ウィジェットからウィジェットタイトルを削除しますが、どのウィジェットを使用しても手順はほぼ同じです。
WordPressテーマによって、表示されるウィジェットのオプションやタイトルが異なる場合があることに注意してください。
ウィジェットのタイトルの横にある矢印をクリックするだけで、そのウィジェットのすべての設定が表示されます。
拡張設定で、歯車アイコンをクリックします。
次に、「ウィジェットのタイトルを非表示にするにはチェックを入れる」というボックスを選択します。
その後、「保存」ボタンをクリックして変更を保存してください。
ウェブサイト上のウィジェットをカスタマイズするには、これらの手順を繰り返すだけです。その後、WordPressブログにアクセスして、新しいウィジェットが機能していることを確認できます。
この記事が、WordPressでウィジェットタイトルを簡単に非表示にする方法を学ぶのに役立ったことを願っています。また、最も役立つウィジェットの専門家による選択を確認したり、モバイルでWordPressウィジェットを非表示にする方法のガイドを参照したりすることもできます。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
ウィジェットのタイトルを非表示にしたい場合、マージンを小さくする方法はありますか？
WPBeginnerサポート
それには、CSS を変更するために要素をインスペクトする必要があります。
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
管理者
イジー・ヴァネック
OK、ウィジェットのCSSクラスを見つけて、テーマエディターまたはWPコード経由でこの特別なCSSを作成する必要があります。回答ありがとうございます。これで意味が通じました。
Joe
比較的簡単な編集のためにプラグインを使用することは避けるように注意を促します。プラグインへの依存度が高まるほど、問題が発生した際の管理とトラブルシューティングに手間がかかることを覚えておいてください。
さらに、プラグインはWPサイトのパフォーマンスに影響を与え、オーバーヘッドを追加するため、必要な場合にのみ使用してください。
ウィジェットのタイトルを非表示にしたい場合は、テーマのカスタムCSSまたはWP内の.cssファイルにCSSを追加するというアプローチを試すことができます。
ここに例を示します。Diviテーマのブログで使用しました。
.et_pb_sidebar_0.et_pb_widget_area .widgettitle {display:none;}
お役に立てば幸いです。
WPBeginnerサポート
ジョー、こんにちは。
WordPressプラグインをサイトにいくつインストールすべきかに関する記事で、この件について議論しました。
管理者
Willie
こんにちは。
すべてのウィジェットに！を追加しました。
文字は消えましたが、文字があった場所に「ブロック」が残っています。
これらのブロックを削除するにはどうすればよいですか？
よろしくお願いします。
Willie
H0NEYL00PS
特定のウィジェットからタイトルを削除したいが、それだけのためにプラグインをダウンロードしたくない場合は、テーマのCSSに以下のようなものを関連する箇所に追加してください。
.last は、作業内容に応じてオプションであり、「custom-header」（私が作業していた特定のウィジェットを指します）も同様です。不明な場合は、右クリック > 要素を検証してください。
Bonita
タイトルのみが削除され、それに関連付けられたスタイルは削除されません。テキストはもう表示されませんが、タイトルの下線とそれに適用されているスペーシングはまだ見えます。これを完全に削除するにはどうすればよいですか？
Laurie
Google AdSenseのようなすべてのウィジェットで機能しません。まだ解決策を探しています。
フェリペ
プラグインなしで手動でこれを行う方法を知っていますか？
WPBeginnerサポート
あまり洗練された解決策ではありませんが、機能するはずです。
function remove_widget_title() { $titleNew = ""; return $titleNew; } add_filter ( 'widget_title', 'remove_widget_title' );1-click Use in WordPress
管理者
Jerdison
すべてのウィジェットタイトルを削除しようとしています。提案された関数では削除されませんでした。
スコット
素晴らしい投稿です！さらに、関連トピックとして、単一表示でページと投稿のタイトルを非表示にするには、Hide Title Pluginもあります。http://wordpress.org/extend/plugins/hide-title/
イブラヒム
わあ！このプラグインについて言及してくれてありがとう、スコット。このようなものを1週間以上探していました。ありがとうございます。
アラン・ヒューズ
コードは何ですか？これのためだけにプラグイン全体をインストールしようとしているわけではありません。
Kathy Henderson-Sturtz
やった！願いは叶うものです。ウィジェットタイトルを削除するプラグインを2つのサイト（一方は最新のWordPress、Thesis 1.8.5を実行、もう一方はGenesis/Proseを実行）にインストールしたところ、見事に機能しました。ああ、たった一つの！の力よ！
このウィジェットの更新が2011年から行われていないことに少し懸念しています。
編集スタッフ
Probably doesn’t need to be updated
管理者
ガウタム・ドダマニ
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!
乾杯、
ゴータム
Trenton Miller
これは非常に役立つヒントです、ありがとうございます！さて、ウィジェットのタイトルをリンクにする簡単な方法はありますか？ウィジェットのタイトル領域にコードを追加できればよいのですが、WordPressでは許可されていません。
編集スタッフ
これらのプラグインのいずれかを使用してみてください。
http://wordpress.org/extend/plugins/widget-title-links/screenshots/
http://wordpress.org/extend/plugins/linkable-title-html-and-php-widget/
管理者
リッチ・オウィングス
タイトル領域を空白のままにしておくと、プラグインなしでこのようになります。
編集スタッフ
はい、しかしタイトル領域が空白になるため、どのウィジェットがあるかわからなくなります。特に、タイトルなしで複数のウィジェットがそのウィジェット領域にある場合。
管理者