htmlにWordPressを表示する方法

質問

WordPressの初心者です。
手作業で自分で設置は出来て、ちゃんと動いています。

自分で作ったHtmlにWordPressを表示させる方法を教えて頂きたいです。

１）TOPページに新着情報の表示（日付・タイトル・記事文章の一部）

２）その記事をクリックするとクリックした記事だけを表示

３）お知らせ・日記などとして、WordPressの記事をHtmlに表示

http://shs-shinagawa.tokyo.jp/
こちらのサイトを参考に
1)はTOPページのお知らせ（新着情報）の部分
２）はその記事をクリックした表示
３）はこちらhttp://shs-shinagawa.tokyo.jp/news

-------------------------------------------------

http://webaffi.net/wordp/wp-inputhtml/
こちらのページを参考にTOPページに新着情報を表示させようとしておりますが、うまく表示されません。といいますか、全く何も反応していないようです。黒い四角いドット（■）の小さいものが表示されているだけです。

まず、TOPページの新着情報がOKになってから、他のページにチャレンジした方がいいのか、それとも根本的に上記は作り方が違うのかわかりません。

どなたか、詳しい方よろしくお願い致します。

詳しく説明したサイトなどございましたらお教え頂ければと思います。

回答No.1

anmochi · ベストアンサー

あなたが参考にしたサイトは「静的ページにWordPressの記事を載せる！」と言いながら実際はWordPressが動く仕組みと同じPHPという動的ページ技術をindex.htmlの中で動かしている。

まぁそうしないと当然動かないんだけど、その為に、まず、あなたの環境でindex.htmlというファイルでPHPが動作するかどうかを確認しよう。あるいは、あなたが自分で作ったHtmlでWordPressを表示させたいところをindex.htmlからindex.phpというファイル名に変えると何も苦労することなく動くかも知れない。そうでもないかも知れない。
index.htmlというファイル名でPHPを動作させるためには参考サイトの最後の黒いブロックの中にある
AddType application/x-httpd-php .php .html
AddHandler myphp-script .php .html
などの記述を.htaccess（先頭のピリオドは誤記ではなくピリオドからファイル名が始まるファイル）というファイルを作って設置しないといけない。ここの記述方法はWebサーバーによって変わるのでここでズバリの記述内容を答える事は誰にもできないし、そもそも.htaccessファイルを置く事ができるのかどうかも誰にも分からない。これはあなたのWebサーバー環境に合わせてください。このあたりはWebサーバーの管理者に問い合わせてもらうしかないな。

さて、index.htmlやindex.phpを置いて、参考にしたサイトの中を実践してみて、Webブラウザで表示させたら「ページのソース」というのを見てみるといいよ。そこに「<?php」という5文字が出てきていたら、PHPという仕組みがそもそも動いていない事が分かる。

それと、参考にしたサイトでははしょっているが、index.html（ないしはindex.php）という自分で作ったHtmlと、WordPress本体は同じ場所（同じWebサーバーという意味、ディレクトリーを違うものにするのはOK）に置かないとindex.htmlは動作しない。ディレクトリーを違う場所にした場合は
<?php require_once('wp/wp-load.php'); ?>
の部分の書き方が変わってくるのでまずは、
http://www.example.com/index.html
http://www.example.com/wp/wp-login.php　←WordPress本体を/wpという場所に置く
という参考サイトと同じ構造で試してみるのがいいだろう。

お礼

anmochiさん

細かいご説明、ありがとうございます。
サーバー側で指定していた「.htaccess」をUPしておりましたが、うまく動かなかったのですが、indexをphpと書き換えてみましたら、一発で表示されました。
ありがとうございました。