ブログWEB制作wordpress2014.12.16ピンタレストを表示するショートコード(WordPress)ピンタレストを知らない方はこちらを⇒http://jp.pinterest.com/通常、WEBサイトや、ブログ等にピンタレストのボードを表示する場合はこちら⇒https://business.pinterest.com/ja/widget-builder#do_embed_boardのサイトでコードを生成しますが・・・なぜか、たまに表示されなくなります。原因はよくわかりません(^^;)そこで、別の方法で出来ないか調べたらボードのURIに「.rss」を付けるとRSSが取得できるらしい。ん?これ使えば上のコード使わずに表示出来るんじゃあないか?と思って、作成してみました。以下↓がコードになります。'pinterest_img');軽くコードの解説のようなものをいたしますとまず、「CURL」を使い、RSS情報を取得します。(これはCURLじゃなくてもphpの関数「file_get_contents」を使っても同じ、ただCURLのほうが軽い)次に「simplexml_load_string」という関数を使い、RSSのデータを配列に変換しています。あとは、ループ処理で、配列のデータを表示していきます。画像は「preg_match_all」でURIを抜き出します。RSSで表示されている画像は192pxと小さいので、大きい画像を表示したい場合は、画像のURIの「192x」という部分を「736x」に置換します。次にピンタレスト特有のグリッドレイアウトのほうは・・・jqueryを使用します。「wookmark」や「masonry」などを使って、グリッドレイアウトを実現します。url='ボードのURI']と入力するだけです。説明苦手なんです(–;)お許しください。これにて(^^)/~ALLetcSEO対策WEB制作wordpressお知らせお知らせエコペ日記コネタこのブログを書いた人kato酉年生まれのせいか、話を聞いても3歩歩けば忘れます。こんな私ですが、よろしくお願いします。関連記事SEO対策WEB制作SEO担当で【サープス】というこんにちは。マリオ・ランのリリース予約までしたくせに、3ステージ以WEB制作お店までの経路検索を自動でやっ明けましておめでとうございます。本年もよろしくお願い申し上げます。