サイド
![サイドの場所](https://wox.cc/site/manual/novel/o/ja/side1.jpg)
サイドは「詳細設定 > カラム切り替え」で2カラムに設定していたときのみ有効になります。このマニュアルでの解説は、カラムの設定を「2カラム(左メイン)」にし、フリーエリア1と新着レスコメントを配置した状態で解説しております。
サイドの設定を行なうには管理メニューの「カスタマイズ」のプルダウンメニューから「サイド」をクリックします。
![サイドをクリック](https://wox.cc/site/manual/novel/o/ja/side2.jpg)
プラグイン
[枠線]
枠線では、プラグインを囲う線の設定を行います。
![枠線](https://wox.cc/site/manual/form/o/ja/side3.jpg)
枠線の種類は「無し・実線・点線・破線」の4種類から選択できます。線の太さ、線の色については今まで同様、プレビューを確認しながらお好みの太さや色を指定して下さい。
試しに「枠線の種類」を「実線」、「線の太さ」を「3px」、「線の色」を「#000000(黒)」にしてみると、以下のようになります。
![枠線変更後](https://wox.cc/site/manual/form/o/ja/side4.jpg)
[背景]
背景では、プラグイン部分の背景の設定を行います。
![背景](https://wox.cc/site/manual/form/o/ja/side5.jpg)
背景色を指定したい場合は、カラーパレットからお好きな色を選択して下さい。背景画像を使用したい場合は、背景画像のプルダウンメニューから「使用」を選択し、お好きな画像をアップロードしてお使い下さい。
試しに、背景色を「#FFEF99(黄色)」にしてみると以下のようになります。
![背景設定後](https://wox.cc/site/manual/form/o/ja/side6.jpg)
[ヘッダー]
ヘッダー部分は、プラグインの以下の部分です。
![ヘッダーの場所](https://wox.cc/site/manual/form/o/ja/side7.jpg)
以下がヘッダーの設定画面です。
![ヘッダーの設定](https://wox.cc/site/manual/form/o/ja/side8.jpg)
文字サイズ、文字カラー、文字の太さ、背景色、背景画像については、プレビューを確認しながらスライダーやカラーパレットでお好みのサイズや色を指定したり、画像をアップロードするなどしてお使い下さい。
文字位置は、「左・中・右」の3種類から選ぶことができます。
実際のメールフォームページではそれぞれ以下のように表示されます。
![文字位置](https://wox.cc/site/manual/form/o/ja/side9.jpg)
ヘッダー画像というのは、タイトル部分(プラグインヘッダー)の直前に表示される画像のことです。サンプルでは既に▼(逆三角の画像)がアップロードされています。
![ヘッダー画像](https://wox.cc/site/manual/form/o/ja/side10.jpg)
試しにヘッダーを少しカスタマイズしてみます。「文字カラー」を「#FFFFFF(白)」、「ヘッダー画像」を「無し」、「背景色」を「#000000(黒)」に変更してみると以下のようになります。
![ヘッダー設定後](https://wox.cc/site/manual/form/o/ja/side11.jpg)
[メイン]
メインは、プラグインの以下の部分です。
![メインの場所](https://wox.cc/site/manual/form/o/ja/side12.jpg)
以下がメインの設定画面です。
![メイン設定画面](https://wox.cc/site/manual/form/o/ja/side13.jpg)
メインでは、文字サイズ、文字カラー、文字の太さ、リスト画像の4項目の設定が行えます。文字サイズ、文字カラー、文字の太さについては今までご説明した通り、レビューを確認しながらお好みのサイズや色を指定して下さい。
リスト画像については、リスト形式で表示されるプラグインで使用されます。アップロードした画像は
![リスト画像](https://wox.cc/site/manual/form/o/ja/center15.png)
![リスト画像設定後](https://wox.cc/site/manual/novel/o/ja/side3.jpg)
[フッター]
フッター部分は、フッターが表示されるプラグインの場合に適用されます。
以下の例はプラグインの「友達リスト」です。
![フッターの場所](https://wox.cc/site/manual/form/o/ja/side15.jpg)
以下がフッターの設定画面です。
フッターでは、文字サイズ、文字カラー、文字の太さの設定が行えます。
![フッター設定画面](https://wox.cc/site/manual/form/o/ja/side16.jpg)
レイアウト
レイアウトでは、サイドに表示されるプラグインの幅や位置などの設定を行います。
以下がレイアウトの設定画面です。
![レイアウト](https://wox.cc/site/manual/form/o/ja/side17.jpg)
サイド幅、横の余白、パーツ間隔はそれぞれ以下の部分になります。
プレビューを確認しながらお好みの数値を指定して下さい。
![レイアウト解説](https://wox.cc/site/manual/novel/o/ja/side4.jpg)