サイドバー改造

サイドバーにオリジナルコンテンツを追加する
　
ヴィジェットの「テキスト」
サイドバーのデザインを変更するには、ある程度の知識を必要とする為、初心者には敷居が高い。(サイドバー2で解説)
しかし、どうしてもサイドバーにバナーを表示したい、あるいは表を挿入したい場合があるだろう。
そこで最も簡単な方法として、ヴィジェットの「テキスト(任意のテキストとHTML)」を利用する方法がある。
簡単にいうと、フリースペースを自由にどこにでも、いくつも作ることができるツールなのだ。
この方法なら、ホームページビルダー等を使い慣れた人なら、自由なレイアウトをHTMLで簡単に作成することができる。
※テーマによってはごく稀に、表に背景画像を挿入した場合、見えない場合があるので注意。
　
まずは「テキスト」で配置した、フリースペース部分をみてみよう。
下図は実験用に設置した別サイトのサイドバーだ。
緑枠で囲った3箇所がヴィジェットで配置したテキストエリアである。
上から順に
①表の背景に画像を設定したテキストエリア
②単純に画像を挿入したテキストエリア
③表の枠線を彩ったテキストエリア
　

では、手順を紹介する。
管理画面から、「外観」 → 「ヴィジェット」と進み、
「テキスト」を表示したいサイドバー等にドラッグする。

　
タイトルと青枠内に表示したいテキストやhtmlを挿入し、保存をクリックする。
複雑な表などを挿入する場合、ホームページビルダー等で作成し、ソースをペーストした方がやりやすい。
※下図は、テキストエリア①「サブメニュー」のソース。画像のパスは適宜変更すること。

　
②③も同様にテキストをドラッグし、それぞれタイトルとhtmlを記述する。
テキストエリアを複数挿入
因みに③の枠線を彩った表のソースは次の通りだが、他にもいろんな枠線の表現方法があるので、インターネットで検索してみてほしい。