2017/10/02

WordPress(ワードプレス)のウィジェットの使い方まとめ(初心者向け)



この記事を書いている人 - WRITER -

会社が倒産したので仕方なくビジネスを始めたらハマり過ぎてフリーランスに。教え子の大半が就職をしなくなる傾向がある。得意分野はコンテンツSEO、ライティング、メルマガ集客
更に詳しいプロフィールはこちら
僕のビジネスストーリーを知りたい方はこちら

ブログ集客屋まつ

この記事を書いている人 - WRITER -
大島 松二郎

ブログ集客屋:まつ。
1985年10月31日生まれ
福島県出身(現在 東京在住)。

ブログ著者、ブログ集客コンサルタント、WEBプロデューサー、セミナー講師。

《ブログ著者として》
会社倒産をきっかけにWEBの世界に足を踏み入れる。その後、タイピングすら出来ない全くの初心者から突然、

ブログ集客の専門家としての活動を始め、
自身で立ち上げた公式ブログでは、
半年間で一万PVを越え、特定のキーワードで、
検索エンジン一位、二位、四位を獲得。

『どんなブログ初心者でも
実践できるわかりやすいノウハウ』
をモットーに、手順書付きで解説された記事は、
初心者のみならずWEBの専門家からも高い評価を得ている。

どうも、まつです。

WordPress初心者の人が挫折するのがウィジェットです。

今回はそんな初心者の方向けに
WordPress(ワードプレス)のウィジェットの使い方を解説します。

WordPressのウィジェットとは?

ウィジェットはWordPressのサイト内に設置できるパーツのようなものです。

これを使うことで
トップページに広告を設置したり、
SNSやfeedlyなどの画像バナーを設置したり、FacebookやTwitterのパーツを設置したりすることができます。

実際に僕のページを見てみましょう。

ウィジェット

赤枠で囲んでいるところは、すべてウィジェットで設定したものです。
画像バナーとメルマガ登録のバナー、カテゴリー、人気記事ランキングはすべてウィジェットで設定をしています。

※人気記事ランキングの作るにはプラグインが必要になるので下記の記事を参考にしてください。

WordPressでサイドバーに人気記事ランキングを表示する方法

ウィジェットの使い方

ウィジェットの使い方に関しては、
デフォルトで使えるものがたくさんあり、

  • 最近の投稿
  • 検索バー
  • 最近のコメント
  • カテゴリー

などがあります。

いずれも使い方は一緒になので、
記事を参考にしながらしっかり覚えておきましょう!

ウィジェットの追加方法

まずはウィジェットの追加方法から解説します。

ウィジェットの追加

WordPressのダッシュボードから『外観』→『ウィジェット』を選択します。

ウィジェットの追加

これでウィジェットの画面になりました。
今回は『アーカイブ』を選択してみましょう。
まずは上記の画面の通りにアーカイブをメインサイドバーにドラッグしていきます。

※ちなみにウィジェットは
WordPressのテーマによって若干違いますが
僕が現在使っているハミングバードの場合、こんなウィジェット配置になっています。

これでアーカイブが追加されました。

ウィジェットの追加

追加されると、
上記のウィジェットメニューが出てきます。
これを下記のように入力してみましょう。

ウィジェットの追加

タイトルを『アーカイブ』『ドロップダウン表示』にチェックを入れ、保存します。
これでサイトでの表示を確認してみましょう。

ウィジェットの追加

アーカイブがドロップダウンで表示されました。

ではちょっと編集をして表示を変えてみます。

ウィジェットの追加

次はタイトルはそのまま、
そしてアーカイブを『投稿数を表示』にしてみます。
これでもう一度サイトを確認してみましょう。

ウィジェットの追加

アーカイブが投稿数で表示されました!!
これでウィジェットの追加の作業は完了です。

 

ウィジェットの削除方法

次はウィジェットの削除方法です。

前の作業で追加したウィジェットの『下向き▼』をクリックしてください。

『削除』をクリックしてウィジェットを削除します。

ウィジェットの削除

削除が完了しました。一度サイトを確認してみましょう。

アーカイブの削除が完了しました!!

 

ウィジェットの停止方法

ウィジェットは簡単に追加と削除が出来ますが、
削除はしたくないけどしばらくの間表示を停止しておきたいウィジェットもありますよね。

例えば
セミナー告知までウィジェットを隠しておいて、
告知後にウィジェットを稼働させる
なんてことも出来ます。

ウィジェットの停止機能を使うことで、
いまだけ表示したくないが、削除もしたくないようなウィジェットを保存しておくことができます。
では実際にやってみましょう。

ウィジェットの停止

先ほどのアーカイブを『使用停止中のウィジェット』の下にある点線の枠内にドラッグしましょう。

ウィジェットの停止

これでOKです。
ちなみに『使用停止中のウィジェットをクリア』をクリックすると、ここにあるすべてのウィジェットが消えてしまうので、うかつに押さないように気を付けてください(フリじゃなくて)。

 

ボックスが閉じている場合の対処法

次はボックスが閉じている時の対処法です。

ウィジェットを使っていると、
たまにボックスが閉じていて画面が表示されなくなることがあります。

こんな感じのやつ。

ウィジェットのボックス表示

こういった表示になっている時はボックスが閉じているせいなので、ボックスを開いてあげましょう。

ウィジェットのボックス表示

赤枠部分の『下向き▼』をクリックします。これでボックスが開きます。

ウィジェットのボックス表示

使用するウィジェットがちゃんと表示されました。

ウィジェットを並べ替える方法

次はウィジェットを並べ替える方法です。
表示の順番を並べ替えたい時に使えます。

では実際にやってみましょう!
まずはウィジェットの画面を開きます。

メインサイドバーにある『テキスト:7月23日~~』の部分を一番下にドラッグしていきます。

これで並べ替えが完了です。では実際に表示をみてみましょう。

OKです!!

テキストウィジェットの編集方法

ウィジェットはただ設定するだけでなく、
特にテキストウィジェットをフル活用することで、
たくさんの便利な機能を使うことができます。

ウィジェットの編集方法

例えば上の画像は
ウィジェットで作った
セミナー画像のバナーですが、
画像をクリックするとセミナーページに飛ぶようになっています。

ウィジェットの編集方法

実際の表示はこんな感じになっています。

ウィジェットの編集方法

こちらもテキストウィジェットで作ったオンラインサロンのバナーです。
同じく画像をクリックするとサロンのページに飛ぶようになっています。

ウィジェットの編集方法

こんな感じで表示されます!!

 

テキストウィジェットを使う時の便利な方法

テキストウィジェットは
一番使い勝手がいいウィジェットですが、
HTMLが全くわからないと使えないのが欠点です。

ですが、
投稿のビジュアルエディタを使って作成し、
HTMLコードをウィジェットにそのまま張り付けることでカンタンに利用できます。

実際に作業してみましょう。

ウィジェットの編集方法

記事のビジュアルエディタで
プロフィールやセミナーの画像バナーを作成します。

そして完成してからテキストエディタにして、
HTMLコードをコピーしてテキストウィジェットに張り付ければ、全くHTMLコードを知らなくてもウィジェットを作成することができます。

ではウィジェットの基本的な使い方は以上となります。
お疲れさまでした。

 

まとめ:デフォルトのウィジェットはほとんど使いません!

お疲れさまでした!!

ウィジェットはWordPressの中でも
トップクラスに便利機能ですが、慣れるまでは大変です。

僕も最初の方は
どこに何があるか全くわからなくて
四苦八苦している時期がありました。笑

ただ、デフォルトのウィジェットは、
アーカイブやテキスト、カテゴリー、
検索バーなどありますが、実際に僕が使っているのはカテゴリー、テキストだけです。

それ以外はあまり意味を見いだせないので使っていません。カレンダーとかよくわかんないしw

ウィジェットを使いこなすカギは
テキストウィジェットにあるので、
難しいと思いますが少しずつ使いこなせるようになってくださいね。

それでは(/・ω・)/

 

【無料E-book】
WordPress(ワードプレス)の集客ノウハウを
すべて詰め込みました。

90ページ以上の
ノウハウが詰まったE-bookです。
広告や有料のツールを使わずに、
集客特化ブログを構築する方法を詳しく載せています。今なら超豪華特典も用意しております。詳しくはプレゼントをご覧ください。

無料プレゼント

 
この記事を書いている人 - WRITER -
大島 松二郎

ブログ集客屋:まつ。
1985年10月31日生まれ
福島県出身(現在 東京在住)。

ブログ著者、ブログ集客コンサルタント、WEBプロデューサー、セミナー講師。

《ブログ著者として》
会社倒産をきっかけにWEBの世界に足を踏み入れる。その後、タイピングすら出来ない全くの初心者から突然、

ブログ集客の専門家としての活動を始め、
自身で立ち上げた公式ブログでは、
半年間で一万PVを越え、特定のキーワードで、
検索エンジン一位、二位、四位を獲得。

『どんなブログ初心者でも
実践できるわかりやすいノウハウ』
をモットーに、手順書付きで解説された記事は、
初心者のみならずWEBの専門家からも高い評価を得ている。

Copyright© ブログ集客屋まつ , 2017 All Rights Reserved.