AdminGuide

内田泰三 研究室

管理者ガイド


このサイトの仕様

基本仕様

  • レスポンシブデザイン ブレイクポイント:Window幅 960px
    • PC版:メインコンテンツ2カラム(右 SideBar)
    • スマホ版:メインコンテンツ1カラム(Sidebar は下へ)
  • トップページにのみヘッダー直下にSlideを自動挿入
  • リンクカラー:#FF4500(Site Primary Color)

サイトのワイヤーフレーム構造

Wireframe.png

WireFrame Draw.io



特別なページ

埋込ページ

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

  • MenuBar:メインメニューを再構成する場合に編集します。
  • SideBar:サイドバー(右カラム)を再構成する場合に編集します。
  • SubTitle:常時表示されるページのサブタイトルを変更する場合に編集します。
  • SearchBox:検索ボックス表示用(このページは編集しないで下さい)
  • Slide:トップページに自動挿入されるスライドを設定する際に編集します。
  • SocialIcon:ソーシャルアイコンを再構成する場合に編集します。

仕様解説等

  • FormatCheck:各記法の表示イメージ確認
  • images:サイト内共用画像の添付

雛形・サンプル

ページにはその掲載内容によって、デザインパターンが異なります。初心者の参入を促す意味で、雛形ページを作っておくと便利です。

よくある質問

画像の圧縮・リサイズを簡単に行うには

以下のようなWebサービスがあります。手元の画像をドラッグ&ドロップでアップして、サイズを指定するだけで、簡単にリサイズ・圧縮された画像が得られます。

ブラウザのキャッシュクリア

CSS,JavaScript等の変更があった場合は、ブラウザのキャッシュをクリアしてからサイトを読み込むことで、全体が最新の状態に更新されます。以下、ブラウザごとのキャッシュクリアの方法です。

  • Firefox / Safari:
    Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome:
    Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explorer:
    Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください




添付ファイル: fileWireframe.png 629件 [詳細]
Last-modified: 2020-01-17 (金) 18:37:08