AZ::Blog

涼しくなってきたので、ブログを少し整理。
毎年、今ぐらいの時期になると、この手の作業にいそしんでいるような。
あれこれメモっておくと。

１. カテゴリーなどで、ページを分割表示。
「archive.php」に、次の一行を挿入するだけ（数字は、表示する記事数。「５」だと５件ずつ）。

<?php query_posts($query_string . '&posts_per_page=5'); ?>

「query_post」というテンプレートタグは、非常に多機能。
◇テンプレートタグ/query posts – WordPress Codex 日本語版

「$query_string」というのを入れてやるのがポイントで、
これがないと「次のページ」をクリックしても、同じページが表示されてしまう。

2. ページナビもつけました。
「１　2　3　次ページ」とかなってて、
クリックすると、分割した別のページに行くやつ。
プラグインを使う手もあるけど、
デフォルトのテンプレートタグを使えば、表示可能。
以下のサイトに、わかりやすいコードで説明されてたので、
そのまま使わせていただきました。ありがとうございます☆
◇Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示

3. 上部のナビも整理。
だいぶ記事も増えたので、上の半透明ナビも、整理。
これまでは「手動」でリンクを張っていましたが(^_^;)、自動で順次追加されるように。
カテゴリーの記事リストのリンクを作るのが、意外とややこしいコードになるので、
こちらはプラグインを使うことに。
◇Customizable Post Listings | coffee2code.com

一行ですっきり書ける。

<?php c2c_get_recent_posts(8,"<li>%post_URL%</li>",'228' ); ?>

引数は、「リストする記事数、表示形式、カテゴリーID」。
もっと細かくコントロールすることも可能。

4. カテゴリーや個別記事へのリンク。
カテゴリーは、

<a href="<?php bloginfo('url'); ?>/?cat=50">

個別の記事は、

<a href="<?php bloginfo('url'); ?>/?p=3600">

最後の数字は、カテゴリーや記事のID。

Tagだと、

<a href="<?php bloginfo('url'); ?>/?tag=wordpress">

Tag名を入れる。

あと改造したいのは、フッター。（→済：09/09/26）
Amaz君EXも配布できるくらいにまで、整える（べきか）。（→済：09/09/28 近日公開予定）
背景画像を着替えるボタンを作る。

★細かい修整。
IEで横スクロールバーが表示される件。
なんと、フッターでフォントスタイルをイタリックに指定しているのが原因でした。
デベロッパツールでｃｓｓをひとつずつ確認して、発見。
IEだけ、フォントスタイルをノーマルにすることで、解決。