静的ページにwordpressを組み込みました。

要は、『wordpress入れてフルリニューアルじゃないけど、ブログだけCMS入れたいんだよね～』

という要望です。目的はSEOですけどね。
やはり、今後のSEOはインデックス数を増やしていかないとですもんね。

静的ページのみのページは更新の手間が掛かるため、クライアント側で記事を追加していくのが大変です。
ページの中身だけを更新していくよりも、オリジナリティのあるブログをどんどん追加していく方がSEOには有利でしょうね。

さて、そのままではHTMLファイルにwordpressの記事一覧を表示することはできませんが、htaccessを変更することでhtmlファイルでもphpを動かし、表示が可能になります。

導入に際して参考にした記事や詰まったところをメモしました。

/blog

にwordpressを導入したとして解説します。

まずは.htaccessに記述を加える

.htaccessに記述を加え、htmlファイルでもPHPを動かしますよ！宣言をします。

※全てのHTMLファイルに適用されるので注意
AddType application/x-httpd-php .html .htm

トップページだけなら
<Files index.html>
AddType application/x-httpd-php .html
</Files>

PHPをCGIとして実行されている場合は下記

※全てのHTMLファイルに適用されるので注意
AddHandler application/x-httpd-php .html .htm

※トップページだけなら
<Files index.html>
AddHandler application/x-httpd-php .html
</Files>

参考にさせて頂いた記事はコチラ！

記事：

【拡張子「.html」にてphpを実行するための.htaccess】

サイトリンク：

僕が今回導入した環境は.htmだったので、htmlのみのケースなら末尾の.htmは必要ないでしょうね。
というか、.htmについても言及されていたので大変助かりました。もしかしたら.htmlしか記述しないで延々と悩んでいたかもしれません。
ありがとうございました！！

HTMLファイルに記述を加える

HTMLファイルの先頭、１行目に

<?php require('./blog/wp-load.php'); ?>

を記述します。
※wordpressのディレクトリを何にしたかで「blog」部分を適宜変更しましょう！
そして、記事一覧を表示したい箇所に、記事表示のためのフックを記述していきます。

参考にさせて頂いた記事はコチラ！（これら！）

記事：

【ワードプレスの新着情報や更新情報を静的HTMLのトップページに表示する方法】

サイトリンク：

記事：

【静的ページにwordpressの最新記事を埋め込むには？】

サイトリンク：

ありがとうございました！！

しかし！！エラーが！！

あっれー。。エラーがでた。。。
表示されたline数をみると、xml宣言の部分でした。

なるほど、xml宣言の

<?

がPHPと被っちゃってるんですね。

ならば、PHPでxml宣言を出力してしまえばいいんです。
早速「PHP xml宣言」とかでgoogle先生にお聞きしました。
自分でエスケープ調べるより早いと判断しました（苦笑）

<?php print "<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>"; ?>

や、

<?php echo('<?xml version="1.0" encoding="UTF-8"?>') ?> 

こんな感じでエスケープが必要になるというわけですね。
※文字コードは適宜変更してくださいね！

参考にさせて頂いた記事はコチラ！

記事：

【XHTML文書内でとPHPを使う時のXML宣言の仕方】

サイトリンク：

記事：

【XML宣言とDOCTYPE宣言を記載】

サイトリンク：

ありがとうございました！

皆様のお陰で、無事静的HTMLにもwordpressの新着記事を表示することができましたよ。

これで、「コスト抑えますのでSEO対策の為にブログ機能を導入しませんか～」という提案ができますね。
そこの貴方！どうですか！？お安くしておきますよ！！

合わせて読みたい関連記事:

• ファイルをダウンロードさせてカウントもしてくれるプラグイン、download manager を導入したらtwenty fourteenのページ送りデザインが変わってしまった件
• TwentyFourteenの子テーマを作ってみた件！カスタマイズの内容によっては『子テーマ』を作りましょう！
• 資料やファイルをダウンロードさせて、ダウンロード数の統計を取りたい・・・といったクライアントのご要望に応えられるプラグイン！Download Manager
• プラグインで簡易的にCSS追加！テスト用やプラグインのデザインカスタマイズに最適。Enhancing CSS
• スクリーンショットは使ってません！別サイトへのサムネ付リンク画像を簡単導入！Browser Shots！