AdminGuide の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• AdminGuide へ行く。

#author("2020-01-21T22:53:24+09:00","default:staff","staff")
*管理者ガイド
~


**このサイトの仕様
-レスポンシブデザイン（ブレイクポイント：Window幅 768px）
--PC版：２カラム 左メインコンテンツ 右サイドバー：最大幅 960px
--スマホ版：メインコンテンツ１カラム（サイドバーはメインコンテンツの下に表示）
-トップページにのみ、ヘッダー直下に [[Slide]] の挿入エリアがあります。

-サイトのロゴ・マーク
#image(images/logo_image.jpg,,30%)

-サイトのカラー
#image(color.jpg,,30%)
KeyColor：&color(#00A381){''#00A381''};

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


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

***仕様解説等
-[[EditGuide]]：執筆方法（Wiki記法）の説明
//-[[EditGuide/Images]]：画像の掲載について
//-[[EditGuide/Documents]]：書類の掲載共有について
//-[[EditGuide/Plugin]]：当サイト用に作られた機能拡張一覧
-[[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 を押してください

~
~