#author("2020-02-10T07:15:59+01:00","default:user","user")
*管理者ガイド
~


**このサイトの仕様
-レスポンシブデザイン（PC / スマホ　に対応）
ブレイクポイント：Window幅 960px
--PC版：メインコンテンツ２カラム（右 SideBar）
--スマホ版：メインコンテンツ１カラム（Sidebar は下へ）
-ヘッダーエリア内にメニュー＋ソーシャルアイコン
-トップページにのみヘッダー直下に[[Slide]]を自動挿入

-サイトのワイヤーフレーム
　
//#image(Wireframe.png,,60%)

-リンクカラー：&color(#FF9800){''#FF9800''};（default-primary-color）
~
~

**特別なページ
***埋込ページ
当サイトは、以下のページを個々のレイアウトブロックに埋め込んでいます。
-[[MenuBar]]：メインメニューを再構成する場合に編集します。
-[[SideBar]]：サイドバー（右カラム）を再構成する場合に編集します。
-[[SubTitle]]：常時表示されるページのサブタイトルを変更する場合に編集します。
-[[SearchBox]]：検索ボックス表示用（このページは編集しないで下さい）
-[[Slide]]：トップページに自動挿入されるスライドを設定する際に編集します。
-[[SocialIcon]]：ソーシャルアイコンを再構成する場合に編集します。
~

***仕様解説等
-[[EditGuide]]：執筆方法（Wiki記法）の説明
-[[EditGuide/Images]]：画像の掲載について
-[[EditGuide/Documents]]：書類の掲載共有について

-Plugins：当サイト用に作られた機能拡張一覧
--[[Plugin/Image]]：写真の配置
--[[Plugin/YouTube]]：YouTube動画の埋め込み
--[[Plugin/Slider]]：スライドショー（カルーセル）の設定
--[[Plugin/FontAwesome]]：FontAwesome アイコンの利用
--[[Plugin/Contents2_1]]：ページ内メニューの自動作成
-[[SubMenuについて]]：親子関係にあるページで、サブメニューを表示する方法

-[[FormatCheck]]：各記法の表示イメージ確認
-[[images]]：サイト内共用画像の添付
~

***雛形・サンプル
ページにはその掲載内容によって、デザインパターンが異なります。初心者の参入を促す意味で、雛形ページを作っておくと便利です。

-[[画像掲載サンプル]]
~
~


**よくある質問

***画像の圧縮・リサイズを簡単に行うには
以下のようなWebサービスがあります。手元の画像をドラッグ&ドロップでアップして、サイズを指定するだけで、簡単にリサイズ・圧縮された画像が得られます。
-Google Squoosh：https://squoosh.app/
-Bulk Resize Photos：https://bulkresizephotos.com/
~

***ブラウザのキャッシュクリア
CSS,JavaScript等の変更があった場合は、ブラウザのキャッシュをクリアしてからサイトを読み込むことで、全体が最新の状態に更新されます。以下、ブラウザごとのキャッシュクリアの方法です。
-Firefox / Safari:
Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
-Google Chrome:
Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
-Internet Explorer:
Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください

~
~