フィードのタイトルを表示するブログパーツは件数が大抵10件までしか使えないのですが、jQueryを使ってJavascriptを組んで表示する方法があります。
無料で設置が可能になります。 参考サイトでは、Wordpress限定風ですが、フィードはWordpressに限りません。 このサイトはWeeblyですが、問題なくタイトルを表示しています。 【簡単】jQueryを使って、wordpressのRSSを取得し記事を表示する方法【プラグイン不要】 https://kasumiblog.org/jquery-wordpress-rss/
DEMO
ソースコード
<script>
$(document).ready(function() { $.ajax({ type: "get", url: "https://www.keibijoshi.com/1/feed" }).done(function(result) { $(result).find("item").each(function() { var title = $(this).find('title').text(); var url = $(this).find('link').text(); var img = $(this).find('description').attr('href'); var category = $(this).find('category').text(); var contents = ''; firstImg = $(this).find("content\\:encoded, encoded").text(); firstImg = $(firstImg).find("img").first().attr("src"); var pubDate = $(this).find("pubDate").text(); var Dates = new Date(pubDate); var Dday = Dates.getDate(); var Dmonth = Dates.getMonth() + 1; var Dyear = Dates.getFullYear(); $(".rssbox").append('<li><a class="" href="' + url + '"><span>' + title + '</span> (<time>' + Dyear + '/' + Dmonth + '/' + Dday + '</time>)</a></li>'); }); }); }); </script> <ul class="rssbox"> </ul>
警備女士.com おしゃれに警備士 050-3709-1231
0 コメント
返信を残す |
紹介グルメマップ新着BlogAuthorあいび〜 ・CNET Japan 読者ブログアワードにて読者投票賞受賞
https://japan.cnet.com/article/20363569/ ・オープンソースの日本唯一最大の開発者グループ、OSS Japanグループを運営 https:www.ossj.jp ・CMS Geeklogの日本開発ユーザーグループを運営 https://www.geeklog.jp ・幼児教育もじもじInput! Yahoo 夏休み特集サイトで掲載、雑誌等で掲載も。赤ちゃんに優しいわたしのオリジナル手書き文字です。 https://mojimoji.ivywe.co.jp ・Geeklog導入ガイド執筆 技術評論社から出版 ・このサイトはWeeblyを活用しました。Weeblyを活用したホームページづくりをお手伝いしています。ヘルプサイトもご提供中。 https://help-japanese.weebly.com Archives
2月 2024
Categories
すべて
|