HPのレイアウト例

一丁目HPサイトの例 （新版)

概要

1. TOPページ(ホームページ)は、固定ページで作成。それ以外は殆どを投稿(ページ)で作成。
2. メニューはヘッダ下部に作成。

一丁目HPサイトの例　(旧版）

WPとCocoonの設定は下記参照。

1. ヘッダ最上部に他丁目へのリンク：
2. ヘッダ背景写真：
3. ヘッダ上部にアピール文言：もう少し大きくしたいが方法が不明。CSSで可能か？
4. ヘッダロゴ：タイトルロゴの文字は 76pt。GIMPで背景透明、png か gif
5. コンテンツ上にサイト内メニューをブロックメニューで挿入

Cocoon－スキン

ミックスグリーン[作者: y.hiroaki]　。後日「なし」に変更。

スキンに依っては、Cocoon－ヘッダ設定に於けるグローバルメニューの背景色等が予め決められており、設定が出来ないものがある。

Cocoon－ヘッダ設定

ページレイアウト：センターロゴ（トップメニュー）
ヘッダの固定　　：☑ ヘッダを固定する。(動き要確認)
高さ　　　　　　：300
高さ(モバイル)　：空欄
ヘッダーロゴ　　：画像jpg
ヘッダロゴサイズ：500×250
キャッチフレーズの位置：ヘッダ－トップ（デフォルト)
ヘッダ背景画像　：画像設定
ヘッダ全体背景色：緑（#81d742)
グローバルメニュー背景色：灰(#cecece)
グローバルメニュー文字色：黒(#000000)
グローバルメニュー幅：トップメニュー幅 176、サブメニュー幅 240

Cocoon－カラム

コンテンツ幅：800
サイドバー幅：250