「Classic Widgets」のインストール・設定方法とウィジェットの使い方を解説！

こんにちは、須賀です。

本記事ではワードプレスサイトをカスタマイズする上で必ず利用する「ウィジェット」の使い方について解説していきます。

この「ウィジェット」機能を使えば、初心者でも見栄えの良いプロっぽいサイトを構築することも出来ますし、あなたのサイトのコンテンツを上手にアピールすることも出来ます。

今後ワードプレスサイトを運営する場合は使用する場面が必ず出てきますので、本記事を参考にしながらしっかり使い方をマスターしておきましょう。

「ウィジェットとは？」

まず、ウィジェットとは何か？と言うとこからお話していきますね。

「ウィジェット」とはサイトのサイドバーや記事下等に特定のパーツを表示させる機能のことを指します。

代表的なパーツでは

などがあります。

Classic Widgetsをインストール

動画で解説しているウィジェットの画面にするには、「Classic Widgets」というプラグインをインストールする必要があります。

※Classic Widgetsとは旧ウィジェットの画面に戻すプラグインです。
もし、グーデンベルクのウィジェットを使いたい場合は「Classic Widgets」をインストールする必要はありません。

「Classic Widgets」のインストールと設定方法は非常に簡単！

まず、ワードプレス管理画面のメニューから「プラグイン」⇒「新規追加」をクリック。

インストール、有効化をします。

これで旧バージョンのウィジェットに戻すことができました。

次にウィジェットの使い方について解説していきます。

「ウィジェット」の使い方

それでは早速「ウェジェット」を使ってみましょう。

まずはワードプレスサイトのダッッシュボードから「外観」⇒「ウィジェット」をクリックします。

そうすると、左側に先程ご紹介した項目がズラっと表示されていますよね。

使い方は非常に簡単で、あなたが使用したいウィジェットを挿入したい箇所にドラックアンドドロップするだけです。

例えば、サイドバーの一番上に「カレンダー」を表示したいのであれば、左側の項目にある「カレンダー」を右側のサイドバーの一番上にドラックアンドドロップするだけ。

一度確認をしてみて下さい。

綺麗に表示されているはずですよ。

「テキスト」を使用する場合

サイドバーのカスタマイズで最も利用されるのが「テキスト」です。

この「テキスト」はあなたのお好みの文字や画像などを表示させるのに利用します。

例えば、

「ブログランキングのバナーを設置したい」

という場合も「テキスト」に画像タグを挿入し、クリックされた際のリンク先を貼り付けるという形になります。

ここで注意して頂きたいのが、テキスト内に画像等を挿入したい場合はHTMLタグを使用しなければ表示されません。

文字や文章を入力するだけならそのまま「テキスト」の内容に書き込めば良いですが、画像を表示させたい場合はHTMLタグを使用しなければブラウザに反映はされません。

画像を貼り付けたい場合は

[aside type="normal"]<img src="画像URL" />[/aside]

リンク先を設置したい場合は

[aside type="normal"]<a href="リンク先URL"誘導文</a>[/aside]

という感じです。

もし宜しければこのままコピペしてあなたのサイトカスタマイズに利用して下さい。

まとめ

以上、ワードプレスの「ウィジェット」の使い方について解説しました。

ウィジェット機能を使えば、あなたのサイトを充実させることが簡単に出来ますので積極的活用して下さいね。

ウィジェットを制するものはワードプレスサイトカスタマイズを制するを言っても過言ではありません。

ウィジェット機能内でサイトをカスタマイズする分にはサイトに悪影響を及ぼす事は殆どありませんので、ガンガン手を動かして慣れて行くと良いですよ。