ウィジェット機能の選択

プラグイン『ウィジェット設定』Widget Optionで軽量化を図る

ウィジェット機能の選択

WordPressはサイドバーやフッターのウィジェットが便利ですが、画像付き新着リストだの、広告だの、ランキングだの、あれこれ盛り込んでも、人はそこまで見ないし(スマホであれば、尚更)、かえってページの読み込みを遅くするだけなので、すっぱり非表示にした方が便利なこともあります。

ウィジェット表示/非表示を細かく設定できるプラグイン『ウィジェット設定(Widget Option)』を使えば、PHPタグをいじらなくても、手軽にコントロールできます。

WordPress.org 日本語

Get Better Control over your Widgets. Easily show or hide Wo…

プラグインを有効化すると、ウィジェットの項目に次のような設定画面が追加されます。

ウィジェット設定の主な機能

ページ別のウィジェット表示/非表示

Hide on checked pages ・・チェックしたページのみ非表示

Show on checked pages ・・チェックしたページのみ表示

「MISC(ページ別)」「Post Types(投稿タイプ)」「Taxonomies(タクソノミー別)」に設定が可能。

広告の種類を使い分けたい、特定のカテゴリーだけお知らせを表示したい、404ページだけ検索窓を強調したい、といった場合に便利です。

ページ別のウィジェット表示/非表示

デバイス別のウィジェット表示/非表示

PC、タブレット、モバイル別にコンテンツの表示/非表示の切り替えが可能です。

当サイトは、サイドバーおよびフッターのウィジェットを非表示にしています。

あれこれ見せたい気持ちは分かりますが、バナーだらけのウィジェットや、画像付き新着リストなど、あまり興味のない人には鬱陶しいだけなので、潔く切った方が読み込みも若干早くなって、かえっていろいろ見てもらえる可能性が高い。

デバイス別 ウィジェット表示/非表示

ウィジェットの配置

いわゆる align です。

左揃え、中央揃え、右揃えにスタイルを整えることができます。

画像やバナーを置く場合、中央 align=center に設定した方が見映えがよくなりますね。

ウィジェットの配置

PHP(テンプレートタグ)の挿入

通常、ウィジェットでPHPコード(テンプレートタグ)は使えませんが、このプラグインを使えば、PHPが扱えるようになります。

PHPタグの挿入

ウィジェット設定の機能を選択

『設定』→『Widget Options』から、どの機能を使うか、選択することができます。

あまり使わない機能は Disable(無効)にしておきましょう。

便利なのは、PHPコードが使える「Display Logic」とデバイス別で表示/非表示が切り替えられる「Deviced Resriction」、ウィジェット設定のインポート/エクスポートができる「Import & Export Widgets」ですね。

ウィジェット機能の選択

ウィジェット設定のインポート/エクスポートは、『ツール』→『Import & Export Widgets』で行えます。
サイトのお引っ越しやテーマ変更などに便利です。

ウィジェットの表示/非表示で出来ること

最近は、投稿ページやホームページ、アーカイブなどにもウィジェットを挿入できるテーマ・テンプレートが増えています。

テンプレートファイルをいじらなくても、ウィジェットの表示/非表示を使えば、コンテンツの表示/非表示も簡単にコントロールすることができます。

特定のカテゴリーやタクソノミーの投稿だけ、商品案内やニュース、記事リストなどを表示できる。
 → PHPが使えるので、いっそう幅が広がります。

カテゴリー(コンテンツ)にマッチした広告を表示する。
→ アドセンスをがっつりやりたい方には必須ですね。

モバイル表示の負担になるコンテンツを非表示にする
→ メニューや記事リスト、ランキングなど、訪問者が求める投稿とは関連性の薄いコンテンツは非表示にした方がいい場合もあります。

PCは画像付き、モバイルはテキストリンクなどコンテンツの種類を切り替える
→ モバイルはずらずら画像が表示されても負担になることが多いので、本当に重要なもの以外は非表示にしましょう。

ブロックエディターを使わなくても、ブロック要素の配置が可能

→ テーマによっては、トップページの上下エリア、投稿ページの上下エリアなど、独自のウィジェットスペースを設けているものがあります。
ウィジェットエリアを利用すれば、ブロックエディタを使わなくても、ランキングやピックアップ記事、メッセージ、Instagramギャラリーなど、いろいろ配置できるので、表現の幅が広がります。もちろん、デバイスやカテゴリー、タクソノミー別のコンテンツ表示/非表示も可能です。

タグ: ,

関連する記事

投稿記事を任意の順番で並び替える functions.phpとページ属性の使い方

既存のdescriptionsをYoast SEOのメタデータ(スニペット)に移行する

小説の記事を降順に表示する WordPressのプラグイン

有料テーマテンプレートを購入する前に考えて欲しいこと

記事とカテゴリーのナビゲーションを作成する WordPressで小説サイト

>海洋小説『曙光』MORGENROOD

海洋小説『曙光』MORGENROOD

宇宙文明の根幹を支える稀少金属ニムロディウムをめぐる企業と海洋社会の攻防を舞台に描く人間ドラマ。生きる道を見失った潜水艇パイロットと愛を求めるフォルトゥナの娘の恋を通して仕事・人生・社会について問いかける異色の海洋小説です。
Kindle Unlimitedなら読み放題。
Amazonの海洋学ランキングで一位を記録。

CTR IMG