[wordpress]画像の幅・高さを取得

wordpressで登録した画像の幅・高さを取得する方法

<img src=”<?php $photo = get_post_meta($post->ID, ‘photo’, true); ?><?php $photo = wp_get_attachment_image_src($photo, ‘medium’); echo $photo[0]; ?>” width=”<?php echo $photo[1]; ?>” height=”<?php echo $photo[2]; ?>” />

$photoはカスタムフィールドのkey
$photo[0];で画像のURL。$photo[1];でwidth。$photo[2];でheight。

[wordpress]textareaなど改行を反映する方法

wordpressのカスタムフィールドでtextareaや複数チェックボックスを利用するシーンはいっぱいあるが、投稿時に改行をしていてもサイトを見ると改行が反映されていない。。。検索して見つけたコードは書き方を省略しているのかどうやってもエラーが出てしまう。
最終的にはnl2brというやつを見つけて解決。あ〜すっきり

最初に試してダメだったコード

<?php echo str_replace(‘,’, ‘<br />’, post_custom(‘キー’)); ?>

成功したコード

<?php echo nl2br(get_post_meta($post->ID, ‘キー’, true)); ?>

[HTML]IE6のリストで画像の上下の余白を回避する方法

<ul>
<li><img src=”hoge.gif”/></li>
<li><img src=”fuga.gif” /></li>
</ul>

こうやった場合にIE6では画像の上下に余白がでて、意図しない見え方になってしまう。
それを回避するには、CSSにて以下の記述をすれば回避できる。

li{ display:inline; }
li img{ display:block; }

まず最初に<li>に対して、display:inline;をかけて、その後にその中に含まれるimgに対して、display:blockを適用する。
そうすると、<li>はinlineだけど、<img>はblockであ〜と・・結局、blockじゃん!なんだこれ!?みたいな感じになって、
いい感じになって、IE6でも他のブラウザ同様意図した見え方になる。
素敵な回避方法!!!

[CSS]ラジオボタンサンプル




[wordpress]ページ内に特定のカテゴリを表示

wordpressのページにて特定のカテゴリを表示する方法。

<?php query_posts(‘showposts=5&cat=5,6’); ?>
<?php while (have_posts()) : the_post(); ?>
<li>
<dl>
<dt><?php the_time(‘Y年m月d日’) ?></dt>
<dd><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></dd>
</dl>
</li>
<?php endwhile; ?>

showpostsは記事の表示数。catはカテゴリID。