レスポンシブWebデザインブログ 基本形

レスポンシブWebブログ
  • レスポンシブWebブログ
  • ブログ目次(全一覧)
  • ブログ新着情報(短い一覧)
  • 入力画面(日付、タイトル、アイコン、内容、画像、ファイル)
  • 管理画面一覧(PC)
  • 管理画面一覧(スマホ)

目的

ブログや少し長めのお知らせ用。

項目

タイトルと本文、NEWマークやカテゴリアイコン。画像表示、ファイルアップロード。

デザインの特長

管理画面も公開ページも Pure のレスポンシブWebデザイン(PC/スマホ両用)。メイン画像を大きく表示。サブ画像はサムネイルをライトボックスで拡大。

技術・コーディング

公開ページ
  • レスポンシブWeb(Pure)
  • HTML4
  • CSS3
  • jQuery
  • タグセット
管理画面
  • レスポンシブWeb(Pure)
  • HTML5
  • CSS3
  • jQuery

使っているページ

ページ名 使用
全一覧
短い一覧
詳細ページ
最新詳細ページ
RSS

使っている項目の名前

初期設定 使用中
日付(年)
日付(月)
日付(日)
タイトル
記事内容
サマリー (自動)
画像/ファイル1 画像1
画像/ファイル2 画像2
画像/ファイル3 ファイル
画像/ファイル4 -
画像/ファイル5 -
複数ファイル -
初期設定 使用中
1行テキスト1 アイコン
1行テキスト2 -
1行テキスト3 -
1行テキスト4 -
1行テキスト5 -
複数行テキスト1 -
複数行テキスト2 -
複数行テキスト3 -
複数行テキスト4 -
複数行テキスト5 -
詳細ページファイル名 -