【ブルゾン風】WPの投稿記事をhtmlファイルで回してみたくない？

やりたいこと

WordPressのブログの記事情報を外部サイトにも反映・表示させたい！
だがしかし、、拡張子がhtmlのファイルにそんなことができるの？？

思い悩むこと12時間............
なんとかやり口を見つけ解決まで導き出せました！

今回やりたいことをまとめると
・WordPressの投稿情報を外部サイトでも使いたい
・htmlファイルでphpを使いたい

環境

【サーバー】　　　Xserver
【サーバー番号】　2001（sv2001）以降

WordPressの投稿情報を外部サイトでも使う方法

ステップは2つです。
・WP管理外でも機能を使えるようにする
・投稿記事を表示する

WP管理外でも機能を使えるようにする

下記記述を対象のhtmlファイルの一番上にコピペしましょう。

include($_SERVER['DOCUMENT_ROOT']."/wp/wp-load.php");

もしくは

include($_SERVER['DOCUMENT_ROOT']."/wp/wp-blog-header.php");

どちらも同じ結果が返るので、どちらでも良いでしょう。
$_SERVER['DOCUMENT_ROOT'] とはルートのことで、それ以下のディレクトリは各々でWPファイルを記述してください。

私は上の記述でうまくいかなかったので、下の記述でやるとうまくいきました！

投稿記事を表示する

よーーし！
あとは表示だけだーー！！
WPのループを回して情報を表示させよう！

<?php if(have_posts()): while(have_posts()):the_post(); ?>

  <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>

  <time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y.m.d'); ?></time>

<?php endwhile;endif; ?>

これで完成だー！！ってあれれぇぇ........（コナンくんみたいな声が漏れた）
何故だかうまく情報を取得できません。

<?php
  $args = array( 'posts_per_page' => 3, 'order'=> 'DESC', 'orderby' => 'date' );
  $posts = get_posts($args);

  foreach ($posts as $post) :
?>
  <p><a href="<?php the_permalink(); ?>"><?php echo $post->post_title; ?></a></p>
  <p><?php echo mysql2date( 'Y/m/d', $post->post_date ) ?></p>

<?php endforeach; ?>

foreach文を使うとうまくいきました！！

htmlファイル内でphpを使う方法

.htaccessファイルに記述をしていきます。
サーバーによって記述方法が異なるので様々ですが、
ここでは一般的な記述方法とエックスサーバー利用時の記述方法を掲載しています。

一般的な記述

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

両方記述しているパターンが多いですが、どちらか１つでも行けると思います。

エックスサーバーの記述

エックスサーバーの中でも設定方法が2種類あります。
サーバー番号が2001（sv2001）以降の場合

AddHandler fcgid-script .html

私はこれで動きました。
サーバー番号が1999（sv1999）以前の場合

AddHandler x-httpd-php5.6 .php .phps .html

エックスサーバーのサーバー番号は、お知らせメールからわかるそうです。
チェックしておきましょう。

以上です！

参考記事

https://macoblog.com/wp-gaibu-kijiroop/
https://princessvision.com/html_php_work/
https://wp.turbo-w.com/wordpress_news_topics_1.html