ループFacebookのグラフURLのクエリ情報サイト

Question

への目標は、当社のウェブサイト上の会社ページから3件の最新の投稿を表示することで、私は情報を持つグラフのURL作成：

https://graph.facebook.com/ {pagenamehere} /ポストフィールド？ = full_picture、画像、リンク、メッセージ&限界= 3 & access_tokenは= {accesstoken |秘密}

これは、次のJSON形式で正しくすべてに引っ張る

：

data: 
    0: 
    full_picture: "content here" 
    picture: "content here" 
    link: "content here" 
    message: "content here" 
    id: "content here" 
    1: 
    full_picture: "content here" 
    picture: "content here" 
    link: "content here" 
    message: "content here" 
    id: "content here" 
    2: 
    full_picture: "content here" 
    picture: "content here" 
    link: "content here" 
    message: "content here" 
    id: "content here" 

試みpullin私はこれをループのことができるようにしてポストにカスタムCSSを適用するために、以下の形式で3つの異なるのdivでそれらを配置する必要があり

<?php 
query_posts('&showposts=-1&order=ASC'); 

while (have_posts()) : the_post(); 


    $json = file_get_contents('https://graph.facebook.com/{pagenamehere}/posts?fields=full_picture,picture,link,message&limit=3&access_token={accesstoken|secret}'); 
    $json_data = json_decode($json, false); 
    echo $json_data->data[0]->total_count; 
    echo '<br>'; 

endwhile; 

?> 

：：次のコードでグラムそれで

<div class="col-sm-4"> 
         <div class="stay-connected-inner"> 
          <div class="stay-connected-info"> 


           <div class="stay-connected-left"><i class="fa fa-facebook"></i></div> 
           <div class="stay-connected-right"> 

            <h5>Page Title</h5> 
            <p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</p> 
           </div> 
          </div> 
          <div class="stay-connected-fig"> 
           <img src="" alt=""> 
          </div> 
         </div> 
        </div> 
        <div class="col-sm-4"> 
         <div class="stay-connected-inner"> 
          <div class="stay-connected-info"> 
           <div class="stay-connected-left"><i class="fa fa-facebook"></i></div> 
           <div class="stay-connected-right"> 
            <h5>Page Title</h5> 
            <p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</p> 
           </div> 
          </div> 
          <div class="stay-connected-fig"> 
           <img src="" alt=""> 
          </div> 
         </div> 
        </div> 
        <div class="col-sm-4"> 
         <div class="stay-connected-inner"> 
          <div class="stay-connected-info"> 
           <div class="stay-connected-left"><i class="fa fa-facebook"></i></div> 
           <div class="stay-connected-right"> 
            <h5>Page Title</h5> 
            <p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</p> 
           </div> 
          </div> 
          <div class="stay-connected-fig"> 
           <img src="" alt=""> 
          </div> 
         </div> 
        </div> 

参考チュートリアル：How to embed a Facebook page's feed into my website

私のサイトはWordPressで、asp.netに精通していません。

Answer 1

あなたはこのような何かを行うことができます：

foreach($json_data->data as $post){ 
    echo 
    '<div class="col-sm-4"> 
     <div class="stay-connected-inner"> 
      <div class="stay-connected-info"> 
       <div class="stay-connected-left"> 
        <i class="fa fa-facebook"></i> 
       </div> 
       <div class="stay-connected-right"> 
        <h5>full_picture</h5> 
        <p>' . $post['message'] . '</p> 
       </div> 
      </div> 
      <div class="stay-connected-fig"> 
       <img src="' . $post['full_picture'] . '" alt=""> 
      </div> 
     </div> 
    </div>'; 
} 

この意志出力3列配列の3つの要素があるかどうか。 foreachの$ postは配列の各要素です。