携帯版配色設定画面仕様 (OpenPNE2.10) [email protected] 携帯版新レイアウト色設定一覧 色名 色番号 主な用途 bg01 #0d6ddf ページタイトル背景色、フッタメニュー背景色 bg02 #dddddd サブタイトル背景色 bg03 #eeeeff c_homeコミュニティ説明部分の背景色 bg04 #7ddadf 奇数番新着リスト見出し背景色 bg05 #e0eaef 奇数番新着リスト項目背景色 bg06 #c49fff 偶数番新着リスト見出し背景色 bg07 #dcd1ef 偶数番新着リスト項目背景色 border01 #0d6ddf 主な罫線の色 border02 #b3ceef 奇数番新着リスト罫線色 border03 #bfa4ef 偶数番新着リスト項目罫線色 font01 #eeeeee 白抜き時の文字色（ページタイトルなど） font02 #999966 新着リスト日付部分文字色 font03 #0c5f0f ⇒の色 【A1】管理画面ナビメニュー 1) 管理画面ナビメニュー内「デザイン」に、「携帯版配色変更」メニューを追加 ■管理画面トップページなど ■ジャンプ先 【A2】携帯版配色変更ページ ■デザイン関連ページ内 ■ジャンプ先 【A2】携帯版配色変更ページ 【A2】携帯版配色設定（?m=admin&a=page_edit_ktai_color_config） 1) 2) 3) 4) 色設定を列挙。現在の配色の設定値（16進数）と色のプレビューを表示される テキストボックスに16進数で色を指定すると、「変更後」に色のプレビューが表示される 現在変更中の配色設定がページ下部のテキストエリアに一覧表示される ここで選択した配色設定は、「色変更を確定する」ボタンを押下することでSNSに反映される ■表示内容 現在の配色の設定値（16進数） ■表示内容 現在の配色のプレビュー ■ジャンプ先 【A2】携帯版配色設定 ※色変更を反映する ■表示内容 テキストボックスに入力された色のプレビュー •変更のタイミングは、テキストボックスからフォーカス が外れたとき •なにも変更されていない場合は、現在の配色のプレ ビュー •無効な値が入力された場合、プレビューは変更され ない ■表示内容 テキストボックスに入力された色設定の一覧 【DB設計案】新規にc_sns_config_ktaiテーブル追加 1) 以下の構造のテーブルを作成する 2) 携帯版配色設定関連ページのみの変更で済む 3) PC版配色設定用テーブル（c_sns_config）と構造を合わせる形 フィールド名 型 備考 c_sns_config_ktai_id int primary key key_name text 配色名 bg01 text bg01の色コード（16進数） bg02 text bg02の色コード（16進数） bg03 text bg03の色コード（16進数） bg04 text bg04の色コード（16進数） bg05 text bg05の色コード（16進数） bg06 text bg06の色コード（16進数） bg07 text bg07の色コード（16進数） border01 text border01の色コード（16進数） border02 text border02の色コード（16進数） border03 text border03の色コード（16進数） font01 text font01の色コード（16進数） font02 text font02の色コード（16進数） font03 text font03の色コード（16進数）
© Copyright 2024 ExpyDoc
