WordPressの外にあるHTMLで投稿情報を表示する

「普通に作成したHTMLにWordPressの新着情報だけ取り込んで表示したい」というようにWordPressの外にあるHTMLで投稿情報を表示したい場合には下記のように行います。

1. HTMLでPHPが動作するようにする

下記のいずれかを行うとHTMLでPHPが動作するようになります。

  1. HTMLの拡張子を.phpにする (index.htmlであればindex.php)
  2. アクセス制御ファイル(.htaccess)で設定を行う

2の場合は下記のURLなどを参考に、.htaccessファイルを作成してください。

2. wp-load.phpを読み込む

WordPressのテンプレートタグ(関数)が使用できるよう、wp-load.phpというファイルを読み込みます。下記のようなコードをHTMLファイルの先頭に配置してください。

※ HTMLファイルと同じフォルダにwp-load.phpがある場合のコードです。
例えば下記のような階層になっている場合は動作しません。

  • 対象のHTMLファイル
  • wp/
    • wp-load.php

上記の場合は下記のように記載します。

3. 投稿情報を読み込む

HTML内で投稿情報を読み込みます。表示したい場所の近くで下記のようなコードを配置してください。

※ 上記は新着5件分を新しい順で取得するコードです。

4. 投稿情報を表示するコードを埋め込む

取得した投稿情報を表示します。3の次の行あたりに下記のようなコードを配置してください。

※上記は好きな表示に書き換えてください。「WordPressテーマ用サンプルコード」も参考になるかもしれません。

サーバ上でページを表示してみて、問題なく動くようなら完了です。

完成コード (サンプル)

 

コメント

内容の誤りなどがありましたら下記からご連絡をお願いします。頂いたコメントは基本的に公開されることはありません(必要な場合は個別に返信させて頂きます)。

CAPTCHA