ホームページの作成を依頼されている。私が好きなのは、ホームページのフッター部分にブログのRSSフィードを表示させること。5記事ぐらい表示させておけば、ホームページを訪れた人にブログも見てもらえる。
ホームページはシングルページをbootstrapで作って、ブログはアメブロやエキサイトを使っていた。そのため「Feed2JS」を使って、簡単にブログを表示させることができていた。
でも、ブログをワードプレスに乗り換えたため、何度やってもホームページにブログのRSSフィードが表示されない。
まあ、「ワードプレスでホームページとブログを作ればいいやん」ということになるけど、そこは色々と事情があるので、できない。
色々と試行錯誤した結果、案外簡単にbootstrapシングルページにワードプレスブログのRSSフィードを表示させることができた。困っている人もいるだろうから、書き残しておく。
実際にRSSフィードを表示させたフッターはこちら。
3カラムの真ん中にブログのRSSフィードを表示させている。
貼り付けたコードは以下。
<script language="JavaScript" src="https://feed2js.org//feed2js.php?src=http://domein.com/category/カテゴリー名/feed/&num=5&desc=100&date=y&tz=+9&targ=y&utf=y&html=p" charset="UTF-8" type="text/javascript"></script>これを貼るだけで、ワードプレスのブログがホームページに表示されるようになる。青文字のところは自分のURLに変えてください。CSSは自分で整えてね。
ちなみに、「5記事表示、ブログ内容は100文字まで表示。日付と時間（秒まで）を表示。タイトルをクリックすると、その記事に飛ぶ。」設定にしている。
詳しく解説すると、青文字のところを
http://ドメイン名/feed/
にすると、ブログ全体のフィードが表示され、
http://ドメイン名/category/カテゴリー名/feed/
にすると、カテゴリー毎のフィードが表示される。
ここで重要なのは、https:// ではなく http://にすること。
なぜだかSSL化していると、フィードを読み込まないのだ。
散々悩んだ挙句、http://〜/feed/にしただけで、すんなりと表示された。
タイトルをクリックすると、ちゃんとSSL化したブログページに飛ぶので、その辺りも心配なし。
1時間以上試行錯誤したけど、無事に表示できて良かった。
困っている人いるかな？
もしいれば参考にしてほしー。