AdminGuide

管理者ガイド

このサイトの仕様

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

• サイトのロゴ・マーク
  

• サイトのカラー
  
  KeyColor：#00A381

• サイトのワイヤーフレーム
  
  
  
  
  

特別なページ

埋込ページ

当サイトは、以下のページを個々のレイアウトブロックに埋め込んでいます。

• MenuBar：メインメニューを再構成する場合に編集します。
• SideBar：サイドバー（右カラム）を再構成する場合に編集します。
• Slide：トップページに自動挿入されるスライドを設定する際に編集します。
• SocialIcon：ソーシャルアイコンを再構成する場合に編集します。
• SubTitle：全ページ共通表示されるサブタイトルを変更する場合に編集します。
  
  

仕様解説等

• EditGuide：執筆方法（Wiki記法）の説明
• 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 を押してください