ブログにページャーは必要か？…という考察とデザイン変更中のアレコレ

50代も半ばになると白背景のサイトは目がチカチカして疲れます…

自サイトを黒系の背景にしている最大の理由ですが…

絵文字などの小さな画像も「15×15px」で作成していましたが見辛くなってきたし…

延長されていた「WindowsXP」のサポートが１年を切り…

古いブラウザも激減して行くでしょうから…

Blogger のテンプレートから弄れる画像を全て…

「CSS Sprites」と「Base64」で表示するようにカスタマイズしていましたが…

画像サイズ変更して作成し直し…「さあ…明日入れ替え」という段で…

PC が「ご臨終」してセーフモード起動も出来ず買い替えるハメに…

教訓 データはクラウドなども活用して保存しておきましょう…

「アニメーションgif」を「Base64 (data URI scheme)」で…

文字 データ化すると膨大な文字列になりますが…

個別に「HTTPリクエスト」で読み込むより速いのは自明でしょう…

Pingdom Website Speed Test

ヘッダーのアニメーションgif

「Pingdom Website Speed Test」で…

ヘッダーの３個の「アニメーションgif」を…

見てみると…膨大な文字列にも拘わらず…

あっ という間に読み込まれていますね…

まぁ…アドセンスや…

予めバンドルされていて弄れないものを含め…

「JavaScript」だらけのサイトですから「速い」には程遠いですが…

かなり健闘しているんじゃないかと思っています…

「CSS Sprites」に関しては過去記事を…

 Tonttu/テンプレート編集に必須な「CSS Sprites」作成ツールの使い方と「HTML」マークアップ

 Google Bloggerで絵文字を使うためのTips【CSS Sprites 編】


画像を「Base64 (data URI scheme)」変換したい方は…

画像をbase64エンコードするツール / Syncer  


…が…お便利です…

尚…「はてなブックマーク」のスクリプトは…

あまりにも「安定して遅い」ので…(￣ー￣) 邪笑®

カウント用ボタンを外してトップページだけのブックマークに変更しました…

どうせ…殆ど押してもらえませんしね…

色々と見直していく過程で…かねてから疑問を抱いていたのが…

「ブログにページャーは必要か」という事です…

当サイトのページャー

専門的なサイトじゃなければ…

「投稿ページ」には不要という…

至極当然な結論に至ったので…トップページには元々…

記事自体を表示していませんからページャーも非表示でしたが…

「投稿ページ」でも非表示にしました…

余程…単一なテーマでブログを書いて行かなければ…

検索エンジンからの来訪者がページャーをクリックする度に…

「がっかり感」が増す訳ですから「タブ」などのインデックスで…

好きに選んでもらった方がユーザーフレンドリーでしょう…

…などと…辺境サイトの管理者が書いても説得力「ゼロ」ですが…

特定ページでコンテンツを非表示にする方法は過去記事で書いていますが…

 Bloggerでガジェットをトップ・ページにだけ表示する記述


テンプレートの「HTMLの編集」画面がリニューアルされましたので…

 「Blogger」テンプレートの「HTMLの編集」画面がリニューアル


今一度書いておきます…

「ブログの投稿」部分

「nextprev」部分

「if」の条件式を追加

「HTMLの編集」から…

「ブログの投稿」部分の「▶」をクリック…

展開されたら…

「nextprev」部分の「▶」をクリック…

展開されたら…

「b:includable」タグに挟まれた…

ページャー部分が出現しますので…

これを…トップページと投稿ページに「だけ」…

「表示させない」「if」の条件式で挟みます…

ページャーの変更方法はこちらをどうぞ…

 【CSS/HTML】ページャーの文字表記の変更と画像を使ったカスタマイズの方法


「CSS Sprites」で画像にして尚且つ「table」タグで整列させていますので…

該当部分は省略してありますが…こんな感じで挟みます…

<b:includable id='nextprev'>
 <div class='blog-pager' id='blog-pager'>
  <b:if cond='data:blog.url != data:blog.homepageUrl'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
（中略）
  </b:if>
  </b:if>
 </div>
 <div class='clear'/>
</b:includable>

「テンプレートを保存」して完了ですが…

勿論…アーカイブページや検索結果ページ…などなど…では…

ちゃんとページャーは表示されます…

今回のテンプレートのカスタマイズではカテゴリーも見直します…

…というのも…「Blog」カテゴリー記事が…

１年単位で分割しても「100」記事を超えているのを放置してきたからです…

やはり…インデックスページでリンクが「100」を超えるのは…

色々と…よろしくないので…って言うか…

インデックスページ自体はスタート当初から作ってあったんです…

でも…不精者なもんで…タブメニューに画像を使っているので組み直すのが面倒で…

リンク切れになるのを見越して…

メモ代わりに下書きのまま保存している記事も放置しっぱなしですし…

この際だから一気にやってしまおう…と…

４年経って…やっと…決意しましたッ

インデックスページでブックマークしていただいている…

数少ない読者の方にはご迷惑をおかけいたします…

余談ですが…昨日…今回の記事作成中に…

左の画像のダイアログが度々表示され…

その都度記事作成が中断しました…

ダイアログの内容は…

「別の場所からログアウトしました。再びログインしますか？」

…という…「Google 先生」お得意の…よく解らん日本語ですが…

体験では「Google 先生」が何かしら弄っている時に頻発していた感がありますね…

投稿エディタを開いた時に…極希に表示される…

「読み込んでいます…」と同じインターフェースですから…

「Google 先生」の仕業には違いなさそうですが…

なんとも…気持ち悪いッ…

ではでは…

Universal Header Sidebar Main Footer Current-Label : Tips