search :

archive :



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

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

_WordPress | October 21, 2009, 9: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 :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :