AdminGuide の変更点

内田泰三 研究室

#author("2020-01-17T18:32:51+09:00","default:inoue.ko","inoue.ko")
#author("2020-01-17T18:37:08+09:00","default:inoue.ko","inoue.ko")
*管理者ガイド
~


**このサイトの仕様
***基本仕様
-レスポンシブデザイン ブレイクポイント：Window幅 960px
--PC版：メインコンテンツ２カラム（右 SideBar）
--スマホ版：メインコンテンツ１カラム（Sidebar は下へ）
-トップページにのみヘッダー直下に[[Slide]]を自動挿入
-サイトのワイヤーフレーム
-リンクカラー：&color(#FF4500){''#FF4500''};（Site Primary Color）
~

***サイトのワイヤーフレーム構造
#image(Wireframe.png,,40%)
[[WireFrame Draw.io>https://www.draw.io/?lightbox=1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Wireframe%EF%BD%9Cuchida-laboratory#Uhttps%3A%2F%2Fdrive.google.com%2Fuc%3Fid%3D1AxMvTZqxkW43S_sqkO_kw79QjnqnVIWd%26export%3Ddownload]]
//#image(Wireframe.png,,60%)
-リンクカラー：&color(#FF4500){''#FF4500''};（Site 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 を押してください

~
~