固定表示スペース

このように、お知らせなどをブログのHOMEページ上部に表示できます。
以下、サンプルの文章です。テンプレート使用時に削除可能です

きれいなコーディング、シンプルな見た目

  • 内部SEO対策済
  • 画像未使用、外部JSファイル未使用で表示が速い
  • W3Cで Valid 
  • HTML-lintで100点

ちょこっと試してみよう!

当テンプレートでは、HTMLをほんの少し編集するだけで、下のボタンで切り替えられるようなことはすぐにできます。その説明や方法をテンプレート内や作者サイトに記載しています。

 角丸   記事左   記事右   ブログタイトルよ、画像にな~れっ! 

 赤   ピンク   橙   カーキ   黄   緑   青   紫   デフォルト色 

 その他の特長も表示可能です。 

かんたんカスタム機能

  • 上のボタンで試せるようにブログタイトルに画像使用OK!
  • 角丸、配色、記事配置をかんたん切り替え
  • コメントの装飾を、シンプルもしくは吹き出し風からかんたん選択
  • HTMLとCSS内にカスタム用説明記述済
  • 編集方法を記載したページのURLも記述済

読者を迷わさない充実ナビゲーション

固定表示スペースを目的別に複数設置可能

  1. HOMEページに固定表示スペース
  2. カテゴリーページごとの固定表示スペース
  3. 各記事最後に固定表示スペース
  4. 各ページ下部に固定表示スペース
  5. サイドバーの背後(下部)の空きスペースを有効活用可能
  6. 上記固定表示スペースが不要な場合、CSS編集の冒頭部分で簡単に非表示可能

試しに上記3~5を非表示にできます。 非表示  

上のボタンは表示切替をした場合の一時的なイメージです。CSS編集で実際に表示・非表示を切り替えられます。作者サイトからのコピペでOKです。

記事本文がメイン、テンプレートはサブ

  • テンプレートがシンプル設計なので記事本文に注意を引かせやすい
  • IE6~8でも崩れず表示可能 (プログレッシブ・エンハンスメント)

わりと自由な使用条件

  • カスタムOK (むしろ推奨)
  • アフィリエイトサイトOK
  • 商用利用OK
  • 作者へ質問OK
  • 再配布OK (ただし作者の許可必要)
  • 作者サイトへのリンクの削除・改変NG
  • アダルト・違法サイトNG

このテンプレートは、HTMLとCSSをこれから覚えていきたい方にも使っていただけると思います。


テンプレートの手動アップデート作業効率化

テンプレートのアップデートをできるだけ効率良くする方法です。試行錯誤中のため、今後もっと良い方法を閃くかもしれません。当サイト作者が作成した次のテンプレートについてです。

続きを読む
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

テンプレートのバックアップでレイアウト崩れなどに備える

テンプレートをこまめにバックアップする方法です。当サイト作者が作成したテンプレートだけでなく、fc2blog用テンプレート全般で可能です。

続きを読む
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

fc2blog変数を活用して「タイトルタグの重複」対策

更新
2012年11月25日(日)

fc2blog変数を使えばJavaScriptを使わずともタイトルタグの重複を防げます。当サイト作者が作成した次のテンプレートについてです。

続きを読む
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

ウェブマスターツール「タイトルタグの重複」対策短縮化(fc2blog用)

「タイトルタグの重複」対策として記事番号をタイトルタグに入れていますが、これを見た目上短くすっきりさせる方法です。当サイト作者が作成した次のテンプレートについてです。

続きを読む
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

スムーススクロール移動先を調整する設定(ヘッダー上部固定時など)

スムーススクロールでページ内移動時の移動先の位置を調整する方法です。当サイト作者が作成した次のテンプレートについてです。

続きを読む
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
Powered By FC2ブログ

今すぐブログを作ろう!

サイドバー背後固定表示サンプル

サイドバーの背後(下部)に固定表示して、スペースを有効活用できます。(ie6は非対応で固定されません。)

広告を固定表示させる場合、それぞれの規約に抵触しないようご注意ください。

テンプレートを編集すれば、この文章を消去できます。