よくいただく相談で「ブログの最新記事を取ってきて、カラーミーショップ上で表示したい」というものがあります。

ブログは通常、XML形式で記事情報を配信していますので、そちらを取得してカラーミーショップ上で表示するのが一般的な方法です。

以前はfetch（Smarty関数）を使って、PHPで動的に作成したページをカラーミーショップに埋め込んでいることがよくありましたが、セキュリティ上の理由からか、この方法は使えなくなりました。
fetch廃止に伴ってカラーミ―ショップのサポートの方からは、iframe（HTMLタグ）による代替が提案されています。

naeco.jpでおすすめしている方法はそれとは別のものになります（Ajax+JSONP）。
送受信は非同期通信（Ajax）で行いますので、表示速度によるストレスはあまりないです（ページ描画時にロックしない）。
SEO的にも問題ありません（Ajaxを使っても、しっかりインデックスされます）。

RSSフィードの見せ方いろいろ

下例のように、トップページ上部でスライドショーにして、お客様の目をひくこともできます。商品記事などを動的に見せたい場合に使えます。
カルーセル（画像を横並び）にすると、すこしおとなしめなお知らせ欄や更新情報などにも使えます。

ブログRSSをカラーミーに表示する（デモページ）

もちろんスライドショー（カルーセル）表示せずに、HTML・CSSで整形して表示させることも可能です。カードデザインにして横4～6枚を並べるレイアウトもよく見かけます。

実装上の注意点

お使いのブログによって、RSSフィードの広告が入っていたり、画像URLが取り出せなかったり、表示件数も少なかったりします（要確認！）。RSSフィードで使い勝手がいいのはWordPressです。
WordPressではカテゴリー・タグごとにRSSフィードを配信しているので、必要な記事情報だけを取得できます。

PHPが動作するウェブサーバー（一般的なレンタルサーバー、ロリポップなど）が必要です。

スライドショー表示する場合は、画像サイズが大きく縦横比がそろっている必要があります（レイアウトが崩れるので）。

おまけ

Feed43（外部サービス）を使ってRSSフィードを配信している自ショップのインスタ画像なども取得可能です（ウィジェットを使わない別の方法として）。

参考）RSSを利用したインスタ画像表示（デモページ）

執筆者

えいじ@naeco.jp　この記事を書いた人

メーカー系情報システム部門出身の個人事業主。
自作するのが好きですぐに試したくなる、凝り性なWebエンジニア。
カラーミーショップ、モールなどのECについて記事にしています。

ご相談・お問い合わせはこちら