FunMakerで レイアウトの自由調整ページ を用いてデザインや配置を変更するためのマニュアルページです。
FunMakerの発展機能の一つであるレイアウトの自由調整はCSSを使ってホームページを独自にカスタマイズすることができる機能です。
利用にはCSSの知識が必要となりますので、当CSSマニュアルではCSSの基本知識を掲載するとともにレイアウトの自由調整を用いてCSSを設定できるように必要となる情報を掲載しています。
CSSでの設定できる内容は幅広く、当マニュアルでは使用頻度の高い文字の装飾/背景の装飾/レイアウト(表示サイズと余白)について説明しています。

レイアウトの自由調整機能の使い方

レイアウトの自由調整機能はその他機能>>レイアウトの自由調整で編集画面を開いて使用します。
編集画面の開き方の詳細はマニュアル レイアウトの自由調整の使い方 をご参照ください。

CSSマニュアルの使い方

CSSでのデザイン変更はコードを扱う専門知識が必要で1つのコードが様々な個所に影響する特性やパソコンやタブレット・スマートフォンなどいくつものデバイスに対応させることなど、正しく設定できないとエラーとなる要素がいくつもあります。
そのため、FunMakerでは各カセットでのデザインの調整やサイトデザインでの調整機能などどなたでも簡単に操作ができるデザインの変更機能を設けており、FunMakerのデザイン調整機能を活用して下さることを推奨しています。
その上でFunMakerのデザイン調整機能で対応していない変更を行いたい場合に、当CSSマニュアルを参照し設定を行ってください。

便利なコピー&ぺーストでの設定とアレンジ

FunMaker内の各要素について個別にCSSでのデザインの設定方法の案内ページを設けています。
各ページにはコピー&ペーストで反映できるコードのサンプルを設けておりますのでまずはサンプルをレイアウトの自由調整に貼り付け、プレビュー画面を確認しながら反映内容を調整することで簡単に設定を進めることができます。
アレンジで使うコードの書き方はCSSで設定できるものの各ページで案内しています。

CSSマニュアルの使い方についての説明は以上です。