【WordPress】指定サイドバーウィジェットのタイトルを非表示にする方法|プラグイン不要コード【サイト制作】

こちらの記事では「WordPress (ワードプレス)」のサイドバーなど、ウィジェットエリアのタイトルを非表示にする方法を解説しています。

通常は、ウィジェットのタイトルを入力しなければ表示されませんが、広告掲載などでどのウィジェットなのか分からなくなります。

ウィジェットの広告名を入れると見た目が悪くなるのを防ぎたい時に活用してください。

ウィジェットのタイトルを非表示にする方法

1、ウィジェットのタイトルを記入しない

ウィジェットのタイトルを非表示にするには、まず始めに冒頭で解説した「ウィジェットのタイトルを記入しない」という、タイトルを空で登録する方法があります。

タイトルを書かずにhtmlコードなどで判別出来る方は、WordPressの仕様でタイトルが出力されないようになります。

 

2、プラグインを導入する

Remove Widget Titles」というプラグインを導入することで、タイトルの先頭に「!」を入力したウィジェットのみ、タイトルを出力しないようにする簡単な方法です。

ですが、大幅なサイト修正でもないのでプラグインを増やすと、読み込みが遅くなる可能性があるので下記で紹介するコードで非表示にするのがおすすめです。

 

3、指定ウィジェットのタイトル非表示

※タップでコピー可能

add_filter( 'widget_title', 'remove_widget_title' );
function remove_widget_title( $widget_title ) {
if ( substr ( $widget_title, 0, 1 ) == '!' )
return;
else 
return ( $widget_title );
}

上記のプラグイン「Remove Widget Titles」の内部処理内容は、上記のコードプラグラムで構成されているので、WordPressテーマ内の「functions.php」にコードを追加するだけで、ウィジェットのタイトルを非表示にできます。

▼コード貼り付け手順と場所

  1. 「functions.php」の末尾にある ?> の手前の行に上記のコードを貼り付ける
  2. ウィジェットのタイトル先頭に「!」を付けると表示されなくなる

 

4、全てのウィジェットタイトルを非表示

※タップでコピー可能

add_filter( 'widget_title', 'remove_widget_title_all' );
function remove_widget_title_all( $widget_title ) {
return;
}

上記のコードは全ウィジェットのタイトルを表示させなくするコードです。

もし、ウィジェットにタイトルを付けたいけど、タイトルの出力はしなくていい場合や、タイトルの先頭に「!」を付けて表示・非表示を管理するのも面倒な方におすすめです。

▼コード貼り付け手順と場所

  1. 「functions.php」の末尾にある ?> の手前の行に上記のコードを貼り付ける
  2. ウィジェットのタイトル先頭に「!」を付けると全て表示されなくなる

 

関連記事

Web制作

ウェブ制作関連記事
ブログサイトの始め方 ドメイン取得方法
ドメイン取得~サイト作成手順 外観テーマ導入手順 
おすすめレンタルサーバー おすすめテーマ
記事内容(ジャンル)の選び方 SSL化の設定方法
固定ページをトップページ変更 おすすめプラグイン一覧 
サイト運営者ID確認 効率化ショートカットキー
不要なCSS・JS特定 ホームページの作り方
スパムコメント対策  

▼Googleアナリティクス

Googleアナリティクス関連記事
複数サイト管理方法 旧バージョン(UA)設定

 

Googleアドセンス・アフィリエイト

Googleアドセンス関連記事
アドセンス設置場所 広告単価の高い時期
広告クリック率確認  広告サイズ改善
アンカー広告の固定化 広告が表示されない原因 
ads.txtファイル問題の修正 ダブルレクタングル作成
リクエスト処理エラー Amazonアソシエイト
おすすめASP一覧 【クローズドASP】felmat依頼内容

サイトデザイン

関連記事
TOPページの割り当て padding設定方法
margin設定方法 border設定方法
記事上の余白原因と消し方 スマホ余白の原因と消し方
特定カテゴリー非表示 perタグ内の改行方法
▶が文字化けする原因対策 サイドバーのずれ修正
コメント欄に絵文字  サイドバータイトル非表示
CSSが反映されない原因 テーブル文字を上下中央揃え 

▼テーマ毎のデザイン

THE THOR (ザ・トール)
アイキャッチ画像を非表示 グローバルメニューの出し方

エラー対策

エラー対策の関連記事
style.cssエラー functions.phpエラー
画面表示がおかしい対処法 重大なエラー対処法
サーバーでプラグイン削除 エラーコード一覧
404エラー対策

PR記事一覧

 

Ads Blocker Image Powered by Code Help Pro

広告ブロックを検出しました!

ブラウザの拡張機能を使用して広告をブロックしていることが検出されました。

ブラウザの広告ブロッカーなどの機能を無効にして「更新」をクリックして下さい。