【WordPress ウィジェットの使い方】 ウィジェットとは?使い方を徹底解説

WordPress

【WordPressウィジェットとは】ウィジェットの使い方を徹底解説

2018年9月13日

本記事では、WordPress(ワードプレス)初心者の方を対象に、WordPressのウィジェットの使い方について説明していきます。
 

本記事でわかる内容

  • ウィジェットとは・ウィジェットの概念
  • ウィジェットの設定方法
  • おすすめのウィジェット

 


 

【WordPress対応】自分でホームページ・ブログを作成したいWebスクールWEBST8
WordPress 自分でホームページ・ブログを作成したい個人事業主のためのWebスクール・教室 ウェブストエイト


 

WordPressのウィジェットとはブログパーツのこと

WordPressのウィジェットとは、ブログパーツ(部品)のことです。WordPressでは、画像やテキスト、検索窓や投稿一覧など任意のウィジェット(ブログパーツ)をサイドバーやフッターなどに追加することができます。
 

ワードプレスのウィジェット機能の説明
 

WordPressウィジェット(パーツ)の一例

  • テキスト・画像
  • 最新の投稿一覧
  • お問い合わせ情報・バナー
  • 検索窓

■WordPressウィジェット設定画面
ワードプレスのウィジェット画面。任意のウィジェットを 任意のエリアに配置していきます。

 

ネットでウィジェットの意味を調べると、「パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのこと」と解説されていますが、ブログのパーツ(部品)と覚えておいた方が理解しやすいと思います。

 

パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのこと。カレンダーや電卓、音楽プレイヤーなどのアクセサリー類やRSSリーダー、検索ボックスなどがある。Yahoo!のYahoo!ウィジェット、Mac OS Xに付属のDashboardなどがある。WindowsやGoogleでは、ガジェットと呼ばれている。ブログのサイドバーに追加するウィジェットは、ブログパーツと呼ばれる。
(ウィジェットとは - コトバンクより引用)

 

WordPressでは、ウィジェット機能でサイドバーやフッターなどの特定部分の表示をカスタマイズできます。例えば、バナー(画像)を追加したり、テキストやおすすめ記事一覧などを表示することができます。
 


 
 

ウィジェットの設定方法(外観>ウィジェット)

ウィジェットの追加方法について説明していきます。ウィジェットは外観>ウィジェットから設定します。
外観>ウィジェットをクリックします。
 

左側の追加したいウィジェットタイプを選択してドラッグ&ドロップで任意の箇所にウィジェットを追加します。
ワードプレスのウィジェット画面。任意のウィジェットを 任意のエリアに配置していきます。
 

左側がウィジェット(ブログパーツ)、右側が配置エリアになります。
 

右側の配置エリアですが、サイドバーだけじゃなくて、サイドバー(トップページ)とかフッター(xxx)とか色々なものがあるんですね

 

なお、右側の配置エリアの名称や種類は、適用しているテーマによって異なります。「サイドバー」一つだけの場合もあれば、上記例のようにサイドバー(xxx)のほかにフッターにもウィジェットを配置することができるようになっている場合もあります。
 

ウィジェットタイプを選択して、任意の箇所にウィジェットを追加します。
ウィジェットタイプを選択してドラッグ&ドロップで任意の箇所にウィジェットを追加する
 

下記はテキストタイプのウィジェットです。設定後に保存して完了です。
テキストウィジェットを保存
 

トップページで、サイドバーにテキストウィジェットが追加されたことを確認して完了です。
トップページのサイドバーにテキストウィジェットが追加された
 

■ウィジェット追加の流れ


 
 

おすすめのWordPressウィジェット

どんなサイトにしたいか目的によって使うウィジェットは異なりますが、ここでは一般的によく使えるおすすめのWordPressウィジェットをいくつかご紹介します。
 

ウィジェットってたくさんあるんですけど、その分どれを使えば良いかわからなくって・・・。

たしかに、最初はどのウィジェットを使えば良いのかいまいちわかりにくいと思います。そこで、オススメのウィジェットをいくつか紹介して行きますね。

 

WordPress初期状態で用意されているウィジェット

WordPress初期状態で用意されているウィジェットは下記の通りです。「検索」や「カテゴリ」、「テキスト」、「カスタムHTML」は当サイトでもよく使っています。
 

ウィジェット名 説明
RSS 任意のRSS/Atom フィードからのエントリー用ウィジェット
アーカイブ 投稿の月別アーカイブウィジェット
カスタムHTML 任意のHTMLコードを書くためのエディターウィジェット
カテゴリー カテゴリーリストやドロップダウンウィジェット
カレンダー サイトの投稿カレンダーウィジェット
ギャラリー 画像ギャラリーを表示するウィジェット
タグクラウド よく使用されているタグのクラウドウィジェット
テキスト 任意のテキストを書くためのエディターウィジェット
ナビゲーションメニュー サイドバーにナビゲーションメニューを表示するウィジェット
メタ情報 ログイン、RSS、WordPress.orgへのリンク表示ウィジェット
動画 メディアライブラリ内からYouTube・Vimeo・その他のプロバイダからの動画を表示するウィジェット
固定ページ 固定ページの一覧を表示するウィジェット
最近の投稿 直近の投稿一覧を表示するウィジェット
検索 サイト内検索フォーム

 

テキストウィジェット

ワードプレスウィジェット テキスト

「テキスト」ウィジェットは非常によく使う機能です。テキストウィジェットを利用すると、任意の文字や画像、バナーリンクなどを表示することができます。


 

検索ウィジェット

ワードプレスウィジェット 検索
「検索」ウィジェットを利用すると、手軽にサイト内検索機能を追加することができます。
 


 

カテゴリウィジェット

ワードプレスウィジェット カテゴリ
 

「カテゴリ」ウィジェットを利用すると、投稿のカテゴリ一覧を表示することができます。


 

ウィジェットはプラグインで増やすことができる

WordPressではプラグインを追加することで、後から色々なウィジェットを追加することができます。
 

VK All in one Expansion Unitのウィジェット

ここでは、ウィジェット追加機能を含む便利なプラグイン「VK All in one Expansion Unit」をご紹介します。

プラグインの新規追加から「VK All in one Expansion Unit」をインストールしておいてください。
VK All in one Expansion Unit
 

外観>ウィジェットを確認すると「VK_XXXX」というウィジェットが追加されていることが確認できます。
VK All in One Expression Unitを追加したことで増えたウィジェット。VK_からはじまっているものが新たに追加されたウィジェット
 

■例1)「VK_最新情報」で最新記事一覧を表示
「VK_最新情報」は最新記事一覧を表示できます。ワードプレスが初期状態で持っているウィジェット「最近の投稿一覧」とは違い、サムネイル有無を始め一覧表示の細かな設定が可能でカスタム投稿タイプにも対応しています。
 

外観>ウィジェットからVK_最新記事を選択してサイドバーに設置
VK_最新記事
 

通常の投稿一覧の場合はそのままでOKです。通常自動保存されます。
VK Exunitをサイドバーに配置
(投稿IDをカスタム投稿用のIDに変更するとカスタム投稿タイプ一覧が表示されます)
 

トップページを見ると、最新の投稿記事一覧が表示されました。
サイドバーに投稿記事一覧が表示されました
 

■例2)VK_お問い合わせ情報でお問い合わせ情報を表示
VK_お問い合わせ情報を利用すると、お問い合わせの電話番号やリンクを簡単に設定することができます。

外観>ウィジェットからVK_お問い合わせ情報を選択してサイドバーに設置します。
VK_お問い合わせ情報
 

VK_お問い合わせ情報をサイドバーに配置します。
VK_お問い合わせ情報をサイドバーに配置
 

サイドバーにお問い合わせ情報が表示されました。以上で設定は完了です。
サイドバーにお問い合わせ情報が表示されました
 

まずは、お問い合わせ情報にある電話番号やリンクはVK_ExUnitのメイン設定から設定できます。VK_EXunitの使い方に関するより詳細な説明は「ワードプレステーマ Lightning(ライトニング) のVK Exunitの使い方」に紹介していますので、ご興味ある方はぜひご参照ください。
 

WordPress Popular Posts(人気記事ランキング)のウィジェット

WP Popular Postsというプラグインをインストール・有効化すると「人気記事ランキング」をウィジェットとして追加することができます。

■WordPress Popular Posts
WordPress Popular Posts プラグイン
 

WordPress Popular Postsを有効化すると、「WordPress Popular Posts」ウィジェットが追加されます。
WordPress Popular Posts ウィジェット
 

WordPress Popular Postsを任意の配置エリアに追加します。
WordPress Popular Posts ウィジェットに追加
 

サイドバーに人気記事ランキングが表示されました。
人気記事一覧が表示された
 
 

まとめ ウィジェットを使いこなしてサイトを充実させよう

まとめです。今回は、WordPress(ワードプレス)初心者の方を対象に、WordPressのウィジェットの使い方について説明しました。
 

本記事で説明した内容

  • ウィジェットとは・ウィジェットの概念
  • ウィジェットの設定方法
  • おすすめのウィジェット

 

WordPressのウィジェットとは、ブログパーツ(部品)のことで、画像やテキストなど任意のパーツをサイドバーやフッターなどに追加することができます。
 

ワードプレスのウィジェット機能の説明
 

実際に自分で触ってみないことにはなかなかわからないことも多いと思いますので、興味がある方はたくさん触ってみて覚えてくださいね。

 

今回は以上になります。最後までご覧いただきありがとうございました。
 

合わせて読みたい記事

WordPressの基本的な使い方を「【2020年度版 WordPress使い方総まとめ】ワードプレスの使い方を徹底解説」にまとめました。WordPressの使い方をしっかり覚えたい方はあわせてご参考ください。

【2020年度版 WordPress使い方総まとめ】ワードプレスの使い方を徹底解説

 


弊社は、自分でホームページを作ることを推奨しています。「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら


 

『自分で作る選択を』
自分でホームページ作成・Web集客したいホームページ作成スクール・教室

自分でホームページ作成・Web集客したいホームページ作成スクール・教室 WEBST8

検索して記事を見つけたい方はこちら

検索して記事を見つけたい方はこちらにキーワードを入力してお探しください。

おすすめ記事3選

【WordPressの始め方総まとめ】ワードプレスブログの作り方9STEP

WordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。本記事では、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。

【WordPressホームページの作り方総まとめ 12STEPで解説】

WordPressでホームページを自作しようと思った際に、「ドメイン?サーバー?たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。この記事ではWordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。

【2020年版WordPress(ワードプレス)の使い方総まとめ】

今回は、これからWordPress(ワードプレス)を使ってホームページまたはブログサイトを作りたい初心者の方向けに、WordPressの導入から使い方までまとめて説明していきます。 (※)WordPress5.0から実装された最新のブロックエディター(グーテンベルグエディター)にも対応しています。

-WordPress
-,

© 2020 WEBST8のブログ Powered by AFFINGER5