WordPress・WEB系の開発(プログラム)関係や技術情報ほか、技術情報全般を掲載

  • このエントリーをはてなブックマークに追加

WordPress SmartyでWordPressの記事一覧を表示する方法

Smartyを用いて作られたサイトに同サイトの下層ディレクトリに設置されたWordPressの記事一覧を表示する方法のメモ。

①WordPress機能有効化と記事読み込み

/**
 * ▼▼WordPressよりデータ取得▼▼
 */
require( dirname( __FILE__ ) . '/devilab/wp-load.php' );

//新着情報
$args = array(
    'post_type'      => 'post',
    'posts_per_page' => 10,
);
$the_query = new WP_Query($args);
$wp_info_arr = array();
while($the_query->have_posts()){
    $the_query->the_post();

    $wp_info_arr[] = array(
        'title' => get_the_title(),
        'date'  => get_the_date('Y.m.d'),
        'link'  => get_the_permalink()
    );
}
wp_reset_postdata();
/* ▲▲WordPressよりデータ取得▲▲ */

②取得した記事をSmartyで扱えるようアサインする

//WPのデータをアサインする
$smarty->assign('info_arr', $wp_info_arr);   //新着情報

③Sartyのテンプレート側で受け取った値を展開する

<ul>
    {foreach from=$info_arr key=key item=info}
    <li>
        <span class="day">{$info.date}</span>
        <a href="{$info.link}">{$info.title}</a>
    </li>
    {foreachelse}
    <li> <span class="day">2017.07.01</span><a>準備中</a></li>
    {/foreach}
</ul>

※動作確認したWordPressバージョン:4.8

【PR】12,000発の花火が東京の空を彩る「2017神宮外苑花火大会(第38回大会)」

関連記事

コメントは利用できません。

アーカイブ