九州産業大学 情報科学研究科
#author("2020-01-21T22:53:06+09:00;2020-01-21T22:48:03+09:00","default:staff","staff") #author("2020-01-21T22:53:24+09:00","default:staff","staff") *管理者ガイド ~ **このサイトの仕様 -レスポンシブデザイン(ブレイクポイント:Window幅 768px) --PC版:2カラム 左メインコンテンツ 右サイドバー:最大幅 960px --スマホ版:メインコンテンツ1カラム(サイドバーはメインコンテンツの下に表示) -トップページにのみ、ヘッダー直下に [[Slide]] の挿入エリアがあります。 -サイトのロゴ・マーク #image(images/logo_image.jpg,,30%) -サイトのカラー #image(color.jpg,right,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 を押してください ~ ~