こちらでは初期費用無料ホームページ作成サイト - FunMaker[ファンメイカー]の初期設定の中のレイアウト設定方法を解説します。

テーマの各種設定

管理画面 HOME サイトデザイン | 初期費用無料ホームページ作成サイト - FunMaker

HOME画面下部の
発展操作 » カスタマイズ » サイトデザイン
のリンクをリクックすると、サイトデザインの管理画面が表示されます。

テーマ一覧 | 初期費用無料ホームページ作成サイト - FunMaker

管理画面上部の『現在のテーマ』のサムネイル画像下部に表示されている『サイトデザインの変更』のリンクをクリックして、サイトのデザイン管理画面を表示しましょう。

テーマ一覧 | 初期費用無料ホームページ作成サイト - FunMaker

テーマの設定画面で設定できる項目は、

①上部共通領域[ヘッダー]
全てのページに共通で表示されるホームページ上部に表示するコンテンツやそのレイアウトを変更出来ます。
②背景や線の色
背景色や線の色など、ホームページの各部の色を自由に変更することが出来ます。
③文字の色
タイトルやリンクテキストの色など、ホームページの各種文字の色を自由に変更することが出来ます。
④HOMEレイアウト
ホームページTOP画面のレイアウトや表示するコンテンツを自由に変更出来ます。
②一覧レイアウト
記事の一覧ページ[分類ページ]のレイアウトを自由に変更出来ます。
③記事ページのレイアウト
記事ページに表示するサイドバーの数や位置を変更出来ます。
⑦サイトマップ
サイトマップの表示形式を選択出来ます。

の7つになります。

上部共通領域[ヘッダー]のレイアウト設定

ホームページ ヘッダー | 初期費用無料ホームページ作成サイト - FunMaker

まず『上部共通領域[ヘッダー]』のタブを開きます。

サイトデザイン 上部共通領域[ヘッダー] | 初期費用無料ホームページ作成サイト - FunMaker

『上部共通領域[ヘッダー]』で設定できる項目は以下の4項目です。

①ロゴ画像
ヘッダーに表示されるロゴの画像を変更出来ます。
②レイアウト
ヘッダーに表示されるコンテンツのレイアウトを変更出来ます。
③ナビゲーションの表示数
表示したいナビゲーションの数を設定することで、ナビゲーションの幅が変更されます。
④表示コンテンツ
ヘッダーに表示出来るコンテンツの『表示』『非表示』を選択出来ます。

背景や線の色

『背景や線の色』のタブを開きます。

サイトデザイン 背景や線の色 | 初期費用無料ホームページ作成サイト - FunMaker

『背景や線の色』で設定できる項目は大別すると以下の2つになります。

①テーマカラー
様々な美しい色の組みわせをプルダウンで選ぶことが出来ます。
②各部の色の設定
ヘッダーや主要領域など、様々な部位の色を詳細に設定することが出来ます。

文字の色

『文字の色』のタブを開きます。

サイトデザイン 文字の色 | 初期費用無料ホームページ作成サイト - FunMaker

『文字の色』で設定できる項目は以下の4つになります。

①通常
デフォルトの文字の色を変更出来ます。主に本文や抜粋の文字の色がこれにあたります。
②タイトル
各ページのタイトルの文字の色を変更出来ます。
③サブテキスト
SEO対策用にタイトル脇等に表示される文字の色を変更出来ます。
④リンク
リンクの張られた文字の色を変更出来ます。

HOMEレイアウト

『HOMEレイアウト』のタブを開きます。

サイトデザイン HOMEレイアウト | 初期費用無料ホームページ作成サイト - FunMaker

『HOMEレイアウト』で設定できる項目は以下の5つになります。

①メイン画像領域
HOMEに表示されるスライドショーの表示形式を選択出来ます。
②スライドサイズ
HOMEに表示されるスライドショーのサイズをpx単位で設定出来ます。
③サイドバーレイアウト
HOMEに表示されるサイドバーの数とレイアウトを選択出来ます。
④分類一覧レイアウト
HOMEに分類の一覧を表示するか否か、そしてそのレイアウトを選択出来ます。記事の紐づいていない分類は、表示されません。
⑤記事一覧レイアウト
HOMEに記事の一覧を表示するか否か、そしてそのレイアウトを選択出来ます。表示件数は10件で、『この記事を先頭に固定表示』を選択した記事がある場合は、その記事のみが表示されます。

『HOMEレイアウト』の下にある『一覧レイアウト』『記事レイアウト』も同様にレイアウトを選択することが出来ます。
但し、コントロールパネル右のプレビュー画面で変更を確認するためには、プレビュー画面に『一覧ページ』もしくは『記事ページ』を表示しておく必要があります。

サイトデザイン HOMEレイアウト | 初期費用無料ホームページ作成サイト - FunMaker

『一覧ページ』表示のためには、上図青枠内『分類』のリンク(分類ページへのリンク)を、『記事ページ』表示のためには、上図オレンジ枠内『DemoPage001』のリンク(記事ページへのリンク)をクリックして下さい。

これで、FunMaker[ファンメイカー]のサイトデザインの設定方法は終了です。