静的ページでワードプレスの記事を表示する
記事の投稿や管理はワードプレスで、今まで使っていたhtmlの静的ページ上で最新記事を表示させたいため備忘としてまとめてみました。今まで使用していたindex.htmlをワードプレスのテーマに移行すれば良いのでしょうがとりあえずindex.html上で表示させておいて徐々にワードプレスに移行しようかな？という感じです。
まずindex.htmlを準備します
サンプルコードなどや解説サイトは「静的html ワードプレス」などで検索すると結構出てきますのでそちらを参考にindex.htmlをじゅんびします。
参考サイト：静的ページにWordPressの新着情報を表示！
コードは以下のようにします。
<?php require_once( './wp-load.php' ); ?>;
<;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<p>ここはテストサイトです。</p>
<h2>新着情報</h2>
<?php
$posts = get_posts("numberposts=5&category=&orderby=post_date&offset=0");
foreach ($posts as $post):
setup_postdata($post);
?>
<li>
<?php the_time('Y.m.d') ?>
<a href="<?php the_permalink() ?>"><?php the_title() ?><?php the_post_thumbnail('thumbnail'); ?></a>
<?php echo mb_substr(get_the_excerpt(), 0, 30); echo '...' ; ?>
</li>
<?php endforeach; ?>
</ul>
</body>
</html>
私の場合、ロリポップの簡単インストールでワードプレスをルートフォルダにインストールしているためマーカー部分のように一行目を変更しないとうまく表示されませんでした。
参考サイト：wordpress関数を外から使うにはwp_load.phpを読み込む
次に「.htaccess」を編集します
※ここで.htaccessを編集する前の.htaccessのバックアップをとって置いて下さい。私はこれを忘れて失敗しました（汗
AddHandler php5.5-script .htm .html
.htaccessに上の1文を入力します。php5.5の部分はPHPのバージョン合わせて変更します。ロリポップのユーザー専用ページから「WEBツール」→「PHP設定」でバージョンの確認を行ってください。
※ロリポップユーザーの設定になります。
これで表示されれるはずです。
コメント