ローカルのDocker環境で静的なHTMLにWordpressで作成した記事を表示する

静的なHTMLで実装されたコーポレートサイトで、一部Wordpressを埋め込みたいという要件があったためメモ。

#■ Wordpressのローカル環境構築
今回はDockerで環境構築しました。
（参考：https://goworkship.com/magazine/wordpress-docker/）

#■ 手順

1. WPの投稿にカテゴリ「ニュース」（スラッグ：news）を作成し、記事を作成

2. WPを埋め込みたいhtmlファイルの1行目に下記追加

<?php require_once('../wp-blog-header.php'); ?>

1. ニュースを読み込みたい位置に下記を記述（表示項目とhtml構造は例）

<?php
　$newslist = get_posts( array(
　　'category_name' => 'news', // 特定のカテゴリースラッグを指定
　　'posts_per_page' => 4, // 取得記事件数
　　'order'=> 'ASC' // 表示順
　));
　foreach( $newslist as $post ):
　setup_postdata( $post );
?>
<dt>
　<?php the_time('Y年n月j日'); ?>・・・<a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a>
</dd>
<?php
　endforeach;
　wp_reset_postdata();
?>

1. index.htmlと同じ階層に.htaccessファイルを追加し、下記を記入

AddType application/x-httpd-php .php .html

1. Dockerのコンテナ内にアップすると、表示を確認できる

#■ 備考

• メモ書きのため後ほどアップデート予定