月別アーカイブ: 2011年12月

WordPressのショートコードで記事内に最新記事を表示する方法

投稿日時: 投稿者:

WordPressのショートコードを使って記事の最新記事リストを表示する方法を見つけたのでメモ。

一般的な企業系ホームページをWordPressを使って作る際、記事更新情報をリスト表示したい事が多いと思います。

でもWordPressの記事入力エリアにはPHPは使えません。（PHPを使えるようにするプラグインを入れる手もありますが、個人的に使いたくない）

ショートコードを使う事で、余計なプラグインを入れることもなく実現が可能です。

確認環境

  • WordPress3.1.4

ショートコード用プラグラムを記述

functions.phpに以下の記述をします。

//指定記事数の記事リストを表示（Homeで使用）
function getCatItems($atts, $content = null) {
    extract(shortcode_atts(array(
        "num" => '5'
    ), $atts));
    global $post;
    $oldpost = $post;
    $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date');
    $retHtml='
';
    foreach($myposts as $post) :
        setup_postdata($post);
        $retHtml.='
'.get_post_time('Y/m/d').'
';
        $retHtml.='
'.the_title("","",false).'
';
    endforeach;
    $retHtml.='
';
    $post = $oldpost;
    return $retHtml;
}
add_shortcode("recent", "getCatItems");

ショートコードを記事内に記述

表示したい箇所に以下のようなショートコードを記述します。下記の記述例では、新着10件を表示するという意味になります。

[recent num="10"]

結果html

以下のようなhtmlが吐き出されます。CSSは各自当ててください。



2011/12/15


テスト投稿


2011/12/14


Hello world!

参考リンク

IE6のチェックに便利な、htmlcoderhelperのie6.exe

投稿日時: 投稿者:

IE6のチェックに便利なie6.exeを見つけたのでメモ。

IE6のチェックと言うと、「IE Tester」が有名ですが、何度もブラウザ自体が落ちてしまい、不便を感じていました。

サービスやソフトはいろいろありますが、「htmlcoderhelper」のie6.exeが割とよさげでした。

続きを読む →