2017年06月14日 phpWordPress

1.WP REST APIプラグインをインストール

管理画面から「WordPress REST API」プラグインをインストールし、有効化します。

これで
http://◯◯◯.com/wp-json/wp/v2/posts
にアクセスすれば、記事の情報がjson形式で表示されます。 WordPress REST API

jsonを取得・表示させる

<?php

//WordPressのURLを指定(新着記事2件取得)
$url = 'http://◯◯◯.com/wp-json/wp/v2/posts?_embed&per_page=2';


$ch = curl_init(); // 1. 初期化
curl_setopt( $ch, CURLOPT_URL, $url ); // 2. オプションを設定
curl_setopt( $ch, CURLOPT_RETURNTRANSFER, true );
$result = curl_exec( $ch ); // 3. 実行してデータを得る
curl_close(); // 4. 終了


//連想配列にする
$arr_json = json_decode($result,true);
  // print_r($arr_json);


     foreach ($arr_json as $json) {
$json_date = $json["date"];
       $json_date = date('Y年n月j日', strtotime($json_date));
$json_link = $json["link"];
       $json_title = $json["title"]["rendered"];
$json_img = $json["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["full"]["source_url"];
?>

      <div class="detail">
        <?php //アイキャッチがある場合
            if($json_img) { ?>
        <div class="blog_img">
          <img src="<?= $json_img; ?>" class="article_title_img">
        </div>
        <?php } ?>

        <strong><span class="date">
        <?= $json_date; ?>
        </span></strong><br>
        <a href="<?= $json_link; ?>"> <span class="listTitle">
        <?= $json_title; ?>
        </span> </a> </div>
 
      <?php
      			}
?>

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ピックアップ記事

WordPressのオリジナルテーマのサムネイル作成

2013年11月06日 web関連WordPress
WordPressでオリジナルのテーマを作る時は、テーマ名などはstyle.css内にコメントで設定。 管理画面の外観>テーマのページに表示される、個々のテーマのサムネイル画像は、ファイル名「screenshot」、形式はPNG/JPEG/GIFのどれかにして、サイズは 300×225pxで作成。 http://wordpress.nyamuh.com/cont/base/base.htm…
「WordPressのオリジナルテーマのサムネイル作成」をはてなブックマークに追加

Twitter Bootstrapでスマホ回転時の表示崩れ

2013年11月13日 jQuery・javascriptWordPress
Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう(拡大表示した時のように画面内にサイトが収まっていない)現象に悩まされました。 もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。 今回使用していたのは、Bootstrap v3.…
「Twitter Bootstrapでスマホ回転時の表示崩れ」をはてなブックマークに追加

簡単に記事が編集出来る WordPress のプラグイン

2011年05月26日 WordPress
ということで、タイトル通りのプラグインを紹介します。 Front-end Editor はログインして管理画面から操作しなくても、WPのサイト上から記事やウィジェットなどの編集を可能にしてくれる便利なプラグインです。 Front-end Editorの使用方法 プラグインをダウンロード 管理画面からプラグインを追加するか、このへんからダウンロードして、FTPでサーバにアップしてください。 …
「簡単に記事が編集出来る WordPress のプラグイン」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy