拡張子を.htmlのままphpを動かすためにやること。【ロリポップ】

 静的ページでワードプレスの記事を表示する

 記事の投稿や管理はワードプレスで、今まで使っていた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設定」でバージョンの確認を行ってください。

※ロリポップユーザーの設定になります。

これで表示されれるはずです。



スポンサーリンク

シェアする

フォローする

スポンサーリンク