<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEBアプリ開発 &#8211; 福田技工</title>
	<atom:link href="https://www.fukuda-gikou.co.jp/performance/app/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.fukuda-gikou.co.jp</link>
	<description>Fukuda Gikou</description>
	<lastBuildDate>Sat, 19 Mar 2022 08:00:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2</generator>
	<item>
		<title>WordPressの記事を外部からJavascript（Ajax）で読み込む方法</title>
		<link>https://www.fukuda-gikou.co.jp/performance/app/100/</link>
					<comments>https://www.fukuda-gikou.co.jp/performance/app/100/#respond</comments>
		
		<dc:creator><![CDATA[福田 修平]]></dc:creator>
		<pubDate>Fri, 18 Mar 2022 07:39:18 +0000</pubDate>
				<category><![CDATA[WEBアプリ開発]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://tdi_249_255</guid>

					<description><![CDATA[JavascriptとHTMLのかんたんなコードを設置するだけで外部サイトから簡単に記事データを読み込む方法を紹介]]></description>
										<content:encoded><![CDATA[<p>JavascriptとHTMLのかんたんなコードを設置するだけで外部サイトから簡単に記事データを読み込む方法を紹介します。</p>
<p>Githubから<code>wp-posts.js</code>をダウンロード</p>

<p>表示したい箇所に以下のコードを埋め込みます。</p>
<pre>
&lt;table class=&quot;wp_posts&quot; data-url=&quot;https://example.com&quot; data-category=&quot;10,15&quot; data-limit=&quot;5&quot; data-width=&quot;500&quot; data-fontsize=&quot;14&quot;&gt;&lt;/table&gt;
&lt;script src=&quot;wp-posts.js&quot;&gt;&lt;/script&gt;
</pre>
<p>表示したい内容に合わせパラメータを調整します。</p>
<ul>
	<li>data-url：読み込みたいサイトのURL</li>
	<li>data-category：取得したい対象のカテゴリID（複数ある場合はカンマ区切り）</li>
	<li>data-limit：表示したい記事の件数の上限</li>
	<li>data-width：テーブルの横幅</li>
	<li>data-fontsize：文字の大きさ</li>
</ul>
<h3>DEMO</h3>
<figure id="attachment_1722" aria-describedby="caption-attachment-1722" style="width: 529px" class="wp-caption alignnone"><a href="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png"><img decoding="async" src="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png" alt="Capture 3" width="529" height="319" class="size-full wp-image-1722" srcset="https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1.png 529w, https://www.fukuda-gikou.co.jp/wp-content/uploads/2022/03/capture-3-1-300x181.png 300w" sizes="(max-width: 529px) 100vw, 529px" /></a><figcaption id="caption-attachment-1722" class="wp-caption-text">WordPress Ajax Load Posts Sample</figcaption></figure>
<a href="https://www.fukuda-gikou.co.jp/nb/demo/wp-load-posts-ajax/" target="_blank" rel="noopener">DEMO</a>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fukuda-gikou.co.jp/performance/app/100/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
