【WordPress】Cocoon のサイドバーをカスタマイズ

WordPress


Cocoonは、WordPressのテーマの1つであり、サイドバー(Sidebar)をカスタマイズすることができます。
サイドバーは、ウェブサイトのメインコンテンツの横に表示される領域であり、ナビゲーションメニューやウィジェット(Widget)などの情報を配置するのに便利です。
Cocoonテーマでは、サイドバーのカスタマイズを行うための設定オプションが用意されています。

ここでは、サイドバーのいろいろなカスタマイズ方法を解説します。


サイドバーの左右切替え方法

1.「Cocoon設定」をクリックし、「全体」タブを選択します。

side_bar-1-01


2.①でサイドバーの位置を変更し、「変更をまとめて保存」をクリックします。

side_bar-1-02


サイドバーのウィジェットを変更

ウィジェットの追加

1.ダッシュボードの「外観」をクリックし、「ウィジェット」をクリックします。
 「利用できるウィジェット」から、好みのウィジェットを選択し、サイドバーエリアに
 ドラッグします。

side_bar-1-03


ウィジェットの削除

追加の場合と同じようにサイドバーエリアから削除するウィジェットを「利用できるウィジェット」エリアにドラッグします。

side_bar-1-04


サイドバーにテキストや画像を挿入

ウィジェットの追加

1.テキストウィジェットを選択し、サイドバーエリアにドラッグします。

side_bar-1-05


テキストウィジェットに画像を挿入

1.テキストウィジェットの「▼」をクリックします。

side_bar-1-06


2.「メディアを追加」をクリックします。

side_bar-1-07


3.すでにアップロード済みの画像は「メディアライブラリ」タブから選択します。
  今回は、アップロードから実施してみます。
 「ファイルをアップロード」タブをクリックします。

side_bar-1-08


4.「ファイルをドロップしてアップロード」か「ファイルを選択」を選ぶことができます。
  今回はここにファイルをドロップしてアップロードします。

side_bar-1-09


5.「投稿に挿入」をクリックします。

side_bar-1-10


6.ドロップした画像がサイドバーに登録されますので、①の「Save」をクリックします。

side_bar-1-11


7.画像がサイドバーに表示されます。

side_bar-1-12


テキストウィジェットにテキストを挿入

1.テキストウィジェットのテキストタブをクリックします。

side_bar-1-13


2.①テキストを入力します。

  ②「Save」をクリックします。

side_bar-1-14


3.サイドバーにテキストが表示されます。

side_bar-1-15