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 プログラミング

横スライドメニューをhtml・CSSのみで実装【JS不要簡単】

2020.04.12
547
HTMLCSS プログラミング

inputタグのラジオやチェックボックスをボタン画像にする方法

2021.01.04
1154
PHP プログラミング

phpを使って、ヘッダーやフッターを共通パーツ化・インクルードさせる方法

2021.06.11
190
WordPress プログラミング

【プラグイン不要】WordPress・PHPサイトでCSS・JS・画像ファイルのキャッシュを常に自動削除する方法【簡単】

2022.04.09
429