固定表示スペース

お知らせなどをブログのトップページのみに表示できます。

以下、サンプルの文章です。当テンプレート使用時に削除してください。

当テンプレートは、検索エンジンのみならず、長文を書く人と読む人の両方にも最適化して設計されています。構造化された文章をコピペで書けると同時に、次のとおり読む人にも配慮して設計されています。

各記事をHTMLで構造化（作者サイトからのコピペでもOK）することで、そのページの目次を「サイドバー下部の空き部分」と「記事内最初のh2タグの直前」の２ヶ所に自動生成できます。

たとえば、このページを最下部までスクロールし、サイドバーの下部に空き部分がある場合は、このページの目次が自動生成されているのを確認できます。

サイドバーの上部と下部にボタンを配置しました。これにより、ヘッダーとサイドバーを非表示にでき、記事を連続で読む人の利便性をあげられるかもしれません。ページ移動してもこの状態はクッキーにより保持されます。

目次自動生成などには jQuery を使用しています。これらの機能が不要な場合は削除できます。もしくは、jQueryを使っていないライトバージョンのテンプレートも公開していますので、そちらをご利用いただいてもいいかもしれません。

画像を一切使っていません。CSS3の角丸やボックスシャドウを活用しています。CSS3はIE8以下では非対応な部分がわりとあります。

↑こんな感じで、pタグなどにクラスを指定するだけで、ピクトグラム追加や背景色アレンジなどの簡易装飾ができます。
当カスタムテンプレートは、芸術的なデザインよりも文章の読みやすさなどの実用面に重きを置く方に向いています。詳細は作者サイト内 customtemplate のページにて確認できます。

ブログタイトルに画像を用いる方法

公開
2012年06月09日(土)

ブログタイトルに画像を用いる方法です。当サイト作者が作成した次のテンプレートについてです。

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

【暫定版】各記事のコメントも目次化するJavaScript

公開
2012年06月05日(火)

各記事のコメントも目次化する方法です。今のところIE8以下は非対応です。当サイト作者が作成した次のテンプレートについてです。

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

グローバルナビゲーションで展開される項目をカスタムする方法

公開
2012年06月05日(火)

グローバルナビゲーションの構造をコピペでカスタムする方法です。当サイト作者が作成した次のテンプレートについてです。

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

HOMEページで、固定表示スペースは表示し、記事は非表示にする設定

公開
2012年05月27日(日)

HOMEページ(blogのトップページ)で、各記事を非表示にするが固定表示スペースは表示する方法です。当サイト作者が作成した次のテンプレートについてです。

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

各記事を囲っている枠線の装飾を編集する方法

公開
2012年05月27日(日)

各記事を囲っている枠線を編集する方法です。当サイト作者が作成した次のテンプレートについてです。

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