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

  • Twitter
  • Facebook
  • Pinterest
  • Hatena
  • instagram
  • YouTube
Wordpress / roomX blog-TOP creenshot

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

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

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

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

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, PC, PHP, WordPress, プログラミング タグ: , , パーマリンク

トップページをゴニョゴニョと... への2件のフィードバック

  1. mytoshi のコメント:

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

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

    • doorman のコメント:

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

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

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

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

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

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

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

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

コメント投稿