初心者おばちゃんもできた!WordPress(ワードプレス)講座

ワードプレスでブログを始めませんか?テーマSTINGERなど。おばちゃんのカスタマイズ保存版

WordPressのウィジェット設定と削除方法

      2015/04/03

WordPressのウィジェットの設定と削除方法

今回はWordPressウィジェットの設置方法についてご説明します。

◆ウィジェットの説明の流れ

● ウィジェットとは?
● ウィジェットの追加と削除
● テキストウィジェットで操作を確認する
● STINGER3のウェジェット広告の設定方法(別ページ)

です。早速操作してみましょう!

スポンサーリンク

ワードプレス(WordPress)のウィジェットについて

ウィジェットとは?

ウィジェットとは、サイトに簡単に設置できる便利な部品(プログラム)のことです。

ワードプレスは、基本的にサイドバーフッター(画面下)部分にウィジェットを設定することができます。

WordPressのウィジェットの設定と削除方法

ウィジェットを設置することで、カテゴリーを表示させたり、カレンダーを表示させたり、広告を入れたり、人気記事を表示させたり・・・・と、作り手やサイトの訪問者に「使いやすく・見栄えの良いサイト」を作ることができます。

 

ウィジェットの設定方法

ウィジェットのページを確認しましょう

「ダッシュボード」-「外観」-「ウィジェット」をクリックします。

ウィジェットを開く

「ウィジェット」のページが開きます。

 

ウィジェットのページ内の配置

ウィジェットのページ構成

1. 画面左側にはウィジェットの一覧が表示されます。
ウィジェットの種類は、プラグインによっても追加することができます。

2. 画面右側にはウィジェットの設置場所が表示されます。右上のエリアは「サイドバー」にウィジェットを設置するエリアです。
STINGER3の初期画面では、ウィジェットの表示場所として「サイドバー」と「広告用の設置エリア」が表示されます。(広告の設置方法は次回ご説明します)

3. STINGER3の広告用のウィジェットを設置するエリアです。
スクロール広告用、Googleアドセンス用、Googleアドセンス用width300、3つのエリアが用意されています。

4. 使用停止中のウィジェットを置いておくエリアです。

 

初期ウィジェットの内容は?

ワードプレスの初期画面では、以下のウィジェットが用意されています。

初期ウィジェットの内容

● RSS
サイトの更新情報の配信の購読ボタン

● アーカイブ
月ごとに記事を表示

● カスタムメニュー
「外観」-「メニュー」に登録したメニューの表示

● カテゴリー
サイトのカテゴリーを表示。(プルダウンメニューもできます)

● カレンダー
カレンダーを表示します。

● タグクラウド
記事に付けたタグを表示します。

● テキスト
文章やHTMLの入る自由に使えるテキストエリア。

● メタ情報
WordPressへのログイン、RSSなど

● 固定ページ
固定ページへのリンクを表示します。

● 最近のコメント
最近のコメントを表示します。

● 最近の投稿
最近の投稿を表示します。

● 検索
サイト内検索を表示します。STIGER3には初期画面で付いているので外します。

これらのウィジェットを、サイドバーとフッターの好きな場所に配置することができます。

 

ウィジェットの設置と削除方法

ウィジェットの追加方法

今回は「テキストウィジェット」を「サイドバー」に設置してみましょう。

ウィジェットの追加方法

ウィジェットの一覧から「テキストウェジェット」をサイドバーエリアの上にドラッグ&ドロップします。

ウィジェットの並び順はドラッグで変えることができます。

 

「サイドバー」にテキストウィジェットが追加されました。

テキストウィジェットの追加
「テキストウィジェット」の右側▼をクリックして開きます。

 

「テキストウィジェット」に必要事項を入力しましょう。

テキストウィジェットの追加

タイトルは任意で入力します。

本文を入力したら「保存」をクリックします。

 

サイトを確認しましょう

ウィジェットの確認

サイトを確認するとサイドバーにはこのように表示されました。

 

 

ウィジェットの削除方法

ウィジェットの削除方法は2種類あります。

1つ目は、完全に削除する方法。

2つ目は、停止状態にする方法です。
これはパソコンのゴミ箱のような所に一旦置いておき、必要な時に取り出せる状態にしておく方法です。
(この場合、設定などもそのまま残ります)

 

完全に削除する方法

ウィジェットを削除する方法

削除したいウィジェットサイドバーエリアの外にドラッグし、手を放します。

 

停止状態にしておく方法

ウィジェットを削除する方法

画面下方にある「使用停止中のウィジェット」エリアまでドラッグして手を放します。
(使用停止中のウィジェットエリアに表示されます)

 

おわりに

以上がウィジェットの追加と削除についての説明となります。
(フッターへの設置については、また個別にご紹介します)

次回は、STINGER3の広告表示エリアへの広告の設定方法についてご説明します。

本日も最後までお読み頂きありがとうございました!

次の記事を書きました⇒STINGER3ウィジェット広告の設置方法と配置は?

 

 - サイトを作る手順, WordPress , , , ,

  • このエントリーをはてなブックマークに追加
  • Pocket

Message

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

  関連記事

ワードプレスで最初に行う設定と手順 サイトタイトルの変更
WordPressサイト作成の手順 タイトル・キャッチフレーズの変更

みなさん、ワードプレスは無事インストールできましたでしょうか? 今回は、ワードプ …

STINGER3 ウィジェット広告の設置方法と配置は?
STINGER3 ウィジェット広告の設置方法とサイトの配置は?

前回のウィジェットの設定方法の続きで第2回目となります。 今回はワードプレスのテ …

ワードプレス関連記事
WordPress カテゴリーの新規作成法は?

今回はカテゴリー作成についてのご説明です。 カテゴリーとは、投稿記事を分類分けで …

WP-DBManagerをロリポップサーバで使う場合のエラー回避方法について
WP-DBManagerをロリポップサーバで使う場合のエラー回避方法は?

ワードプレスをアップグレードする際、データベースを簡単にバックアップできるプラグ …

[初心者]絶対インストールしたい&便利・使えるプラグインはコレ!

[初心者]ワードプレスの初期プラグインとインストール方法の続きの記事となります。 …

WordPressでパーマリンクの設定方法は?
WordPressでパーマリンクの設定方法は?

今回はパーマリンクの設定についてのご説明です。 記事の投稿をする前に、ワードプレ …

[stinger3]ワードプレスヘッダー画像と背景色の変更
[STINGER3]ワードプレスのヘッダー画像と背景色の変更方法

今回は、いよいよワードプレスのテーマSTINGER3のカスタマイズです。 ◆今回 …

[初心者]ワードプレスのテーマSTINGER3をインストールする
[初心者]ワードプレスのテーマSTINGER3をインストールする

今回は、ワードプレスにテーマを設定してみましょう。 スポンサーリンク このページ …

【初心者】WP-DBManagerでバックアップと日本語化の方法
【初心者】WP-DBManagerでバックアップと日本語化の方法

ここでは、初心者の私でもできた簡単なバックアップ方法をご紹介します。 ワードプレ …

ワードプレス関連記事
[初心者]ワードプレスの初期プラグインとインストール方法

今回は、2回に渡ってワードプレスのプラグインについてのお話です。 ● プラグイン …