トップページをゴニョゴニョと...

Facebook にシェア
Pocket

roomX blog-TOP creenshot
今まではブログのトップページにアクセスすると問答無用で最新のエントリーが表示されていましたが、見通しが悪くて以前から気になっていたので а( ̄▽ ̄*)チョイチョイ と index.php をイジってデフォルトで最新9件のサムネイル画像とタイトルが表示されるようにしてみました。

このブログのテンプレート(元ネタ)は Twentyten なのですが、イジり過ぎててHTMLソースを見ないと元ネタが分からないほどになってしまい、今回の改造で更に元ネタが分からなくなりました(笑)

ブログオンリーのサイトなら新しいテンプレにスイッチしてCSSで必要な部分のデザインを変えるだけで済むのですが、メインナビのデザインとかレイアウトをサイト全体で統一しようとするといきなりハードルが上がるのでindex.php だけ書き換えた方が早いかなと…。

※試しに GK Portfolio をテンプレにしたら中身が何も表示されず焦ったのもイイ思い出w

GK Portfolio Screenshot
GK Portfolio のレイアウトをお手本に、index.php にSQLやら何やら書き加えてCSSで強引に変えてみましたが、footer部のウィジェットは Display Widgets プラグインの手を借りてカスタマイズしました。

Display Widgets Screenshot
display-widgets は便利ですね…
トップページ(※WPではフロントと呼称)だけとか、ページ毎に表示するウィジェットを直感的に指定できて、コレを関連コードを全て弄ってとなるとエライことになってましたワ…(^^;

一番時間が掛かったのはページ送りのインデックス表示部分で、全レコード数を表示単位の【9】で割って配列にブチ込み、更に array_chunk してぇ・・・と久々に作った所為もあって結構時間が掛かりますた。

HTML的にはアレですが、レイアウトは時間短縮の為に昔懐かしい(?)テーブルレイアウトを使いました。

画像のリサイズ(サムネイル化)は最近ちょくちょくやっていたし、JavaScript(getElementsByClassName)でのタイル表示は以前にもやっていたから割と簡単でしたが、それでも久々に頭の運動をした感があります。

もう少し手を入れたいトコロですが、他のスケジュールが押してきているので取り敢えずココまでで…
 

カテゴリー: CSS, MySQL, PHP, プログラミング   タグ:   この投稿のパーマリンク

トップページをゴニョゴニョと... への2件のコメント

  1. mytoshi より:

    サムネイル画像方式、記事を一望出来て良いと思います。
    但し、読むには記事を開くひと手間がかかり、今までのように最新記事の内容をざっと眺めるには不便ですけど…

    「目指せ!ライトマニア HATTAのLEDライトレビュー」のページも昨年からサムネイル写真一覧方式になりました。
    最初は戸惑ったものの慣れてくると、探し易いなと思うようになりましたが、初めて訪問する人は内容の予想がつかなくて記事を開かなくなるかもしれないです。

    • doorman より:

      いつもありがとうございます。(^^ゞ

      >但し、読むには記事を開くひと手間がかかり、今までのように最新記事の内容をざっと眺めるには不便ですけど…

      そうなんですよねぇ・・・

      複数の記事をトップに表示すると画像枚数が多いのでロードするのに時間が掛かりますし、かと言ってトップに最新1記事のみでは、更新頻度によっては少し前の記事がスルーされてしまうしで・・・。
      (※そういう事は更新頻度を上げてから言え、というツッコミは無しでお願いします。)

      正直、アカリセンターブログさんの変更に触発されて変更した面もあります(笑)
      ある日、突然見慣れたレイアウトが変わっていたので私も戸惑いましたし、そうした自分の経験(?)も踏まえつつ、変更する事が果たして良い事なのか?、読者の利便性を考えるとどうなのか?・・・実際に変更するかどうか随分と迷いました。

      基本的に、SEOとかページビュー数とかは意識せず、ブログの存在に気付いた方だけ、興味を持った方だけに読んでいただければそれで満足…というスタンスで運営しているのですが、Googleで製品検索してみると当該製品記事にダイレクトで飛んで来られますし、初見の方にとってはブログTOPページの重要度は案外低いかも?と考えました。

      逆に常連の方にとっては、当面の間ご不便を強いる事になるかと思いますが、更新状態を確認する(ロードする)時間が多少なりとも短縮できるという事で・・・(^^;

      今後とも宜しくお願いします。

コメントを残す