使用しているWordPressをさらに便利にする7つの方法
Post on:2009年3月18日
使用しているWordPressのテーマに最近のトレンドを取り入れて、さらに便利にする7つの方法をForTheLose.orgから紹介します。
7 WordPress Theme Trends & How To Implement Them Yourself
1. Tabbing System
タブで切り替えるパネルを実装します。
パネルには、人気のエントリー・最近のコメント・カテゴリなどを配置します。
2. "Featured" Post Display
スクロールするパネルに「Featured Post」を配置します。
3. Post Thumbnails
エントリーのサムネイルを設置します。
Step 1
fuction.phpに下記を記述します。
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<textarea name="code" class="html" cols="60" rows="5"> /*Custom Field Images*/ function image_attachment($key, $width, $height) { global $post; $custom_field = get_post_meta($post->ID, $key, true); if($custom_field) { echo '<img src="'.$custom_field.'" alt="Post Image" width="'.$width.'" height="'.$height.'" />'; } else { return; } } </textarea> |
Step 2
画像を表示するページ、例えばsingle.phpのループ内に下記を記述します。
サイズは512x200になっているので、適宜変更してください。
1 2 3 4 5 6 7 8 |
<textarea name="code" class="html" cols="60" rows="5"> <?php $thereisimage = get_post_meta($post->ID, $rs_image_key, true); if($thereisimage){ ?> <div class="post-image"> <?php image_attachment($rs_image_key, 512, 200); ?> </div> <?php }?> </textarea> |
Step 3
設定は以上です。
あとは、エントリーを投稿する際、カスタムフィールドの名前に「image」、値に画像のURLを入力してください。
4. Cross-Browser Transparency
IE6などの透過PNGをサポートしないブラウザでも、透過PNGが利用できるようにします。
5. Animated Dropdown Menus
ドロップダウン型のナビゲーションを設置します。
6. Modal Boxes
モーダルボックスを使用して、画像を拡大表示したり、動画や外部サイトを表示します。
7. Theme Options Pages
最後に、WordPressのテーマのオプションページの作成方法です。
オリジナルのコントロールパネルが使用できます。
sponsors