ワードプレス サイドバー編集方法

2018年10月16日

1.ワードプレスのウィジェットとは?

ネットビジネスD運営者の龍一です!

今回は、ワードプレス サイドバー設定・編集方法の紹介です。

ページのサイドバーと呼ばれる幅の狭いカラムの部分は
ウィジェットとも言われます。

ウィジェットとは、本来は小型アプリのような意味なのですが
ワードプレスの*名称的には、ページのサイドバーの部分と
思ってください。
*フッターなどもウィジェットと言う。

サイドバーは、最初はシンプルなものになっているが多いですが
ウィジェットを編集すると、人気記事一覧を表示したり
QRコードなどを追加したり、カテゴリーを表示したりなど
サイドバーの表示を自由に変更することができます。

テンプレートによって異なりますが、ウィジェットで
編集できるのはサイドバーだけではなく、フッターや記事下の
CTAもウィジェットで設定できるようになっている
テンプレートもあります。


 2.ウィジェットの設定 


ダッシュボードの管理画面の左メニューから
「外観 」→ 「ウィジェット」とクリックします。


赤線の四角の中が、このサイトの2カラム右に
表示されている、サイドバーのメニューです。

基本的に、この四角の中にメニューを入れると表示され
出すと非表示になります。

また順番もドラックしてメニューを上下する事で
表示順の変更が可能です。

この上の画像とは異なりますが
メインサイドバーと在るテーマは、四角と同じで
フロントページウィジェットエリア1&2は
固定ページをフロントページに指定した時に
サイト下部のメニューを充実させたい場合に使用します。

3.ウィジェットを四角に追加する方法

基本操作は、好きな項目をサイドバー(四角エリア)に
追加するには、左側の「利用できるウィジェット」の中から
表示したいものを選んで、右側のボックスの中に
上画像の青矢印のようにドラッグ & ドロップすればOKです。

四角のサイドバーの種類も、上のような
いろいろな項目の中から選ぶことが出来ます。

タイトル右の▼をクリックすると開き(四角になる)ますので
その中にドラッグ & ドロップします。


ドラッグ & ドロップするメニューは
左側の利用できるウィジェットの中から選べます。

例えば上の左上から4つ目の「テキスト」などを選び
タイトルを入力して、自分の文を入力します。
リンクなどを設定したりして、▲を閉じて
右の四角の中にドラッグ & ドロップします。

 HTML で書き込む必要が生じる時の対処方 

HTMLが苦手な方は、投稿の「新規追加」に移動して
ビジュアルエディタで普通に文書を書いて。

表示したい内容を作成後、テキストボタンを押して
表示されている HTMLを、全て一時保存します。
それをサイドバーに貼付けると、簡単にHTMLの文書が作成できます。

 フッターに画像や文字を入れる方法