WordPressの管理画面で、どこからでもユーザーの言語切替できるようにする

<p>wordpressでCSVで記事を登録したいという要望があり、それに見合いそうなプラグインを発見しました。</p>
<p>wordpressでサイトを作成するのは一般的になりつつあり、記事ではなく商品を記事として登録しくことも多いです。<br />
記事として登録することで検索がしやすい、カテゴリーで分けられる等々便利なので、本来の記事という役割を超えた使われ方をしていますね。<br />
まぁそんな御託はどうでも良いのですが、その登録を一括でしてくれるのが今回紹介するプラグインですね。</p>
<h2>Really Simple CSV Importer</h2>
<p>このプラグインの特徴！</p>
<p>・記事の登録、更新ができる<br />
・カテゴリー、タグに対応<br />
・カスタムフィールド対応(Custom Field Suite,Advanced Custom Field,Smart Custom Field対応)<br />
・カスタム投稿タイプも対応<br />
・下書き、公開設定も変更可能</p>
<h3>インストール</h3>
<p>通常のプラグインと同じで、<br />
管理画面 &gt; プラグイン &gt; 新規追加<br />
で、Really Simple CSV Importer　を検索してインストールすればOKです！</p>
<h3>インポートする時</h3>
<p>左メニューの<br />
ツール &gt; インポート　<br />
をクリックするとインポートの画面になります。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8.png" alt="" width="767" height="374" class="alignnone size-full wp-image-13635" srcset="/uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8.png 767w, /uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8-300x146.png 300w, /uploads-archive/2018/02/c2626de1c7d899d1c7cafb8a0af32cd8-228x111.png 228w" sizes="(max-width: 767px) 100vw, 767px" /></p>
<p>上記画像にあるように、「インポーターの実行」をクリックします。</p>
<p>すると、</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066.png" alt="" width="817" height="349" class="alignnone size-full wp-image-13636" srcset="/uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066.png 817w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-300x128.png 300w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-768x328.png 768w, /uploads-archive/2018/02/81f3f4c6f6da8e3a5ec15198d48d5066-228x97.png 228w" sizes="(max-width: 817px) 100vw, 817px" /></p>
<p>このような画面になるので、後は書いてある通りにすればOKです！</p>
<p>ルールとして、</p>
<ul>
<li>文字セットにUTF-8を選択してください。</li>
<li>フィールド区切りに &#8220;,&#8221; を使用してください。</li>
<li>全てのテキストセルを引用符で囲ってください。</li>
</ul>
<p>とあるのでこの点は気をつけてください。</p>
<p>また、CSVのサンプルをダウンロードすることが出来ます。<br />
サンプルは下記のような感じです。</p>
<h3>CSV例</h3>
<p></p>

		<div id="crayon-649540264cb72457828301" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
"post_id","post_name","post_author","post_date","post_type","post_status","post_title","post_content","post_category","post_tags","custom_field"
,"Import-test","admin",2013/9/13 0:00,"post","publish","CSV Import Test","This is a post for csv import.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","fruits","apple,banana","this is custom field value."
,,"editor",,"post","publish","define author test",,,,
,,2,,"post",,"define author id test",,,,
1,"Hello-world-updated",,,"post",,"Hello world! Updated!","Welcome to WordPress. This is your first post. Updated by RS CSV Importer!",,,</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264cb72457828301-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-2">2</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-4">4</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264cb72457828301-6">6</div><div class="crayon-num" data-line="crayon-649540264cb72457828301-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264cb72457828301-1"><span class="crayon-s">"post_id"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_name"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_author"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_date"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_type"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_status"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_title"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_content"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_category"</span><span class="crayon-sy">,</span><span class="crayon-s">"post_tags"</span><span class="crayon-sy">,</span><span class="crayon-s">"custom_field"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264cb72457828301-2"><span class="crayon-sy">,</span><span class="crayon-s">"Import-test"</span><span class="crayon-sy">,</span><span class="crayon-s">"admin"</span><span class="crayon-sy">,</span><span class="crayon-cn">2013</span>/<span class="crayon-cn">9</span>/<span class="crayon-cn">13</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">:</span><span class="crayon-cn">00</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-s">"publish"</span><span class="crayon-sy">,</span><span class="crayon-s">"CSV Import Test"</span><span class="crayon-sy">,</span><span class="crayon-s">"This is a post for csv import.</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-3"><span class="crayon-s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264cb72457828301-4"><span class="crayon-s">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</span><span class="crayon-sy">,</span><span class="crayon-s">"fruits"</span><span class="crayon-sy">,</span><span class="crayon-s">"apple,banana"</span><span class="crayon-sy">,</span><span class="crayon-s">"this is custom field value."</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-5"><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"editor"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-s">"publish"</span><span class="crayon-sy">,</span><span class="crayon-s">"define author test"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264cb72457828301-6"><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"define author id test"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540264cb72457828301-7"><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-s">"Hello-world-updated"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"post"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-s">"Hello world! Updated!"</span><span class="crayon-sy">,</span><span class="crayon-s">"Welcome to WordPress. This is your first post. Updated by RS CSV Importer!"</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span><span class="crayon-sy">,</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>ちなみにpost_idがあり、それがDBにあると上書きされるようです。<br />
他にも付け加えることができるので一番上の行の項目を増やせばよく、カスタムフィールドの場合もキー名を指定すればOKです！！</p>
<p>これは大量登録の必要がある場合は、CSVのほうがいいかもしれませんね。</p>
<h3>参考ブログ</h3>
<p><a href="http://notnil-creative.com/blog/archives/3465" target="_blank">Really Simple CSV Importer 日本語解説＆カスタマイズ例</a><br />
<a href="https://liginc.co.jp/web/wp/plug-in/58046" target="_blank">記事をCSVで一括登録！WordPressプラグインReally Simple CSV Importer | 株式会社LIG</a><br />
<a href="http://www.moco358.com/archives/3744" target="_blank">WordPressでCSV登録が出来るReally Simple CSV Importer | 稼げる副業でお小遣いを稼ぐ方法</a></p>

CSVをアップロードして記事登録ができるプラグイン「Really Simple CSV Importer」

wordpressのサーバー移行をphpmyadminを使わずにターミナルでやってみた

wp.jpg

WordPressでのページごとのCSSやJSの読み込みの振り分けをfunctions.phpで一括設定する

<p>Railsとwordpressを一つのドメインで使用するという実装を行ったのでその導入方法のログを記事にしてみました。</p>
<p>passenger + apacheを利用している前提です。<br />
Railsアプリとwordpressを全く別のディレクトリに保存することも可能ですが、wordpressと同じディレクトリ内にインストールすれば、gitなど一つのリポジトリで管理できるので、同じディレトリ内に保存する方が楽だと思います。</p>
<h2>1 phpのインストール</h2>
<p>記事作成時点では公式の推奨phpのバージョンは5.6以降でしたので、今回インストールしたバージョンは5.6にいたしました。</p>

		<div id="crayon-649540263ec79405829604" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">add repository</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm
rpm -Uvh http://dl.iuscommunity.org/pub/ius/stable/Redhat/6/x86_64/ius-release-1.0-11.ius.el6.noarch.rpm
rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec79405829604-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec79405829604-2">2</div><div class="crayon-num" data-line="crayon-649540263ec79405829604-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec79405829604-1"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec79405829604-2"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//dl.iuscommunity.org/pub/ius/stable/Redhat/6/x86_64/ius-release-1.0-11.ius.el6.noarch.rpm</span></div><div class="crayon-line" id="crayon-649540263ec79405829604-3"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//rpms.famillecollet.com/enterprise/remi-release-6.rpm</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

		<div id="crayon-649540263ec7d797314086" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">install php 5.6</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum -y install --enablerepo=remi-php56 php</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec7d797314086-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec7d797314086-1"><span class="crayon-i">yum</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">install</span><span class="crayon-h"> </span>--<span class="crayon-i">enablerepo</span>=<span class="crayon-i">remi</span>-<span class="crayon-e">php56 </span><span class="crayon-i">php</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>２ wordpressのインストール</h2>
<p>wordpressをインストールしたいディレクトリで<br />
wget https://ja.wordpress.org/wordpress-4.5.2-ja.tar.gz<br />
tar xfvz wordpress-4.5.2-ja.tar.gz<br />
を実行します。インストールするurlは<a href="https://ja.wordpress.org/" target="_blank">公式サイト</a>で新しいものを指定します。<br />
実行すると、wordpressディレトリが生成されます。<br />
用途に応じてwordpressディレクトリを変更します。</p>
<h2>3 apacheの設定</h2>
<p></p>

		<div id="crayon-649540263ec7e397056332" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">edit httpd conf</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
Alias /post "/var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/"
&lt;Directory /var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/&gt;
  PassengerEnabled Off
  AllowOverride All                       
&lt;/Directory&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec7e397056332-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec7e397056332-2">2</div><div class="crayon-num" data-line="crayon-649540263ec7e397056332-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec7e397056332-4">4</div><div class="crayon-num" data-line="crayon-649540263ec7e397056332-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec7e397056332-1"><span class="crayon-i">Alias</span><span class="crayon-h"> </span>/<span class="crayon-i">post</span><span class="crayon-h"> </span><span class="crayon-s">"/var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec7e397056332-2"><span class="crayon-h">&lt;</span><span class="crayon-i">Directory</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">www</span>/<span class="crayon-i">html</span>/<span class="crayon-i">Rails</span>のアプリ名/<span class="crayon-i">wordpress</span>をインストールしたディレクトリ/<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540263ec7e397056332-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">PassengerEnabled </span><span class="crayon-e">Off</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec7e397056332-4"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-e">AllowOverride </span><span class="crayon-i">All</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-649540263ec7e397056332-5"><span class="crayon-h">&lt;</span>/<span class="crayon-i">Directory</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>今回はroot_url/postというアドレスにアクセスしたときにrailsではなくwordpressにアクセスするという設定にいたしました。</p>
<p>以上で設定は完了です。root_url/postにアクセスすれば、wordpressのいつものインストール画面が表示されます。</p>

Railsとwordpressを共存させる

【wordpress】WP_Queryを指定する配列にquery_stringを加える方法

<p>まず、AMPって聞き慣れないですよね。</p>
<p>購読しているRSSの中で、AMPについての言及がよくされていましたが、まだ実施前だしいいか〜なんて思っていたのですが、去る2016年2月24日に日本でも若干前倒しで実装がされたようですので、本サイトも対応してみました。</p>
<h2>AMPについて</h2>
<p>まず、AMPとは、Accelerated Mobile Pagesの略で、スマートフォンから閲覧するページを高速化させましょうプロジェクトで、原則HTML＋CSSで遅くなるJSは禁止というAMPフレームワークを作ったので準拠して下さいというのが超簡単な解釈です。</p>
<p>オフィシャルのページは<a href="https://googleblog.blogspot.jp/2015/10/introducing-accelerated-mobile-pages.html" target="_blank">こちら</a>で詳しく知りたい方は、海外SEO情報ブログさんの<a href="https://www.suzukikenichi.com/blog/accelerated-mobile-pages-amp/" target="_blank">こちら</a>の記事が詳しく解説されています。</p>
<h2>AMPに対応するためのWordpressプラグイン</h2>
<p>この情報も海外SEO情報ブログさんの<a href="https://www.suzukikenichi.com/blog/how-to-make-your-wordpress-blog-amp-ready/" target="_blank">記事</a>を参考にさせて頂きました。</p>
<h3>AMP</h3>
<p>一つ目はその名もAMP。</p>
<p>プラグインの検索画面でAMPと入力すると一番上に出てきます。</p>
<p>こちらを有効化します。</p>
<p><a href="/officer/%e7%9b%ae%e6%a8%99%e9%81%94%e6%88%90%e7%94%a8%e7%b4%99%e3%81%aegoogle%e3%82%b9%e3%83%95%e3%82%9a%e3%83%ac%e3%83%83%e3%83%88%e3%82%99%e3%82%b7%e3%83%bc%e3%83%88%e3%81%a4%e3%81%8f%e3%82%8a%e3%81%be.html">/officer/%e7%9b%ae%e6%a8%99%e9%81%94%e6%88%90%e7%94%a8%e7%b4%99%e3%81%aegoogle%e3%82%b9%e3%83%95%e3%82%9a%e3%83%ac%e3%83%83%e3%83%88%e3%82%99%e3%82%b7%e3%83%bc%e3%83%88%e3%81%a4%e3%81%8f%e3%82%8a%e3%81%be.html</a></p>
<p>日本語URLにしたことを後悔しつつも、要は末尾に/ampをつけることでAMP対応のページを表示してくれます。</p>
<p><a href="/officer/%e7%9b%ae%e6%a8%99%e9%81%94%e6%88%90%e7%94%a8%e7%b4%99%e3%81%aegoogle%e3%82%b9%e3%83%95%e3%82%9a%e3%83%ac%e3%83%83%e3%83%88%e3%82%99%e3%82%b7%e3%83%bc%e3%83%88%e3%81%a4%e3%81%8f%e3%82%8a%e3%81%be.html/amp">/officer/%e7%9b%ae%e6%a8%99%e9%81%94%e6%88%90%e7%94%a8%e7%b4%99%e3%81%aegoogle%e3%82%b9%e3%83%95%e3%82%9a%e3%83%ac%e3%83%83%e3%83%88%e3%82%99%e3%82%b7%e3%83%bc%e3%83%88%e3%81%a4%e3%81%8f%e3%82%8a%e3%81%be.html/amp</a></p>
<p>私達で用意したスタイルが反映されていないページが登場します。</p>
<p><a href="/officer/%e6%9c%ac%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92amp%e5%af%be%e5%bf%9c%e3%81%95%e3%81%9b%e3%81%be.html/attachment/developer_tools_-_http___sterfield_co_jp" rel="attachment wp-att-9760"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9760" src="/uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp-300x47.png" alt="Developer_Tools_-_http___sterfield_co_jp" width="300" height="47" srcset="/uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp-300x47.png 300w, /uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp-768x121.png 768w, /uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp-1024x161.png 1024w, /uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp-228x36.png 228w, /uploads-archive/2016/03/Developer_Tools_-_http___sterfield_co_jp.png 1528w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>要素の検証からもAMPに対応出来ていることが分かります。</p>
<h3>Facebook Instant Articles &amp; Google AMP Pages by PageFrog</h3>
<p>ここからスタイルをあてていくのが、このプラグインになります。</p>
<p><a href="/officer/%e6%9c%ac%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92amp%e5%af%be%e5%bf%9c%e3%81%95%e3%81%9b%e3%81%be.html/attachment/styling_pagefrog" rel="attachment wp-att-9761"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9761" src="/uploads-archive/2016/03/Styling_PageFrog-300x194.png" alt="Styling_PageFrog" width="300" height="194" srcset="/uploads-archive/2016/03/Styling_PageFrog-300x194.png 300w, /uploads-archive/2016/03/Styling_PageFrog-768x495.png 768w, /uploads-archive/2016/03/Styling_PageFrog-1024x660.png 1024w, /uploads-archive/2016/03/Styling_PageFrog-228x147.png 228w, /uploads-archive/2016/03/Styling_PageFrog.png 1293w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>素の状態ではロゴととにかくページを早く表示することだけのページです。</p>
<p>設定出来る項目も最低限という感じでこれ以上は、プラグインファイルを直接編集しないといけないとのことです。</p>


スターフィールドホームページをAMP対応

<p>おそろしいプラグインに出会ってしまいました。</p>
<p>その名も「Page Builder by SiteOrigin」。</p>
<p>こちらはどういうプラグインかというと、<br />
Page Builderという名の通り、投稿や固定ページで直感的にレイアウトが出来るという代物です。</p>
<p>今まで納品したワードプレスではお客さんが自由に記事が投稿出来るようになっていますが、<br />
ブログ的な感覚で記事を書けるものの、カラム分けや特別な機能を入れたりすることは難しいものでした。</p>
<p>しかし、このプラグインがあれば、それが可能になります！<br />
2カラム、3カラムはもちろん、カレンダー、スライダーや記事一覧も入れられるみたいですが、<br />
また別のプラグインをインストールをしないといけなさそうですね。。。</p>
<h2>Page Builder by SiteOrigin使用イメージ</h2>
<p>通常のプラグインと同じように、プラグインの新規追加で「Page Builder by SiteOrigin」を検索し、<br />
インストールします。</p>
<p>無事インストールが出来ましたら、設定の項目、「Page Builder」という項目が増えます。<br />
ここは初期としては特にすることはありません。</p>
<p>あとは、投稿や固定ページの新規追加ページに遷移すると、、</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-8056" src="/uploads-archive/2015/09/546249d1731762882741b0ae237a9a2e.png" alt="スクリーンショット 2015-09-01 16.32.03" width="600" height="428" srcset="/uploads-archive/2015/09/546249d1731762882741b0ae237a9a2e.png 800w, /uploads-archive/2015/09/546249d1731762882741b0ae237a9a2e-300x214.png 300w, /uploads-archive/2015/09/546249d1731762882741b0ae237a9a2e-228x163.png 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>本文書く欄の、ビジュアル、テキストの横に「Page Builder」があり、ここを押すと、このプラグインを使っての編集に切り替わります。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-8057" src="/uploads-archive/2015/09/d3d9468fc857fda487957196965f497b.png" alt="スクリーンショット 2015-09-01 17.41.31" width="600" height="191" srcset="/uploads-archive/2015/09/d3d9468fc857fda487957196965f497b.png 865w, /uploads-archive/2015/09/d3d9468fc857fda487957196965f497b-300x96.png 300w, /uploads-archive/2015/09/d3d9468fc857fda487957196965f497b-228x73.png 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ひとつ問題があるとすれば、「ビジュアル・テキスト」と「Page Builder」には互換性があまりないというところです。</p>
<p>左上の「Add Widget」のボタンを押すと、</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-8058" src="/uploads-archive/2015/09/665d63acc7f89d817bfc080f22e38123-1024x642.png" alt="スクリーンショット 2015-09-01 16.33.46" width="600" height="376" srcset="/uploads-archive/2015/09/665d63acc7f89d817bfc080f22e38123-1024x642.png 1024w, /uploads-archive/2015/09/665d63acc7f89d817bfc080f22e38123-300x188.png 300w, /uploads-archive/2015/09/665d63acc7f89d817bfc080f22e38123-228x143.png 228w, /uploads-archive/2015/09/665d63acc7f89d817bfc080f22e38123.png 1242w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ここで好きなwidgetを追加できます。</p>
<p>その横の「Add row」を押すと、</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-8059" src="/uploads-archive/2015/09/812d45278cf5dbbea9eb9396b477f816-1024x641.png" alt="スクリーンショット 2015-09-01 16.34.35" width="600" height="376" srcset="/uploads-archive/2015/09/812d45278cf5dbbea9eb9396b477f816-1024x641.png 1024w, /uploads-archive/2015/09/812d45278cf5dbbea9eb9396b477f816-300x188.png 300w, /uploads-archive/2015/09/812d45278cf5dbbea9eb9396b477f816-228x143.png 228w, /uploads-archive/2015/09/812d45278cf5dbbea9eb9396b477f816.png 1241w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ここでカラムの生成をすることが出来ます。1-8カラムまで作成可能で、幅も直感的に変更できます。</p>
<p>この2つを駆使すればかなり自由なコンテンツ、レイアウトを実現することが出来るかと思います。</p>
<p>さすがに最初は使い方を覚える必要はありますが、HTML等の知識は必要ないので、<br />
詳しくない方でも使えると思います。</p>
<p>WordPressがどんどん便利になっていきますね！</p>


WordPressプラグイン「Page Builder by SiteOrigin」でレイアウトが自由自在に！

<p>※Windowsサーバーといっても、今回はIISを使用している場合の例です</p>
<p>※xamppなどを使うとうまくいくとのことです</p>
<p>&nbsp;</p>
<p>今回は訳あってWindowsサーバー、IIS、Mysqlという環境でWordpressを使用しなければならず</p>
<p>色々と困ったことがあったのでメモ</p>
<p>&nbsp;</p>
<h2>1. インストールが面倒</h2>
<p>Apacheでは普通に使える機能が使えない場合が多々あるため</p>
<p>モジュールをインストールする必要がある</p>
<p>例えば、mod_rewriteの替わりにURL Rewrite Moduleというのをインストールしなければならない</p>
<p>&nbsp;</p>
<h2>2. パーミッション</h2>
<p>uploadsディレクトリを777にしたりなど、ファイルやフォルダのパーミッションをlinux環境であればftpから調整する場合も多い。</p>
<p>だが、Windowsサーバーの場合はそれができない。</p>
<p>今回の場合はリモートでつなぐことができなかったため、サーバー会社に連絡して変更してもらった</p>
<p>&nbsp;</p>
<h2>3. プラグインが動かない</h2>
<p>全部ではないのだろうが、プラグインが動かない場合がある。</p>
<p>1同様モジュールが不足しているなどの問題のようだ</p>
<p>&nbsp;</p>
<h2>4. パーマリンク設定に制限が</h2>
<p>例えばパーマリンク設定で「%postname%」が使えない。</p>
<p>今回の場合は「%post_id%」とすることで回避した。</p>
<p>SEOにこだわる場合は弊害が多々ありそうだ。</p>
<p>web.configをいじれば解決できそうだが、今回は権限がなかった</p>
<p>&nbsp;</p>
<h2>5. 文字化け</h2>
<p>これはWordpressだけではないと思うが、いろいろところで文字化けが発生。</p>
<p>今回はAdmin権限がなかったのと、サーバーによるところもあると思うが</p>
<p>やっぱりWordpressはlinuxで動かすのが一番と思った</p>


WindowsサーバーでWordPressを利用したくない理由5つ

【WordPress】CSVをアップロードするプラグインを作ってみた

<p>だいぶお恥ずかしい話、非推奨になっているの気づきませんでした。。。<br />
version 2.2から非推奨になっているとのことで、だいぶ前ですね〜・・・</p>
<p><a href="http://codex.wordpress.org/Function_Reference/bloginfo" class="link" target="_blank">codex</a></p>
<p>wordpressでサイト制作を始めた時から</p>
<p><strong>bloginfo(&#8220;url&#8221;)<br />
bloginfo(&#8220;stylesheet_url&#8221;)<br />
bloginfo(&#8220;template_url&#8221;)</strong></p>
<p>を使っていたのですが、一回使った後にこのタグを検索するなんてことは特になかったので全く知りませんでした。<br />
なんていいわけを言ってみたり・・・</p>
<p>とにかく、非推奨らしいので、違うタグを使わないといけません。</p>
<p>なので、僕の場合は、以下のようにすることにしました。</p>
<table>
<tr>
<th>今まで</th>
<th>今後</th>
<th>タグの内容</th>
</tr>
<tr>
<td>bloginfo(&#8220;url&#8221;)</td>
<td>echo home_url()</td>
<td>サイトのURL(ドメイン)</td>
</tr>
<tr>
<td>bloginfo(&#8220;stylesheet_url&#8221;)</td>
<td>echo get_stylesheet_uri()</td>
<td>スタイルシートのパス(style.css)</td>
</tr>
<tr>
<td>bloginfo(&#8220;template_url&#8221;)</td>
<td>echo get_template_directory_uri()</td>
<td>wordpressのテーマの位置のパス</td>
</tr>
</table>
<p>wordpressはアップデート頻度が多いので、たまにチェックしていないと、<br />
マズイことになりますね〜・・・</p>
<p>しっかりアンテナはっておかないとなと思う出来事でした。</p>


【WordPress】bloginfo()の一部が非推奨になっているのを最近気づいた件

<p>PCとスマホで違うHTML,テンプレートを使用したい場合、Wordpressで作成する場合は便利なプラグインがあるようです。</p>
<p>最近はレスポンシブも増えていますが、別々のソースを使用する場合もまだまだ多いです。<br />
今後そのような状況になりそうなので、プラグインを使ってインストールしてみました。</p>
<p>紹介出来そうなのが3つありましたので、早速紹介したいと思います。</p>
<h2>Multi Device Switcher</h2>
<p>オプションという観点から見ると、こちらが一番豊富だと思います。<br />
日本人の方が作成しているのでもちろん日本語です。</p>
<p>インストール後、<br />
外観に「マルチデザイン」という項目が表示されるので、そこに行くと・・・<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-6756" src="/uploads-archive/2015/01/63f69f1dd8f70898fe27f1cedb432022.png" alt="スクリーンショット 2015-01-27 13.25.00" width="636" height="632" srcset="/uploads-archive/2015/01/63f69f1dd8f70898fe27f1cedb432022.png 636w, /uploads-archive/2015/01/63f69f1dd8f70898fe27f1cedb432022-150x150.png 150w, /uploads-archive/2015/01/63f69f1dd8f70898fe27f1cedb432022-300x298.png 300w, /uploads-archive/2015/01/63f69f1dd8f70898fe27f1cedb432022-228x226.png 228w" sizes="(max-width: 636px) 100vw, 636px" /><br />
上の写真のようにスマートフォンやタブレット、ガラケー用にテーマを選択できます。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6757" src="/uploads-archive/2015/01/6b7ba6b5ae155ddc315f9163d52f02f3.png" alt="スクリーンショット 2015-01-27 13.25.28" width="635" height="773" srcset="/uploads-archive/2015/01/6b7ba6b5ae155ddc315f9163d52f02f3.png 635w, /uploads-archive/2015/01/6b7ba6b5ae155ddc315f9163d52f02f3-246x300.png 246w, /uploads-archive/2015/01/6b7ba6b5ae155ddc315f9163d52f02f3-228x277.png 228w" sizes="(max-width: 635px) 100vw, 635px" /><br />
ユーザーエージェントも自由に記載できます。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6758" src="/uploads-archive/2015/01/fd55dcab43344213382d993a5b900c85.png" alt="スクリーンショット 2015-01-27 13.25.54" width="626" height="350" srcset="/uploads-archive/2015/01/fd55dcab43344213382d993a5b900c85.png 626w, /uploads-archive/2015/01/fd55dcab43344213382d993a5b900c85-300x167.png 300w, /uploads-archive/2015/01/fd55dcab43344213382d993a5b900c85-228x127.png 228w" sizes="(max-width: 626px) 100vw, 626px" /></p>
<p>スマートフォン等で見た際に、PC版を表示といったボタンの設定の可能です。</p>
<p>かなりいい感じだと思いますが、下のサイトでは評価があまりされてないようですね・・・</p>
<p>&nbsp;</p>
<p><a class="link" href="https://wordpress.org/plugins/multi-device-switcher/" target="_blank">Multi Device Switcher</a></p>
<p>&nbsp;</p>
<h2>Any Mobile Theme Switcher</h2>
<p>&nbsp;</p>
<p>こちらはインストール後、<br />
設定に「Any Mobile Theme」という項目が表示されます。<br />
このプラグインはスマホを細かくわけることができます。<br />
iPhone,Android,Window Mobileなんかもありますね。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6759" src="/uploads-archive/2015/01/a295efa61f1546a4357a80912da40e45.png" alt="スクリーンショット 2015-01-27 13.24.16" width="630" height="626" srcset="/uploads-archive/2015/01/a295efa61f1546a4357a80912da40e45.png 737w, /uploads-archive/2015/01/a295efa61f1546a4357a80912da40e45-150x150.png 150w, /uploads-archive/2015/01/a295efa61f1546a4357a80912da40e45-300x297.png 300w, /uploads-archive/2015/01/a295efa61f1546a4357a80912da40e45-228x226.png 228w" sizes="(max-width: 630px) 100vw, 630px" /></p>
<p>&nbsp;</p>
<p>スマホでも更に細かくテーマを切り替えたい場合はこちらがいいかもしれませんね。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6760" src="/uploads-archive/2015/01/a46b88b50609c8e40a9c933330ba9b63.png" alt="スクリーンショット 2015-01-27 13.55.48" width="630" height="414" srcset="/uploads-archive/2015/01/a46b88b50609c8e40a9c933330ba9b63.png 729w, /uploads-archive/2015/01/a46b88b50609c8e40a9c933330ba9b63-300x197.png 300w, /uploads-archive/2015/01/a46b88b50609c8e40a9c933330ba9b63-228x149.png 228w" sizes="(max-width: 630px) 100vw, 630px" /></p>
<p>&nbsp;</p>
<p>オプションとしては、先ほどのにもあった「PC版」「スマホ版」へ切り替えリンクがフッターに表示されます。<br />
また、「PC版」「スマホ版」の表示の記憶を設定できます。</p>
<p>評価としては、こちらのほうが先ほど紹介したものよりは高くなっております。</p>
<p><a class="link" href="https://wordpress.org/plugins/any-mobile-theme-switcher/" target="_blank">Any Mobile Theme Switcher</a></p>
<p>&nbsp;</p>
<h2>Device Theme Switcher</h2>
<p>&nbsp;</p>
<p>インストール後、<br />
外観に「Device Themes」という項目が表示されます。</p>
<p>そこへ行くと以下の画像のようなページになりますが・・・上２つと比べるとちょっと、、、って感じですね。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6761" src="/uploads-archive/2015/01/f807abd3976c74e7052d670856dd8e23.png" alt="スクリーンショット 2015-01-27 13.24.47" width="630" height="211" srcset="/uploads-archive/2015/01/f807abd3976c74e7052d670856dd8e23.png 867w, /uploads-archive/2015/01/f807abd3976c74e7052d670856dd8e23-300x100.png 300w, /uploads-archive/2015/01/f807abd3976c74e7052d670856dd8e23-228x76.png 228w" sizes="(max-width: 630px) 100vw, 630px" /></p>
<p><a class="link" href="https://wordpress.org/plugins/device-theme-switcher/" target="_blank">Device Theme Switcher</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>一つのWordpressで作れば、記事やカテゴリが共有できるので便利ですね！！</p>


WordPressにてデバイス毎にテーマを切り替えさせるプラグイン

<p>In terms of creating a website (corporate or personal) it do not have to be coded from scratch anymore. Thanks to many kind and generous designers / developers, high quality web templates are distributed freely over the Internet.</p>
<p>There are tonnes of templates sites out there, that makes searching for a free yet high quality templates hard and tedious, so I attempted to collect and showcase you some of really good ones. Here, I present 8 High Quality Free Web Templates and Layouts.</p>
<p>I&#8217;m sure you&#8217;ll a find a gem or two that will absolutely ease your workflow!</p>
<p>&nbsp;</p>
<p><a href="https://dribbble.com/shots/1819180-Free-Dashboard-Ecommerce-Admin"><strong>ECommerce Dashboard Template</strong></a>  (PSD).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_23.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6614 " src="/uploads-archive/2015/01/monthly_freebie_dc_23.jpg" alt="monthly_freebie_dc_23" width="660" height="260" /></a></p>
<p>&nbsp;</p>
<p><a href="https://www.behance.net/gallery/21521941/Creative-Agency-Web-Template"><strong>Creative Agency Web Template</strong></a>  (PSD).</p>
<p><a href="/uploads-archive/2015/01/Screen-Shot-2015-01-13-at-16.00.36.png"><img decoding="async" loading="lazy" class="alignnone wp-image-6626 " src="/uploads-archive/2015/01/Screen-Shot-2015-01-13-at-16.00.36-1024x582.png" alt="Screen Shot 2015-01-13 at 16.00.36" width="663" height="372" /></a></p>
<p><a href="http://graphicsbay.com/item/bj-rn-multipurpose-landingpage/380"><strong>BJÖRN Multipurpose Landing Page</strong></a>  (PSD).</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6613 " src="/uploads-archive/2015/01/monthly_freebie_dc_20.jpg" alt="monthly_freebie_dc_20" width="660" height="266" srcset="/uploads-archive/2015/01/monthly_freebie_dc_20-300x120.jpg 300w, /uploads-archive/2015/01/monthly_freebie_dc_20-228x91.jpg 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="https://dribbble.com/shots/1802406-Freebie-Moderno-Creative-Simple-Portfolio-Page"><strong>Moderno Creative Simple Portfolio Page</strong></a>  (PSD).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_24.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6615 " src="/uploads-archive/2015/01/monthly_freebie_dc_24.jpg" alt="monthly_freebie_dc_24" width="658" height="278" /></a></p>
<p><a href="http://www.mightydeals.com/deal/free-resume-template-by-fernando-bez.html"><strong>Resume Template</strong></a>  (PSD).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_21.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6616 " src="/uploads-archive/2015/01/monthly_freebie_dc_21.jpg" alt="monthly_freebie_dc_21" width="655" height="340" /></a></p>
<p><a href="http://www.robertbrodziak.com/en/free-wordpress-themes/daily-theme/"><strong>Daily</strong></a>  (WordPress Theme).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6617 " src="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg" alt="monthly_freebie_dc_25" width="655" height="263" srcset="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg 750w, /uploads-archive/2015/01/monthly_freebie_dc_25-300x120.jpg 300w, /uploads-archive/2015/01/monthly_freebie_dc_25-228x91.jpg 228w" sizes="(max-width: 655px) 100vw, 655px" /></a></p>
<p><a href="http://www.daniel-klose.com/online-services/life-is-good-wordpress-theme/"><strong>Life Is Good</strong></a>  (WordPress Theme).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_26.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6618 " src="/uploads-archive/2015/01/monthly_freebie_dc_26.jpg" alt="monthly_freebie_dc_26" width="655" height="242" /></a></p>
<p><a href="http://themehybrid.com/themes/yarn"><strong>Yarn</strong></a>  (WordPress Theme).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_27.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6619 " src="/uploads-archive/2015/01/monthly_freebie_dc_27.jpg" alt="monthly_freebie_dc_27" width="653" height="279" /></a></p>
<p><a href="https://themeisle.com/themes/zerif-lite/"><strong>Zerif Lite</strong></a>  (WordPress Theme).</p>
<p><a href="/uploads-archive/2015/01/monthly_freebie_dc_28.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6620 " src="/uploads-archive/2015/01/monthly_freebie_dc_28.jpg" alt="monthly_freebie_dc_28" width="649" height="273" /></a></p>
<p>&nbsp;</p>


Free Web Templates &#038; Themes

【WordPress】WordPress Popular Postsでサムネイル画像を指定サイズのものに差し替える方法

<p>言わずと知れたWordpressでございますが、こちらみなさんご存知のことと思いますが、どこの会社が運営しているかまでは把握してる人はそう多くはないと思います。</p>
<p>wordpressの生みの親は、<a href="http://automattic.com/" target="_blank">Automattic</a>という会社です。<br />
まぁ知ったところで一体なんなんだという話かもしれませんが、こちらの会社さん、さすがというべきか他にもいろんなサービス運営しておりましたので、そちらを紹介したいと思います。</p>
<h2>Automattic運営しているサービス(抜粋)</h2>
<p>数多くあるのですが(全体の半分くらいはwordpressと関連があるサービスだと思います。)、今回は簡単に5つ程にしたいと思います。</p>
<h3>WordPress.com</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6338" src="/uploads-archive/2014/11/4c0dedf74cd1c67506273b59bb56bb65.jpg" alt="WordPress.com-無料のサイトやブログを作成" width="630" height="399" srcset="/uploads-archive/2014/11/4c0dedf74cd1c67506273b59bb56bb65.jpg 1065w, /uploads-archive/2014/11/4c0dedf74cd1c67506273b59bb56bb65-300x190.jpg 300w, /uploads-archive/2014/11/4c0dedf74cd1c67506273b59bb56bb65-1024x649.jpg 1024w, /uploads-archive/2014/11/4c0dedf74cd1c67506273b59bb56bb65-228x144.jpg 228w" sizes="(max-width: 630px) 100vw, 630px" /><br />
こちらよく混合される方がいるらしく、<a href="https://ja.wordpress.org/" target="_blank">WordPress.org</a>とは違い、無料でブログを作成できるサービスになります。アメブロみたいな感じでしょうか。<br />
Worpressをサーバーにインストールして、自分でテーマ作成してっていうのができない、やりたくない方向けですね！</p>
<p><a href="https://ja.wordpress.com/" target="_blank">WordPress.com</a></p>
<h3>Simplenote</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6337" src="/uploads-archive/2014/11/Simplenote-1024x649.jpg" alt="Simplenote" width="630" height="399" srcset="/uploads-archive/2014/11/Simplenote-1024x649.jpg 1024w, /uploads-archive/2014/11/Simplenote-300x190.jpg 300w, /uploads-archive/2014/11/Simplenote-228x144.jpg 228w, /uploads-archive/2014/11/Simplenote.jpg 1065w" sizes="(max-width: 630px) 100vw, 630px" /><br />
こちらはその名の通り、シンプルなノートです。<br />
Evernoteをさらにシンプルにし多様な感じで、ノートのみの機能をもったサービスです。<br />
僕はこのシンプルさが結構好きなので使用しております。<br />
PC、タブレット、スマホで同期でき、さらに起動が早いのでなかなか良い感じです。<br />
基本的には無料で使用できます。</p>
<p><a href="http://simplenote.com/" target="_blank">Simplenote</a></p>
<h3>Cloudup</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6335" src="/uploads-archive/2014/11/Cloudup.jpg" alt="Cloudup" width="630" height="399" srcset="/uploads-archive/2014/11/Cloudup.jpg 1065w, /uploads-archive/2014/11/Cloudup-300x190.jpg 300w, /uploads-archive/2014/11/Cloudup-1024x649.jpg 1024w, /uploads-archive/2014/11/Cloudup-228x144.jpg 228w" sizes="(max-width: 630px) 100vw, 630px" /><br />
ここからは僕は使用したことないのですが、<br />
ファイル共有サービスのようで、映像、写真、音楽、リンク、ドキュメントを素早く簡単に共有できるようです。<br />
1000アイテム、200GBまでは無料で使えるようです。<br />
ただ、現在(2014年11月18日)は招待制になっています。<br />
公開されたらぜひ使ってみたいサービスです。</p>
<p><a href="https://cloudup.com/" target="_blank">Cloudup</a></p>
<h3>Simperium</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6336" src="/uploads-archive/2014/11/Simperium-1024x649.jpg" alt="Simperium" width="630" height="399" srcset="/uploads-archive/2014/11/Simperium-1024x649.jpg 1024w, /uploads-archive/2014/11/Simperium-300x190.jpg 300w, /uploads-archive/2014/11/Simperium-228x144.jpg 228w, /uploads-archive/2014/11/Simperium.jpg 1065w" sizes="(max-width: 630px) 100vw, 630px" /><br />
こちらはサービスというかAPIなのでしょうか？<br />
開発者向けのサービスでデータをPC、タブレット、スマホ、のデータを即座に同期させることができるようになるサービスのようです。<br />
上記のサービスで使用しているライブラリの提供といった感じでしょうか。<br />
アクティブユーザーによって月額の費用が変わるようです。</p>
<p><a href="https://simperium.com/" target="_blank">Simperium</a></p>
<h3>BuddyPress</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-6334" src="/uploads-archive/2014/11/BuddyPress.org_-1024x649.jpg" alt="BuddyPress.org" width="630" height="399" srcset="/uploads-archive/2014/11/BuddyPress.org_-1024x649.jpg 1024w, /uploads-archive/2014/11/BuddyPress.org_-300x190.jpg 300w, /uploads-archive/2014/11/BuddyPress.org_-228x144.jpg 228w, /uploads-archive/2014/11/BuddyPress.org_.jpg 1065w" sizes="(max-width: 630px) 100vw, 630px" /><br />
こちらはwordpressのプラグインで、wordpressで作るサイトを<br />
SNSのようなサイトにできるシロモノです。<br />
料金はかかりません！</p>
<p><a href="https://buddypress.org/" target="_blank">BuddyPress.org</a></p>
<p>使い方に関しては以下のリンクを参考にしてください！</p>
<p><a href="http://www.webcreatorbox.com/tech/wordpress-plugin-buddypress/" target="_blank">WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス</a></p>
<p><a href="http://matome.naver.jp/odai/2129933933835561001" target="_blank">WordPressで作るSNS BuddyPressの活用方法 &#8211; NAVER まとめ</a></p>
<p>弊社もLaunchCartというサービス(?)をやっていますが、また新たに違うサービスをやってみたいですね〜</p>


wordpressの生みの親「Automattic」には他にもいいサービスがあった

<p>wordpressで、webhookの通知を受けて自動処理をする仕組みを調べてみました。</p>
<h2>結論から言うと</h3>
<p>wordpressでwebhookの通知を受けるのに、下記hook（両方、もしくはどちらか）を定義して、任意実行したいPHPコードを書けばいいです。<br />
・「wp_ajax_アクションの名前」<br />
・「wp_ajax_nopriv_アクションの名前」</p>
<h2>webhook通知を受ける流れ</h3>
<p>１、（webhookだから他のサイトから）javascriptで/wp-admin/admin-ajax.php?action=hogeをへリスエストする。<br />
※今回ではアクションの名前をhogeとしている。<br />
２、admin-ajax.phpが登録しているhookを探して実行する。<br />
具体的には下記2種類があります。<br />
・「wp_ajax_アクションの名前」：ログインしているユーザ用<br />
・「wp_ajax_nopriv_アクションの名前」：ログインしていないユーザ用<br />
※今回は追加するhookの名前は、「wp_ajax_hoge」と「wp_ajax_nopriv_hoge」になるます。</p>
<p>下記のように、hookを追加することが必要になる。</p>

		<div id="crayon-649540157d1d8717818036" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
add_action( 'wp_ajax_hoge', 'hoge' );
add_action( 'wp_ajax_nopriv_hoge', 'hoge' );
function hoge() {
  // この関数を実装必要
  // 任意phpコード
  // json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157d1d8717818036-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-2">2</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-4">4</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-6">6</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157d1d8717818036-1"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-2"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_nopriv_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-3"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">hoge</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// この関数を実装必要</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 任意phpコード</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>３、hookを実行することは、上記のhoge()関数を実行すること。</p>
<h2>おまけ</h3>
<p>wordpressでは、通知を受けるだけではなく、通知を起こすこともできます。<br />
通知を起こすことができるイベントは公式では、「記事を公開する」、「ページを公開する」、「コメントをする」この３つだけのようです。<br />
<a href="http://en.support.wordpress.com/webhooks/" target="_blank">wordpress webhook</a></p>

【wordpress】webhookを受ける仕組み

<p>タイトルにアメブロとありますが、基本的には外部ブログサイトってことでも大丈夫かとは思いますが、RSSをから自身のサイトに表示することをやりましたので、そちらの方法をご紹介します。</p>
<p>ご紹介といっても、調べて参考にさせていただいた記事の通りやったらすんなり成功できたので簡単な紹介になってしまいますが。</p>
<p>いろいろと方法はあるようですが、僕が見た中では3つの方法がありました。</p>
<p>その中で実際に使ったのは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>を使って表示する方法です。</p>
<h2>Magpie RSSを使ってサイトに表示する</h3>
<p>参考にさせていただいたのは、こちらです。<br />
<a href="http://senoweb.jp/mt/weblog/2012/07/php-amebablog-rss.html" target="_blank">【転載】アメブロ対応::phpで外部ブログRSSを自サイトに組み込んじゃおう</a></p>
<p>本当に書いてある通りですが、僕の場合のスクリプトを一応記載しておきます。</p>
<p></p>

		<div id="crayon-649540157ad11453110703" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">PHP</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;?php
require_once("magpierss/rss_fetch.inc");
define("MAGPIE_CACHE_AGE", 60*30);
define("MAGPIE_CACHE_DIR", "/path/2/cache/");
define("MAGPIE_OUTPUT_ENCODING","UTF-8");
 
// 取得したいRSSのurl 例：アメブロ
$url = "http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml";
$rss = fetch_rss( $url );
$max_lines = 5;
$line = 0;
foreach ($rss-&gt;items as $item) {
    $link = mb_convert_encoding($item['link'],"UTF-8","auto");
    $title = mb_convert_encoding($item['title'],"UTF-8","auto");
    $date = date("Y/m/d", intval($item['date_timestamp']));
    if (preg_match("/^PR:.+$/", $title) != 0) continue;
    if ($line++ == $max_lines) break;
    echo "&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;";
}
 
?&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157ad11453110703-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-2">2</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-4">4</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-6">6</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-8">8</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-10">10</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-12">12</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-14">14</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-16">16</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-18">18</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-20">20</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-21">21</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157ad11453110703-1"><span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-2"><span class="crayon-k ">require_once</span><span class="crayon-sy">(</span><span class="crayon-s">"magpierss/rss_fetch.inc"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-3"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_AGE"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">60</span>*<span class="crayon-cn">30</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-4"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_DIR"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"/path/2/cache/"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-5"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_OUTPUT_ENCODING"</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-6"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-7"><span class="crayon-c">// 取得したいRSSのurl 例：アメブロ</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-8"><span class="crayon-v">$url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-9"><span class="crayon-v">$rss</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">fetch_rss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$url</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-10"><span class="crayon-v">$max_lines</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">5</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-11"><span class="crayon-v">$line</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-12"><span class="crayon-st">foreach</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$rss</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">items </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-v">$item</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$link</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'link'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$title</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'title'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$date</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">"Y/m/d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">intval</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'date_timestamp'</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">preg_match</span><span class="crayon-sy">(</span><span class="crayon-s">"/^PR:.+$/"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$title</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">continue</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$line</span>++<span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-v">$max_lines</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">break</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">"&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-19"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-20"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-21"><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>あとは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>でダウンロードしたフォルダを「magpierss」としてindex.phpの下の階層にアップロードするだけでOKです。</p>
<h2>wordpressを使ってサイトに表示する</h3>
<p>wordpressを使用しているサイトならコチラの方法がいいかもしれないですね。</p>
<p><a href="http://kyasper.com/wordpress-rss/" target="_blank">WordPress（ワードプレス）RSSを使って、外部サイトの更新情報を自分のサイトに表示する | 福島県郡山市のホームページ制作、Web制作　Kyasper Web Design キャスパーウェブデザイン</a></p>
<h2>Google AJAX Feed APIを使ってサイトに表示する</h3>
<p>ページを.htmlでやりたい！という方はこちらがいいと思います。<br />
Googleさんが提供しているapiを使用する方法になります。</p>
<p><a href="http://www.magical-remix.co.jp/magicalog/archives/1570" target="_blank">Google AJAX Feed APIでフィードを読み込む | Magicalog</a></p>
<p><a href="http://zxcvbnmnbvcxz.com/jquery-google-feed-api/" target="_blank">簡単！RSS（XML）を取得&amp;表示させる方法 – jQuery + Google Feed APIを使用してFeedを表示させる方法 | Stronghold</a></p>
<p>前にxmlを読み込んで表示させたことはあったのですが、<br />
rssとなると方法は変わってくるんですね〜</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #wordpress

2018/03/05

2018/02/21

2017/07/11

2016/07/27

2016/06/08

2016/04/27

2016/03/02

2015/09/02

2015/09/01

2015/03/21

2015/03/18

2015/01/27

2015/01/14

2014/12/17

2014/11/19

2014/10/08

2014/08/20

2014/06/25