Written by Kasumi

【簡単】アメブロ記事一覧をサイトに埋め込む方法

アメブロの記事一覧を自分のブログサイトに埋め込みたい!
プラグインを使わす簡単に入れれるの?

このような疑問に答えます!

本記事ではアメーバブログの記事一覧を他サイトに埋め込む方法について解説します。※PHP限定

以下ソースをコピペでOKです。

前提として上記ソースのURLを入力する場所に、埋め込みたいアメブロ記事のフィードURLをいれましょう!
例としてアメブロスタッフブログさんURLの場合だと下記URLに対して
https://ameblo.jp/staff/
末尾に/rss20.xmlを付け加えます。
https://ameblo.jp/staff/rss20.xml
次にアメブロを埋め込みたいページテンプレートに、フィードURLを反映した上記ソースをコピペしましょう。
後は上記ソースに従うことで、持ってくる記事数、画像(記事内の最初の画像)・タイトル・リンク・抜粋分・日付を反映させることが出来ます。
最後にお好みでforeachのループ内をhtml・cssを用いて装飾してみましょう!
以上になります。

目次

関連記事

HTMLCSS プログラミング

【簡単】iphone(ios)でinputタグをタップしたらズームされるのを回避する方法

2022.02.12
7304
WordPress プログラミング

WordPressでブログを始めた方必見!おすすめのプラグインを紹介します

2020.07.22
416
HTMLCSS プログラミング

CSSで上付き・下付き注釈をつける書き方【コードペンデモ有り】

更新日:2020.04.21
1618
WordPress プログラミング

【htaccess・プラグイン不要】WordPressの投稿記事をhtmlのmetaタグでリダイレクトする方法

2022.04.04
1708