本ブログで使用しているテーマ「alltuts」では、各エントリ本文下に 「Related Posts」があるのですが、それぞれの要素の高さが異なる場合、 ずれて表示される事が判明しまして。高さを揃えてやればよかろうと 言う事で、ブロックレベル要素の高さを揃えるjsライブラリ「heightLine.js」を 使って対応してみました。以下、備忘録。  

「AllTuts」というテーマをカスタマイズしてリニューアルして みたのですが、記事詳細ページに「前の記事」や「次の記事」への リンクが無いなぁ…と気付きまして。テンプレートタグ 「next_post_link」や「previous_post_link」を使って簡単に 表示させようかとも思ったのですが、せっかくアイキャッチとか 設定しているので、サムネイルも出せたらよいな…と考え、 調べて実装して […]

BLOGリニューアル作業の備忘録その２です。 以前のテーマでは、記事一覧はmoreまでを表示する 仕様だったのですが、AllTutsはアイキャッチ画像と 記事抜粋を表示する仕様のようなので、アイキャッチ画像が 指定されていればそれを、されていなければエントリの最初の 画像をアイキャッチとして使用するようにしてみました。  

MT→WP化の際には、デザインはMT時代と同じ感じになるように ザっと作ってしまいましたが、横幅900px程度の3カラムだとエントリ部分が ちょっとキツキツに感じてきたので、テーマカスタマイズの勉強がてら リニューアルしてみる事にしました。 当初は、Twenty Tenを元にしていじってみたのですが、 途中まで作ってみたら何か2カラムに変わっただけで 以前とあまり代わり映えしない気がしたので、「A […]