WordPressのコーディングテクニック10

« 二子玉の河川敷から | トップ | 赤レンガ倉庫の風景 »

_WordPress | 09.10.21 09:18
はてなブックマーク

WordPressのコーディングテクニック10

Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。

これは自分的にもタイムリー。ざっとご紹介しますね。

  • エントリーごとのスタイルを変える
    post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.tag-wordpress」といったクラスにCSSを指定できるようにする。post IDでは例えば「#post-876{} 」にCSSを適用できる
  • 関連するエントリーをサムネイル付きで表示する
    PHPの画像リサイズスクリプトであるTimbThumbを使って、画像を40 x 40pxにリサイズ
  • トップページの見せ方を変える
    新着3件のエントリーを、他と違ったデザインで見せるテクニック
  • 複数のループを使う
    WPの標準機能である「rewind_posts()」を使って、1番目のループをリセットし、2番目の異なるループを開始するテクニック
  • エントリーのタイトルを変更する
    「custom-title」を使って、「the_title()」をカスタマイズする
  • ページごとにサイドバーの内容を変える
    「sidebar」というカスタムフィールドを作って、そこに例えば「right」を入力すると、「sidebar-right.php」を読み込むようにするテクニック
  • 登録ユーザーにだけコンテンツを表示する
    「functions.php」をカスタマイズし、[member][/member]で囲まれた箇所は一般ユーザーからは見えないようにするテクニック
  • サイドバーに人気のエントリーを表示する
    コメント数の多い順にエントリーを並べるテクニック
  • タグをドロップダウンメニューの中に表示する
    タグクラウドは使いにくいため、ドロップダウンメニューの中にタグを表示するテクニック
  • TimThumbを使って画像を自動でリサイズする
    「functions.php」にコードを追加することで、[img]http://www.yoursite.com/yourimage.jpg[/img]という記述でリサイズ対象の画像を表示できる

WPかなりカスタマイズできるようですね。

詳しくは以下からどうぞ。

10 Useful WordPress Coding Techniques

Editor's Note

今日も超いい天気ですね〜。さっと進めて今日は出かけるぞ。

Trackback URL :

Wordpress

Wordpressに入れておくべき、基本的なプラグイン -- 2009-09-21 (月) 14:27:43 flashcast:フリーで働くITエ...
my page title (PukiWiki/TrackBack 0.4) | 2009年10月22日 09:51

wordpress

初期設定 パーマリンク設定(投稿記事のURL設定) blogじゃない場合 ホームページやまとめサイトその1 http://アドレス/カテゴリー名/記...
my page title (PukiWiki/TrackBack 0.4) | 2009年10月23日 12:47

Comment

    Thinkstock
    Newsletter

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    Archive

    Category

    Popular Entries

    Archive

    Category