• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• AdminGuide へ行く。
  • 1 (2019-12-24 (火) 20:04:34)
  • 2 (2019-12-24 (火) 20:35:28)
  • 3 (2019-12-25 (水) 01:10:39)
  • 4 (2020-01-08 (水) 23:52:53)
  • 5 (2020-01-15 (水) 19:56:08)
  • 6 (2020-01-15 (水) 19:56:08)

---

管理者ガイド

このサイトの仕様

• レスポンシブデザイン ブレイクポイント：Window幅 960px
  • PC版：メインコンテンツ２カラム（右 SideBar）
  • スマホ版：メインコンテンツ１カラム（Sidebar は下へ）
• トップページにのみヘッダー直下にSlideを自動挿入
• リンクカラー：#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 を押してください