WordPress

ウィジェットを編集してサイドバーをカスタマイズしよう

ウィジェットを編集してサイドバーをカスタマイズしよう

こんにちは!Webデザイナーのアズサ(@azusascom)です。

 

ブログのヘッダー画像などをカスタマイズすると、サイドバーも自分好みに変えたいと思いませんか?

そこで今回は、ウィジェットの基本操作についてお伝えします。

ウィジェットはサイドバーを編集できる機能

ウィジェットとは、ブログ上に設置したサイドバーやフッターを簡単に編集できる機能のことです。以下画像の赤枠内がサイドバー。

おいでよ!ブログはじめてさん トップページ

例えば以下のような項目を表示できます。

  • 簡易プロフィール
  • カテゴリー一覧
  • 最近投稿した記事
  • Twitter投稿

ウィジェットを使えば、誰でも簡単にサイドバーを作れるんです。

この記事では、有料テーマ「JIN」を使って説明します。

テンプレートによって編集できる項目の種類などはちがいますが、操作方法は同じです。

ウィジェットの管理画面

最初に、ウィジェットの管理画面を見てみましょう。

WordPress管理画面

左サイドバー「外観」の「ウィジェット」を選択します。

WordPressウィジェット管理画面

利用できるウィジェットとウィジェットを表示する場所(ウィジェットエリア)が表示されます。

ウィジェットの追加方法

次に、必要なウィジェットを追加してみましょう。

WordPressウィジェット管理画面

追加したい場所にウィジェットをドラッグアンドドロップするだけです。とっても簡単^^

WordPressウィジェット詳細設定画面

「完了」をクリックします。

WordPressウィジェット詳細設定画面

ウィジェットが追加されました。

 

ドラッグアンドドロップができない場合の操作方法

もし、ドラッグアンドドロップができなかったら、以下の手順でウィジェットを追加してくださいね。

WordPressウィジェット管理画面

「利用できるウィジェット」の中から追加したいウィジェットをクリックします。

WordPressウィジェット追加

追加したいウィジェットエリアを選択し、「ウィジェットを追加」ボタンを押します。

ウィジェットの削除方法

次に、ウィジェット削除もやってみましょう。「メタ情報」は必要ないので削除します。

WordPressウィジェット管理画面

「メタ情報」右側の矢印をクリックします。

WordPressウィジェット詳細設定画面

「削除」をクリックします。

WordPressウィジェット管理画面

メタ情報が削除されました。

ウィジェットの編集方法

編集したいウィジェットの矢印をクリックします。

WordPressウィジェット管理画面

今回は例として「カテゴリー」ウィジェットを編集します。

WordPressウィジェット詳細設定画面 タイトル

タイトルは好きなものでかまいません。ウィジェット名をそのままタイトルにしたい場合、タイトルは空欄のままでOK。

WordPressウィジェット詳細設定画面 チェック項目

チェック項目は表示方法についてです。

何もチェックを入れないとこんな感じ↓

デフォルトのカテゴリー表示

「ドロップダウン表示」にチェックを入れるとこんな感じ↓

カテゴリー表示 ドロップダウン

カテゴリ数50以上あるなど、カテゴリを全部表示させたら長くなってしまう場合にチェックを入れるのがいいですね。

おすすめは「投稿数を表示」と「階層を表示」にチェック。こんな感じです↓

おすすめカテゴリー表示

階層とは、カテゴリーに親子関係をつけたもの。このブログの場合

  • 親カテゴリー:仕事
  • 子カテゴリー:アフィリエイト、副業

となってます。

WordPressウィジェット詳細設定画面

入力したら「保存」ボタンをクリックします。

WordPressウィジェット詳細設定画面 保存完了

ボタンが「保存しました」となったら完了です。

ドラッグアンドドロップで簡単カスタマイズ

今回はウィジェットのカスタマイズについてお伝えしました。

  • ウィジェットとは、ブログ上に設置したサイドバーやフッターを簡単に編集できる機能のこと。
  • ドラッグアンドドロップでウィジェット追加。
  • 自分好みにカスタマイズしよう。

ウィジェットはテーマによって種類が変わります。

操作は簡単なのでいろいろ試してみてくださいね。

女性におすすめのWordPressテーマでブログをおしゃれにしよう
女性におすすめのWordPressテーマでブログをおしゃれにしよう実際に使って良かったテーマをご紹介。 【JIN(ジン)】 特徴:ボタン1つでデザインの切り替えができる、見出しや囲み線のデザインが充実してる、収益化を意識して作られてる、SEO対策ができてる。...

 

 

ではでは。

ABOUT ME
アズサ
アズサ
逃げまくりフリーターからWebデザイナーになり、3年間Web制作会社に勤務。 現在はブログ運営とハンドメイド販売をしてます。 ブログ開設のお手伝いや、おしゃれなブログにする方法のご提供など、無料で全力サポートします。

当ブログでは、無料でWebデザインのお悩み相談を受け付けてます。

  • Webデザイン関連:画像作成・配色など
  • WordPress関連:テーマ・プラグイン・操作方法など
  • HTML・CSS関連
  • ブログを始める方法

どんな些細なことでも構いませんので、お気軽にご連絡くださいね。

お悩み受付ページはこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です