はじめに
ブログ「小粋空間」へお越しくださりありがとうございます。
このサイトでは Movable Type / WordPress / Serene Bach / sb / FC2ブログ / Seesaaブログ / さくらのブログ / livedoor ブログ / BlognPlus(ぶろぐん+) / アメーバブログ のオリジナルテンプレート、またカスタマイズを中心とした記事を紹介しています。ダジャレやその他の記録も時々載せてます。
ブログに馴染みのない方にとってはページの周囲に表示されている情報が多く、やや分かりづらい面のあると思います(少なくとも私は最初、他の同じようなブログを見てそう感じました)。ということで、このページではこのブログにどのような情報が表示されているかをご説明したいと思います。
またこのブログにはサイト内に色々な仕掛け(カスタマイズ)を追加して、少しでも使いやすいものになるよう心がけています。併せてそれらの機能および操作方法についてご説明致します。
ページレイアウトと各部分の役割・動作について
当ブログのレイアウトは下図のようになっています。このようなレイアウトを「3カラム(または3段組)レイアウト」といい、上部が「タイトル(またはタイトルバナー)」、左側が「左カラム(左サイドバー)」・真ん中が「中央カラム」・右側を「右カラム(右サイドバー)」と呼ばれます。またブラウザの横幅を変えることで中央カラムの幅も変化するレイアウトを「リキッドレイアウト」といいます。
以下、番号順に各部分の役割と動作について説明します。
①ナビゲーションバー
このナビゲーションから「このサイトについて」やテンプレート・カスタマイズの説明・全アーカイブリスト・検索ページ等へジャンプすることができます。
左右にある « や » をクリックすることでサイドバーを隠したり再び表示することができます。本文だけを読みたい時等にサイドバーを隠すと便利です。またサイドバーの表示状態は次にこのページを開いた時にも記憶されています。
②エントリー(ブログ記事本文)
中央カラムには投稿順にエントリーが並んでいます。枠で括っている部分がひとつのエントリーです。IE/Operaでは図のように概要だけが表示されている場合、エントリータイトル(枠内の上部)をクリックするか、概要の最後にある [ all ] のリンクをクリックすると全ての文章が表示されます。タイトルをもう一度クリックすると閉じることができるので、下の方の記事を読む時に閉じてスクロールすると便利です。またエントリーの表示状態は次にこのページを開いた時にも記憶されています。
右側には投稿日やエントリーが属するカテゴリー、タグ(キーワード)を表示しています。月のリンクをクリックすると、月別のページ、カテゴリー名をクリックするとカテゴリー別のページ(これらを「アーカイブページ」といいます)へジャンプします。
「Permalink」と書かれているリンクをクリックすると、このエントリーだけ(と、このエントリーに投稿されたコメント・トラックバック)が掲載されているページ(個別エントリーアーカイブといいます)へジャンプします。
右下にはこのエントリーへのコメントおよびトラックバックの件数が表示されています。この部分のリンクをクリックすると Permalink と同じく個別エントリーアーカイブにジャンプします。
③ページのリンク
表示されているエントリーよりさらに次のエントリーをお読みになりたい場合は、このリンクをクリックしてください。
なお、このリンクはトップページにのみあります。このリンクから辿れないエントリーは後述する月別アーカイブまたはカレンダーのリンクから読むことができます。
④⑤⑥サイドメニュー
ブログ内外のリンク等やその他の情報を表示しています。図はサイドメニューのタイトルのみを表示していますがこれは折りたたんでいる状態で、タイトルをクリックするとメニューの中身が表示されます(もう一度クリックすると折りたたまれます)。なお折りたたみ状態は次にこのページを開いた時にも記憶されていますので、ご覧になりたいメニューだけを開いておくと便利です。
以下それぞれのメニューについて説明します。なお、ページによって表示しているメニューが若干異なりますので予めご了承ください。
Introduction
このページの紹介等を集めたメニューです(ナビゲーションバーのリンクと一部重複しているものもあります)。
Recent Entries
最近投稿したエントリーのリンクです。リンクをクリックすると個別エントリーアーカイブへジャンプします。
Recent Comments
最近投稿されたコメントの一覧です。各エントリーに対するコメントをツリー上に表示しています。エントリータイトルのリンクをクリックすると個別エントリーアーカイブに、コメンターのリンクをクリックすると個別エントリーアーカイブの該当コメント位置にジャンプします。
Recent Trackbacks
最近受信したトラックバックです(トラックバックの説明については用語集を参照ください)。各エントリーに対するトラックバックをツリー上に表示しています。エントリータイトルのリンクをクリックすると個別エントリーアーカイブに、トラックバックサイト名のリンクをクリックすると、該当ブログの個別エントリーアーカイブにジャンプします。
The list of ~
このメニューは月別アーカイブ/日別アーカイブ/カテゴリー・アーカイブに設置しているものでそのアーカイブに属するエントリーの一覧を表示しています。
Entry Trackbacks
このメニューは個別エントリーアーカイブに設置しているもので、エントリーに送信されたのトラックバックの一覧を表示しています。
Entries of this Category
このメニューは個別エントリーアーカイブに設置しているもので、エントリーが属するカテゴリーの他のエントリーを表示しています。また現在本文が表示されているリンクは赤色で表示しています。
QRcode
⑨を参照してください(現在停止中です)。
Show Navigation/Hide Navigation
ナビゲーションバーの表示・非表示を切り替えます(これはお遊びです)。
Styles
ここには下記の3種類の切り替えを行うリンクを用意しています。なお全てのスタイルは次にこのページを開いた時に記憶されています。
- Font size(フォントサイズ切り替え)
- « :フォントサイズを小さくします(一定のサイズより小さくなりません)
- » :フォントサイズを大きくします
- Default :元のサイズに戻します。
For defective color vision(色覚異常者の方へ)
色覚異常の方のためにグレースケール(白黒表示)に切り替えます。グレースケールはIE/Operaのみの機能ですが、Mozilla 系ブラウザ(Netscape/Firefox)でも同じ効果が得られます(ただしカラー表示のままです)。なお動作を分かりやすくするため、いずれか一方のリンクしか表示されないようにしています。- Gray Scale :グレースケールにします。
ハイパーリンクには全て下線がつき、ロールオーバーで反転状態になります。エントリーに掲載している各リストの赤色部分は太字の二重下線、青色部分は太字下線で表示します。 - RGB Color :カラー表示に戻します。
- Gray Scale :グレースケールにします。
なお、デフォルト以外のフォントサイズでの閲覧およびグレースケール化の状態では、ページ切り替え時に若干動作が遅くなる可能性があります。予めご容赦ください。
Search this site
このブログ内の検索をする時に使います(検索については⑧を参照してください)。
Categories
カテゴリー別に分類されたリンクです。リンクをクリックすると該当のカテゴリーアーカイブにジャンプします。またカテゴリーにある▼または▲をクリックすることでカテゴリー配下のカテゴリー(サブカテゴリー)の表示・非表示を切り替えることができます。
Monthly Archives
月別に分類されたリンクです。リンクをクリックすると該当の月別アーカイブにジャンプします。
BlogPeople/MyBlogList
他サイトのリンク集です。
Syndicate this site
RSSリーダを使用する時に利用するためのリンクです(RSSリーダーにこのリンクをURLを設定することでこのサイトの情報を取得することができます)。
ブラウザからこのリンクをクリックするとXMLと呼ばれる形式のデータが表示されますが、通常をリンクをクリックして参照することはありません。
⑦カレンダー
カレンダーの日付部分がリンクになっており、リンクをクリックすると日別アーカイブにジャンプします(このブログでは1日1エントリーなのであまり意味がありません)。月表示の左右にある < または > のリンクをクリックすると前月または次月のカレンダーに切り替わります(ページ全体は切り替わりません)。
⑧検索
検索キーワードは単語、または半角スペースをはさんで複数の単語を設定するとヒットしやすくなります。例えば「サイドメニューの折りたたみ」は「サイドメニュー 折りたたみ」となります。また数字は半角で入力してください。
⑨QRコード(停止中です)
QRコードは携帯用URLを表示する2次元バーコードです。QRコードの下には携帯用URLのリンクを用意しています。
⑩CCライセンス(バナー)
著作権に関する表示です。詳細についてはこのサイトについての「Creative Commons ライセンスについて」の項目をご覧ください。
⑪クレジットバナー
他のブログでも見かけるバナーです。一番下のバナーはW3C:Markup Validation ServiceによるXHTMLチェックで、このページがXHTML1.0 valid(=XHTMLとして妥当なページである)を示しているバナーです。
その他
上の画像にはありませんが、カテゴリー・アーカイブの中央カラム上部に、
Top > Movable Type > テンプレート
というように、ページの現在位置を示す「パンくずリスト」を表示しています。カテゴリー・アーカイブと月別アーカイブには全てのエントリーをまとめて開く(閉じる)リンクをパンくずリストの横に設けています(IE/Opera)。記事を検索される場合にお使いください。
また月別アーカイブ、個別エントリーアーカイブには前後月、あるいは前後エントリーのリンクが、同じく中央カラム上部に表示されています。