【さとぴデザイン】です。このサイトの絵や画像は全部パワポで作っています!

投稿サイドバーのウィジェットをトップページで非表示にする方法

タイトル画像

Masayoshi大「このウィジェット、投稿ページのサイドバーにはいいけど、トップページには表示したくないなぁ」という悩みありませんか?

特定のウィジェットを特定のページで非表示にできるプラグインの紹介です。
Widget Logic (ウィジェットロジック)というプラグインを使います。

 

ウィジェットロジックの特徴

ウィジェットロジックの特徴を簡単に紹介します。

  • ウィジェットの表示・非表示をコントロール出来る。
  • スマホ表示のみ特定のウィジェットを非表示にすることも可能。

 

サイドバー表示の悩み事

現在のテーマTHE THORのサイドバーは、全ページ共通です。
投稿ページのサイドバーに入れた「目次」や「最新の記事」などのウィジェットがトップページでも、固定ページでも、モバイルでも表示されます。
※モバイル表示では、サイドバーのウィジェットは、下に並んで表示されます。

このテーマの仕様に対し、以下のような悩みがあります。

Sanako小
Sanako
投稿ページのサイドバーに、「最近の記事」表示を入れました。
でも、トップページのメイン部分に「最近の記事」表示機能があり、表示がダブるので、トップページのサイドバーから、「最近の記事」表示を消したいです。
Masayoshi小
Masayoshi
ウィジェットロジックなら、「最近の記事」ウィジェットをトップページだけ非表示に出来ますよ。
Toa小
Toa
投稿ページのサイドバーに目次を表示しました。(※1)
トップページでは不要なので、非表示にしたいです。
スマホ表示では、サイドバー表示が下に並ぶので、目次が2回出てしまいます。これも非表示にしたいです。
Masayoshi小
Masayoshi
ウィジェットロジックなら、トップページだけで無く、スマホ表示でも特定のウィジェットを非表示にすることが可能です。
Piko小
Piko
「プロフィール」や「お問い合わせ」のような、固定ページには、サイドバーの広告を非表示にしたいです。
Masayoshi小
Masayoshi
固定ページに特定のウィジェットを非表示にすることも可能です。

 

memo(※1)
THE THORの標準機能にある「目次」はサイドバーに表示が出来ません。
(2020年8月時点の仕様)
本サイトは、THE THORですが、目次は、プラグインの「Easy Table of Contents」を使っています。導入方法は、こちらの記事を参照してください。
関連記事

  THE THORでは、標準で目次を表示する機能があります。 しかし、サイドバーには表示が出来ません。目次プラグインを使うと、表示がおかしくなる不具合もあります。追従具合もなんか変? さまざまな困難を乗り越えて[…]

追従サイドバーに目次を入れる

 

 

ウィジェットロジックの使い方

ウィジェットロジックの導入から使い方までを紹介します。

インストールと有効化

wordpress編集メニューのプラグイン⇒追加、右上の検索窓で、「Widget Logic」を検索。インストールしたら、有効化ボタンを押します。

Widget Logic

設定はありません。各ウィジェットの設定画面に、「ウィジェットのロジック」というタイトルがついた四角い枠が表示されます。ここに条件指定をする、「条件分岐タグ」を入力して使います。

各ウィジェットの設定画面

 

入力する「条件分岐タグ」とは

「条件分岐タグ」とは、テンプレートファイル内で表示される内容や、特定のページ内容を表示する条件を設定する時に使うものです。
条件に合った下記条件分岐タグを各ウィジェットの設定画面にコピペしてください。

◆トップページだけに非表示

!is_home()

◆タグの意味

  • !:否定
  • is_home():トップページ
否定が入るので、「トップページに表示しない」という意味になります。

 

◆スマホだけに非表示

!wp_is_mobile()

◆タグの意味

  • !:否定
  • wp_is_mobile():スマホ表示
否定が入るので、「スマホに表示しない」という意味になります。

 

◆トップページとスマホに非表示

!is_home()&&!wp_is_mobile()

◆タグの意味

  • !:否定
  • is_home():トップページ
  • &&:and
  • wp_is_mobile():スマホ表示

「トップページとスマホに表示しない」という意味になります。

 

 

◆固定ページに非表示

!is_page()

◆タグの意味

  • !:否定
  • is_page():固定ページ

「固定ページに表示しない」という意味になります。

 

 

memo
THE THORでは、wordpress設定の外観カスタマイズの画面では、上記設定をしても反映されません。でも、web表示にすれば、ちゃんと反映されていますので、ご安心ください。

 

まとめ

Masayoshi大地味なプラグインですが、とても役に立ちます。

過去使っていたテーマ(Lightning無料版)は、トップページと投稿ページで別々にサイドバーのウィジェットを設定出来ましたが、スマホ表示を変えることは出来ず、このプラグインを使っていました。

THE THORでは、サイドバーが全ページ共通で、サイドバー全体を表示・非表示(1カラムと2カラム)の選択肢しかないので、またこのプラグインのお世話になっています。

サイドバー表示に不満がある方は、一度試してみると良いですよ。

最後までご覧頂きありがとうございました。