WordPressの新着記事をhtmlページに表示する方法(同サーバーのwp-blog-header.phpを読み込む場合)

WordPressパス指定と記事データ取得

WordPressの記事を表示させたいhtmlファイルの上部などに下記の記述を追加します。

wp-blog-header.php のパスを指定して読み込み

WordPressの機能を使えるようにするため “wp-blog-header.php” を読み込みます。※こちらを読み込むことでテーマファイル内で利用している関数も利用可能になります

//WordPress の wp-blog-header.php ファイルのパスを指定
require_once(__DIR__."/wordpress/wp-blog-header.php");

WordPressから記事データを取得

投稿タイプが post の記事から最新の5件の記事を取得します。

/**
 * ブログから新着記事5件を取得する
 */
$args = array(
    'post_type'      => array('post'),
    'posts_per_page' => 5,
);
$blog_query = new WP_Query($args);
$blog_list = array();

//
while ($blog_query->have_posts()){ 
    $blog_query->the_post();
    $post_id   = get_the_ID();
    $post_type = $post->post_type;
    $blog_list[] = array(
        'post_id' => $post_id,
        'title'   => get_the_title(),
        'date'    => get_the_date('Y/m/d'),
        'link'    => get_the_permalink()
    );
}
wp_reset_postdata();

記事リストを表示

取得した記事リストを表示させたい場所に下記コードを追加して表示させます。

<?php if(is_array($blog_list) && count($blog_list)):?>
<ul>
    <?php foreach ($blog_list as $blog):?>
    <li><a href="<?php echo $blog['link'];?>"><?php echo $blog['date'];?> <?php echo $blog['title'];?></a></li>
    <?php endforeach;?>
</ul>
<?php endif;?>

その他

WordPressのRSSから取得する場合は、下記を参照願います。

コメント

タイトルとURLをコピーしました