ページを選択

ストブロ

Coffee's Blog.

静的ページ(index.php)に同一サーバー内、別ディレクトリの複数のWordPressからポスト一覧を取得して表示

執筆者 | 2016年08月29日 | ストブロ

※※※ PHP7.1 Mysqliに対応した記事を書きました ***
PHP7.1対応の為、やむなくmysqliへ移行する。
静的ページに外部のWordPressから記事を読み込む方法 解説

静的ページ(index.php)に同一サーバー内にあるワードプレスの投稿一覧を表示したいと考えて四苦八苦していました。

これまではRSSフィードを利用してJavascriptで表示させていましたが、何故か表示しなくなったのと表示に時間が掛かるため前から改善を検討していました。

もし、必要とするWordpressが1つの場合は非常に簡単で

1)index.htmlをindex.phpに変更する。(htaccessの変更や表示順位の変更も必要)
2)index.phpの行頭に「
< ?php require_once('./blog/wp-load.php');?>

」を追加。

3)表示したい場所に
<ul class="news">
< ?php
$posts = get_posts("numberposts=10&category=&orderby=post_date&offset=0");
foreach ($posts as $post):
setup_postdata($post);
?>
<li><a href="<?php the_permalink(); ?>">< ?php the_title(); ?></a> <span class="newtag">< ?php $posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {echo $tag->name . ' '; }
}?></span></li>
< ?php endforeach; ?>
</ul>

と貼り付け。

基本的にはこれでOKです。
詳しくはマイペースクリエイターの覚え書き 様の投稿が非常にわかりやすいです。
PHPのrequireを使って、WordPressの外にある静的トップページに新着記事+投稿タグを表示させてみた

ただ、この場合「引用できるWordpressは1つのみ」に限定されます。
それはwp-load.phpの読み込みが1つに限られるためです。

そこであれこれ調べたり悩んだりしてたどり着いた解決法が以下の通りです。

複数のワードプレス(別ディレクトリ対応)のポストタイトルを取得し反映させる。

1)call-post.phpという別ファイルを作る。
2)以下の内容を記載
※上手く表示できなかったのでこれだけスクリーンショットです、すみません。
code
※接頭辞はWPの接頭辞を記入して下さい。
3)call-post.phpをwwwの1つ上位ディレクトリに移動(私はWinSCPでさくっと移動しました)
4)index.phpの表示させたい場所に
< ?php include_once( dirname( __FILE__ ) . '/../call-post.php' ); ?>

を記入。
これで対応できました。

複数のWPからデータを引っ張りたいときはcall-post.phpを別ファイルに複製して、接頭辞を書き換えるだけです。
それをinclude_onceで呼び出してください。
やってみると簡単でしょ?

なんでワザワザcall-post.phpをwwwの1つ上位ディレクトリに移動させたかというと、安全対策の為です。
サーバーのパスワードとか直接記載されているので気持ち悪いなとw

mySQLで直接データを引っ張る方法は

WordPressの記事一覧を別サイトにて表示する(MySQL編) こちらが大変参考になりました。

有り難うございました。
同様のお悩みをお持ちの方は自己責任で試してみてください。

RSSの表示のご注意

今日は昨日うまく行かなかったRSSの表示方法を切り替えました。 そこで、ご注意ですが・・・ 現在「電器屋ウォーカー」と「インスト教官ブログ」の項目に表示中のRSSは 実はテストブログのものです。...

Taijiとデザイン打ち合わせ

今日またTaiji君とデザインについての打ち合わせが出来ました。 これまではバナーとか部品単位の提供をしてもらってましたが、ようやくデザイン面についても打ち合わせるチャンスが持ててほっと一安心・・・ と、思っていたら。 かなり大幅な修正が入りましたww...

今日は全体のデザインを、そして

今日は全体的なデザインを修正しました。 ヘッダーバナー フッター直前とフッターの切り離し(フッターとのバランスは未調整w) ぺーじの両サイドと下辺に影処理 それから、Google Analyticsを導入しました。 まだページが少ないので導入も楽チンw...

推奨で大事なのはスタイルw

今日の編集報告 今日は「INST-webについて」を大幅に編集しました。 推奨環境も記載したのでご覧下さい! あとは、あちこち細かい修正でした。...

今日の更新、アバター祭り

今日はウェブを編集しないようにとおもっていましたが・・・・ しちゃいましたw 今日はメニューにアバターを追加して、名前の配置などを修正しました! どうでしょうか?...

今日の更新

本日もいくつか編集をすすめました。 1)活動の歴史 カンマが表示の不具合を招いていたので「、」に置き換えました。 2)INST-webについて 内容を入力しました。現状では完成版。 3)メニュー メールアイコンを付加。...

アクセスカウンタ実装

トップの左下にアクセスカウンタを新設しました。 1日何百回見てもカウントは1回です。(チッ) まぁ、そういう風に設定したんですがw あと、付属のページの編集も開始ししました!...

後でシンのアドレス教えてw

このwordpressは「投稿者」や「編集者」といった権限をユーザーに割り振る事ができます。 例えば、INSTメンバーを全員「寄稿者」にしてしまえば、全員が自由に記事を投稿する事ができます。...

0コメント


電器屋Walkerの過去配信のBGMで利用させて頂いております。

ポッドキャスト品質向上、整音テクニック 解説Live

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

ツキイチ - 隣のポッドキャスト

まとめファンサイト