<?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>DAICHIFIVE blog</title>
	<atom:link href="http://blog.daichifive.com/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.daichifive.com</link>
	<description>WEB DESIGNER FROM HELL</description>
	<lastBuildDate>Mon, 02 Apr 2018 03:33:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.3.32</generator>
	<item>
		<title>これまでWordPress Plugin Directoryで発見した良質プラグインを紹介するぜ　2013 Summer Vacation</title>
		<link>http://blog.daichifive.com/archives/1742</link>
		<comments>http://blog.daichifive.com/archives/1742#comments</comments>
		<pubDate>Thu, 08 Aug 2013 10:13:16 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1742</guid>
		<description><![CDATA[これまでWordPress Plugin Directoryで発見したプラグインから、使えるものを厳選して紹介します。]]></description>
				<content:encoded><![CDATA[<p>まだ生まれてから一度も飛行機に乗ったことがないですけど、WordPress Plugin Directoryを、何のアテもなくフラフラとさまよい、良いプラグインがないか探す旅に出ることがあります。まあ、ホント、どうしようもなくヒマで、他に何もやることがないときしか旅しませんけど。おかけで、たまーに、あまり日本語の情報が出回っていない良質プラグインを見つけることがあります。今回は、そんな放浪の旅で出会ったプラグイン達を紹介します。ちなみに、すごく昔に見つけたプラグインなんかは、このブログで何度も取り上げていたり、既に日本でもメジャーになってるものもあるので、そこらへんは目をつぶってください。</p>

<h3>Attachments</h3>
<p><a href="http://wordpress.org/plugins/attachments/">http://wordpress.org/plugins/attachments/</a></p>
<p>今回の記事を書くキッカケになった、2013年の大発見プラグイン。メディアを記事やページに紐付けて、タイトル・キャプション・並び順などを管理できるプラグイン。一般的なギャラリープラグインのように画像を表示させるのではなく、テンプレート側で画像を呼び出すコードが提供されるものです。商品ページの画像一覧部分などに使用すれば、クライアントが商品画像の追加・削除・並べ替えなどを、カスタムフィールドを使うよりも柔軟に行えます。いつのまにか仕様変更されてギャラリーのmenu_orderが設定できなくなったと嘆く人たちの救世主です。</p>

<h3>Simple Google Connect</h3>
<p><a href="http://wordpress.org/plugins/simple-google-connect/">http://wordpress.org/plugins/simple-google-connect/</a></p>
<p>記事を投稿した際に、Google+にも自動で投稿できるようになります。このプラグインを発見する前は、HootSuiteというサービスを利用してブログの記事をGoogle+に投稿していたのですが、それだけのためにクライアントにHootSuiteを使わせるのも、ねえ。同じ作者によるSimple Facebook Connectというプラグインも、facebookに投稿したいとき便利です。それにしても最近、twitterやfacebookへのみなさんの投稿が少なくなった気が・・・。Google+なんて身近にやってる人ぜんぜんいない。最初からいない。</p>

<h3>UpdraftPlus</h3>
<p><a href="http://wordpress.org/plugins/updraftplus/">http://wordpress.org/plugins/updraftplus/</a></p>
<p>Google Driveにバックアップできるプラグインを探していて発見。wp-content内のファイルやDBのデータを一式、定期的にバックアップしてくれるプラグインです。GoogleDriveだけではなく、さまざまなクラウド・ストレージにも対応。個人的には、データベースを定期的に最適化する別のプラグインとセットで使用しています。</p>

<h3>Duplicator</h3>
<p><a href="http://wordpress.org/plugins/duplicator/">http://wordpress.org/plugins/duplicator/</a></p>
<p>wordpressを別の環境へ移すためのプラグイン。テスト環境で構築したものを、本番環境に移すときに使うのかな。「かな」というのは、まだ自分では使ったことがないからです。とりあえず発見して、目星を付けているレベルです。</p>

<h3>Imsanity</h3>
<p><a href="http://wordpress.org/plugins/imsanity/">http://wordpress.org/plugins/imsanity/</a></p>
<p>プラグイン名から用途がまったく判別できないので、見つけたのが奇跡のプラグイン。画像をアップロードする際に、オリジナル画像を自動で縮小してくれます。デジカメで撮影した写真をそのままアップしていると、画像の横幅が4000pxとかになると思うのですが、もう、これは記事内で絶対に使うことのないサイズです。最近は、サーバの容量も大きいのであまり気にする必要はないかもしれませんが、バックアップとるのも時間かかるし、何よりムダなので、ムダを無くすのは良いことだと思います。でも、世の中に、本当にムダなものなんてひとつもないよね。</p>

<h3>Advanced Custom Fields</h3>
<p><a href="http://wordpress.org/plugins/advanced-custom-fields/">http://wordpress.org/plugins/advanced-custom-fields/</a></p>
<p>現在では、定番中の定番プラグインです。発見当時は「Custom Field Template」や「Custom Field GUI Utility」が有名でしたので、ちょっと得意です。</p>

<h3>WordPress SEO by Yoast</h3>
<p><a href="http://wordpress.org/plugins/wordpress-seo/">http://wordpress.org/plugins/wordpress-seo/</a></p>
<p>現在でも、そこまで定番かは疑問ですが。発見当時は「All in One SEO Pack」が有名でしたので、ちょっと得意です。</p>

<p>&nbsp;</p>

<p>先日、「WordBenchしずおか」というものに恐る恐る参加してみたところ、「WP SiteManager」や「WP Total Hacks」が定番中の定番であると聞かされました。自分は「WP SiteManager」をまったく知らなかったのですが、会場にいたほとんどの人が知っていたので、おそらくドッキリではないようです。また、「WP Total Hacks」は、以前から名前は知っていましたが、ネーミングから想像していたものとは違い、ものすごく便利なプラグインでした。ホント、先入観念って怖いですよね。これからも、知らないプラグインをどんどん試していけたらな、と考えています。</p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>この本、WordBenchしずおかで、ジャンケンに勝った人がもらってました。いいな。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1742/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter API 1.1をwordpress + abraham/twitteroauthで使う方法</title>
		<link>http://blog.daichifive.com/archives/1681</link>
		<comments>http://blog.daichifive.com/archives/1681#comments</comments>
		<pubDate>Tue, 19 Feb 2013 15:53:30 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[wordpress テンプレート]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1681</guid>
		<description><![CDATA[wordpressサイトでTwitterを取得して表示したい場合に使える、簡単な方法をメモ。]]></description>
				<content:encoded><![CDATA[<h3>前回までのあらすじ</h3>
<p><a href="http://blog.daichifive.com/archives/1662">前回の記事</a>で、Twitter API 1.1をwordpressプラグインで済ませようとしたDAICHIFIVE。ところが、ユーザータイムラインしか取得できなかったので、結局、あきらめて自分でやることにしたのだった。</p>

<h3>functions.php</h3>
<pre>// Twitter取得
function getTwitterApi($apipath, $parameters = array()) {
    require_once(dirname(__FILE__).&quot;/twitteroauth/twitteroauth.php&quot;);
 
    $consumer_key = &quot;xxxxxxxxxx&quot;;
    $consumer_secret = &quot;xxxxxxxxxx&quot;;
    $access_token = &quot;xxxxxxxxxx&quot;;
    $access_token_secret = &quot;xxxxxxxxxx&quot;;
    
    $connection = new TwitterOAuth($consumer_key,$consumer_secret,$access_token,$access_token_secret);
    $result = $connection-&gt;get($apipath, $parameters);
    return $result;
}
 
// Twitterテキスト置換
function twitterTextReplace($text) {
    $text = preg_replace(&quot;/(https?:\/\/)(?!srash.info)([-_.!~*&#039;()a-zA-Z0-9;\/?:\@&amp;=+\$,%#]+)/&quot;, &quot;&lt;a href=\&quot;\\1\\2\&quot; target=\&quot;_blank\&quot; rel=\&quot;nofollow\&quot;&gt;\\1\\2&lt;/a&gt;&quot;, $text);
    $text = preg_replace(&quot;/(https?:\/\/srash.info)([-_.!~*&#039;()a-zA-Z0-9;\/?:\@&amp;=+\$,%#]+)/&quot;, &quot;&lt;a href=\&quot;\\2\&quot;&gt;\\1\\2&lt;/a&gt;&quot;, $text);
    $text = preg_replace(&quot;/(?&lt;![0-9a-zA-Z&#039;\&quot;#@=:;])@([0-9a-zA-Z_]{1,15})/u&quot;, &quot;@&lt;a href=\&quot;http://twitter.com/\\1\&quot;&gt;\\1&lt;/a&gt;&quot;, $text);
    $text = preg_replace(&quot;/(?&lt;![0-9a-zA-Z&#039;\&quot;#@=:;])#(\w*[a-zA-Z_])/u&quot;, &quot;&lt;a href=\&quot;http://search.twitter.com/search?q=%23\\1\&quot;&gt;#\\1&lt;/a&gt;&quot;, $text);
    return $text;
}</pre>
<p>お使いのテーマのfunctions.phpに、上記をコピペ。$consumer_keyなどの「xxxxxxxxxx」となっている箇所は、ご自分のtwitterアカウントでアプリケーション登録して取得してください。</p>
<p>あらかじめ<a href="https://github.com/abraham/twitteroauth">abraham/twitteroauth</a>をダウンロードして「twitteroauth」フォルダをテーマフォルダに入れておきます。上記コードでは、テーマフォルダ直下にtwitteroauthフォルダを置いています。</p>
<p>ツイートテキストのURLやハッシュタグなどの置換は、<a href="http://twihelp.me/hyu35">こちらのページ</a>を参考にさせていただきました。日本語のハッシュタグに対応してないけど許して。</p>

<h3>使用例：ハッシュタグで検索</h3>
<pre>&lt;?php
    $ur = &quot;https://api.twitter.com/1.1/search/tweets.json&quot;;
    $pa = array(&quot;q&quot; =&gt; &quot;#wordpress&quot;, &quot;count&quot; =&gt; &quot;5&quot;, &quot;lang&quot; =&gt; &quot;ja&quot;);
    $result = getTwitterApi($ur, $pa);
    foreach($result-&gt;statuses as $status){
        $text = twitterTextReplace($status-&gt;text);
        echo &#039;&lt;li&gt;&#039;;
        echo &#039;&lt;p class=&quot;twitter_icon&quot;&gt;&lt;a href=&quot;http://twitter.com/&#039;.$status-&gt;user-&gt;screen_name.&#039;&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;&#039;.$status-&gt;user-&gt;profile_image_url.&#039;&quot; alt=&quot;icon&quot; width=&quot;46&quot; height=&quot;46&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&#039;;
        echo &#039;&lt;div class=&quot;twitter_tweet&quot;&gt;&lt;p&gt;&lt;span class=&quot;twitter_content&quot;&gt;&#039;.$text.&#039;&lt;/span&gt;&lt;span class=&quot;twitter_date&quot;&gt;&#039;.$status-&gt;created_at.&#039;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&#039;;
        echo &quot;&lt;/li&gt;\n&quot;;
    }
?&gt;</pre>
<p>たとえば、上記のコードをテンプレートファイル内にコピペすれば、#wordpressというハッシュタグのついたツイートを5件取得してリストタグで表示します。</p>
<p>$urにAPIのurlを。$paにパラメータを入れます。詳しくは<a href="https://dev.twitter.com/docs/api/1.1">REST API v1.1 Resources</a>を見てください。jsonの構造などもそちらに掲載されています。</p>

<h3>感想</h3>
<p>他のサイトでも、<a href="https://github.com/abraham/twitteroauth">abraham/twitteroauth</a>を使ったコードのサンプルがいくつかありましたが、最新版ではなかったのか、関数名などが変わっていて上手くいかなかったので、結局、公式ドキュメントをエキサイト翻訳することになりました。イエス、アイ、キャン。</p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>英検3級ですけど、何か？</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1681/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter API 1.1でタイムラインを取得するwordpressプラグイン「oAuth Twitter Feed for Developers」</title>
		<link>http://blog.daichifive.com/archives/1662</link>
		<comments>http://blog.daichifive.com/archives/1662#comments</comments>
		<pubDate>Thu, 14 Feb 2013 04:36:07 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1662</guid>
		<description><![CDATA[wordpressサイトでtwitterのユーザータイムラインを取得するときに使える、ちょっぴり便利なプラグインを紹介します。]]></description>
				<content:encoded><![CDATA[<p>追記：<a href="http://blog.daichifive.com/archives/1681 ">Twitter API 1.1をwordpress + abraham/twitteroauthで使う方法</a>という記事を書きました。こちらのほうが簡単です。</p>

<p>Twitter APIを1から1.1に移行するタイムリミットが迫ってきました。今まではjQueryで取得していたのですが、せっかくだし、なんか良いプラグインないかなーと探していたら、ちょうどいいやつがあったのでメモ。</p>
<h3>oAuth Twitter Feed for Developersって？</h3>
<p>Twitter API 1.1のoAuth認証でタイムラインを手軽に取得できる<a href="https://github.com/stormuk/storm-twitter">StormTwitter</a>のwordpressプラグインバージョンです。使用してみましたが、10の労力が9になるイメージでした。まあ、その1が大きいと思って使えば、お互いハッピーだよね。</p>
<p><a href="http://wordpress.org/extend/plugins/oauth-twitter-feed-for-developers/">oAuth Twitter Feed for Developers</a></p>
<h3>使い方</h3>
<ol>
<li>プラグインをインストール・有効化</li>
<li><a href="https://dev.twitter.com/apps">https://dev.twitter.com/apps</a>からアプリケーション登録。</li>
<li>wordpressの管理画面から、Consumer keyなどを入力。</li>
<li>getTweets()でタイムラインを取得。</li>
<li>取得したデータを整形して出力。</li>
</ol>
<p>アプリケーションの登録時、「name」「Description」「Website」を入力して作成。あとは「Recreate my access token」をクリックして、その他は初期値のままで大丈夫です。</p>
<p>getTweets()のパラメータは<a href="https://dev.twitter.com/docs/api/1.1/get/statuses/user_timeline">GET statuses/user_timeline</a>を参考に。取得したデータの整形は、<a href="https://github.com/stormuk/storm-twitter-for-wordpress/wiki/Example-code-to-layout-tweets">Example code to layout tweets</a>を参考に。</p>
<h3>感想</h3>
<p>これは、あんまり流行らない気がします。でも、気づいたら使ってる、みたいな。</p>
<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>ごめんね、JavaScriptギャグで。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1662/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpressで小規模企業サイトを作るときの手順を公開するぜ2013 NEW YEAR</title>
		<link>http://blog.daichifive.com/archives/1625</link>
		<comments>http://blog.daichifive.com/archives/1625#comments</comments>
		<pubDate>Thu, 31 Jan 2013 10:26:55 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>
		<category><![CDATA[ワークフロー]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1625</guid>
		<description><![CDATA[wordpressで企業サイトを制作した際に、実際におこなったこととその手順。]]></description>
				<content:encoded><![CDATA[<p>小規模企業サイトを制作する際に、wordpressを選択することは多いと思います。今回は、実際に僕が制作したときの作業手順などを備忘録的に記載します。それぞれの細かいやり方は自分で調べてね。</p>
<h3>事前準備</h3>
<p>サイト全体の構成を把握して、どれを固定ページにするか、カスタム投稿タイプやカスタム分類は必要か、URLをどうするか、どのプラグインが必要かなどを考えておきます。</p>
<h3>インストール</h3>
<ol>
	<li>MySQLデータベースを作成</li>
	<li>最新版のwordpress本体を<a href="http://ja.wordpress.org/">wordpress日本語サイト</a>から入手</li>
	<li>wp-config.phpを編集</li>
	<li>ファイル一式をサーバへアップロード</li>
	<li>ブラウザからインストール画面を出す</li>
	<li>初期ユーザを作成して管理画面へ</li>
	<li>とりあえずWP Multibyte Patchを有効化</li>
	<li><a href="http://wordpress.org/extend/plugins/ultimate-maintenance-mode/">Ultimate Maintenance Mode</a>を入れてサイトを非公開にする</li>
	<li>wp-config.phpのパーミッションを404に変更</li>
</ol>
<h3>構造設定</h3>
<ol>
	<li><a href="http://wordpress.org/extend/plugins/custom-post-type-ui/">Custom Post Type UI</a>を入れて必要なカスタム投稿タイプとカスタム分類を作成</li>
	<li><a href="http://wordpress.org/extend/plugins/custom-post-type-permalinks/">Custom Post Type Permalinks</a>を入れてパーマリンクを設定</li>
	<li>必要な固定ページをひとまず空で作成して、ページのパーマリンクを設定。</li>
	<li>表示設定からフロントページと投稿ページを設定</li>
	<li><a href="http://wordpress.org/extend/plugins/wordpress-seo/">WordPress SEO by Yoast</a>を入れて投稿タイプごとのタイトル設定や不要なページをnoindexに設定</li>
<li>SSLページが必要なら<a href="http://wordpress.org/extend/plugins/wordpress-https/">WordPress HTTPS</a>を入れる</li>
</ol>
<h3>投稿設定</h3>
<ol>
	<li><a href="http://wordpress.org/extend/plugins/advanced-custom-fields/">Advanced Custom Fields</a>を入れてカスタムフィールドと投稿画面の項目を設定</li>
	<li>メディア設定から画像サイズを設定</li>
	<li><a href="http://wordpress.org/extend/plugins/imsanity/">Imsanity</a>を入れて投稿画面からアップロードした画像の最大サイズを設定（メディアからアップロードしたときにリサイズをしないように設定しておけば、大きい画像をアップしたいときも安心）</li>
	<li><a href="http://wordpress.org/extend/plugins/ps-disable-auto-formatting/">PS Disable Auto Formatting</a>を入れて自動整形を停止</li>
	<li><a href="http://wordpress.org/extend/plugins/tinymce-advanced/">TinyMCE Advanced</a>を入れて設定項目から自動整形を停止＆必要なボタンを設定（上記2つのプラグインを入れることで、投稿画面のビジュアルとテキストを交互に切り替えてもタグが消えなくなる）</li>
	<li><a href="http://wordpress.org/extend/plugins/ps-taxonomy-expander/">PS Taxonomy Expander</a>を入れてカテゴリ並び替えや単一選択ができるよう設定</li>
</ol>
<h3>バックアップ設定</h3>
<ol>
	<li>DBの圧迫を避けるためリビジョン保存件数を制限</li>
	<li>限りあるリビジョンを有効に使うため自動保存を停止もしくは間隔を空ける</li>
	<li><a href="http://wordpress.org/extend/plugins/wp-database-optimizer/">WP Database Optimizer</a>を入れてMySQLを自動で最適化するよう設定</li>
	<li><a href="http://wordpress.org/extend/plugins/updraftplus/">UpdraftPlus Backup</a>を入れてファイルとDBを自動バックアップするよう設定（Google Driveを使えるのが嬉しい）</li>
</ol>
<h3>テーマ作成</h3>
<ol>
	<li>プロトタイプとして静的HTMLで基本的なページを作成</li>
	<li><a href="http://wpdocs.sourceforge.jp/Main_Page">WordPress Codex 日本語版</a>で調べながらプロトタイプをベースにテーマファイルを作成（ここが一番楽しいところ）</li>
</ol>
<p>テーマファイルの作成は、固定ページや投稿の中身を入れたり、<a href="http://wordpress.org/extend/plugins/contact-form-7/">Contact Form 7</a>や<a href="http://wordpress.org/extend/plugins/prime-strategy-bread-crumb/">Prime Strategy Bread Crumb</a>や<a href="http://wordpress.org/extend/plugins/only-tweet-like-share-and-google-1/">Tweet, Like, Google +1 and Share</a>などの表示に関するプラグイン導入などと並行しながら進めていきます。導入するプラグインは必要に応じて適宜選択します（プラグイン選定も楽しみのひとつ）。</p>
<h3>アクセスアップ関連</h3>
<ol>
	<li>sitemap.xmlを作成（<a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">Google XML Sitemaps</a>や<a href="http://wordpress.org/extend/plugins/google-mobile-sitemap/">Google XML Sitemap for Mobile</a>もしくは<a href="http://wordpress.org/extend/plugins/wordpress-seo/">WordPress SEO by Yoast</a>の機能を使うと便利）</li>
	<li>twitterとの連携（<a href="http://wordpress.org/extend/plugins/wp-to-twitter/">WP to Twitter</a>が便利）</li>
	<li>facebookとの連携（プラグインもしくは、面倒ならtwitterと直接連携）</li>
	<li>Google+との連携</li>
	<li>コメント欄をfacebookにしたり</li>
	<li>アクセス解析入れたり</li>
	<li>フィードにアイキャッチ画像入れたり</li>
</ol>
<h3>ほか</h3>
<ol>
	<li>普段の更新用に編集者権限ユーザー作ったり</li>
	<li>faviconをアニメーションGIFにしたり</li>
	<li>管理画面のロゴ変えたり</li>
	<li>タバコ吸ったり</li>
</ol>
<h3>最後に</h3>
<p>まだ色々あったかもしれないけど、時間ないから書くのやーめた。</p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>あとメディアクエリやったり</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1625/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>レンタルサーバのデータ消失対策に！wordpressサイトをGoogle Driveに自動バックアップする方法</title>
		<link>http://blog.daichifive.com/archives/1555</link>
		<comments>http://blog.daichifive.com/archives/1555#comments</comments>
		<pubDate>Tue, 26 Jun 2012 01:16:50 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>
		<category><![CDATA[リスク管理]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1555</guid>
		<description><![CDATA[Backupプラグインを使って、GoogleDriveにwordpressサイトを自動でバックアップします。]]></description>
				<content:encoded><![CDATA[<p style="padding-bottom:50px;margin-bottom:50px;border-bottom:solid 1px #ccc;">追記：<br />個人的には今回紹介するプラグインではなく、<a href="http://wordpress.org/extend/plugins/updraftplus/">UpdraftPlus Backup</a>というプラグインのほうが良かったので、今はそちらを使っています。Google DriveのOAuth2.0認証などは、この記事とだいたい同じやり方です。</p>

<p>つい最近も、大手レンタルサーバ業者にてトラブルが発生しました。サーバ上のデータが突然すべて消えるなど、深刻なダメージがあったようです。サーバー上のデータがバックアップ含め全て消えたため、別の場所にバックアップを保存していたかどうかが明暗を分けたようです（といっても、本当に深刻なのはウェブのデータよりも、メールやグループウェアのデータだと思いますが）。というわけで今回は、wordpressサイトをGoogle Driveに自動でバックアップする方法を紹介したいと思います。</p>
<h3>必要なもの</h3>
<ul>
	<li>Google Drive</li>
	<li>Backupプラグイン</li>
	<li>Imsanityプラグイン（任意）</li>
	<li>リビジョンと自動保存の設定（任意）</li>
	<li>WP Database Optimizerプラグイン（任意）</li>
</ul>
<p>とにかく、一度設定したら後は手間がかからないように、自動でできることは自動でやってもらうことにします。また、なぜGoogle Driveかというと、僕がウェブサイトを制作する際は、ほぼGoogle Analyticsを導入するため、同じアカウントで利用できる（そして、まだ未使用の）オンラインストレージがGoogle Driveだからです。DropBoxは、すでに他の用途で使用してる人も多いので。</p>
<p>ちなみに、Google Drive以外のオンラインストレージを使いたい人は、もっと良いプラグインがありますので、そちらを使ってください。<br /> <a href="http://wordpress.org/extend/plugins/backwpup/">http://wordpress.org/extend/plugins/backwpup/</a></p>
<p>&nbsp;</p>
<h3>Backupプラグインのインストール</h3>
<p>まずは以下のURLからBackupプラグインをインストールしてください。<br /> <a href="http://wordpress.org/extend/plugins/backup/">http://wordpress.org/extend/plugins/backup/</a></p>
<p>執筆時点の最新版2.0にはデータベースのバックアップファイルが作成されないバグがあります。自動インストールしたバージョンが2.0であれば、<a href="http://wordpress.org/support/topic/plugin-backup-sql-file-not-backing-up">こちらのトピック</a>の下の方にある書き込みから修正版(2.0.1)がダウンロードできますので、手動でインストールしてください。<br>
<img class="alignnone size-full wp-image-1560" title="016" src="http://blog.daichifive.com/wp-content/uploads/016.png" alt="" width="600" height="231" /></p>
<p>&nbsp;</p>
<h3>Google Driveの開始とOAuth2.0認証</h3>
<p>以下のURLからGoogle Driveを開始します。<br /> <a href="https://drive.google.com/start">https://drive.google.com/start</a></p>
<p>次にGoogle Driveをプラグインから操作できるようにOAuth2.0認証を行います。以下のURLにアクセスしてください。<br /><a href="https://code.google.com/apis/console/">https://code.google.com/apis/console/</a><br /> <img class="alignnone size-full wp-image-1566" title="006" src="http://blog.daichifive.com/wp-content/uploads/006.png" alt="" width="362" height="341" /><br />青いボタンをクリック。</p>
<p><img class="alignnone size-full wp-image-1567" title="007" src="http://blog.daichifive.com/wp-content/uploads/007.png" alt="" width="558" height="292" /><br />API Accessをクリック。</p>
<p><img class="alignnone size-full wp-image-1568" title="008" src="http://blog.daichifive.com/wp-content/uploads/008.png" alt="" width="558" height="292" /><br /> 青いボタンをクリック。</p>
<p><img class="alignnone size-full wp-image-1573" title="009" src="http://blog.daichifive.com/wp-content/uploads/009.png" alt="" width="600" height="399" /><br /> プロジェクト名に好きな名前をつけてください。その下の画像は設定しなくてもいいです。</p>
<p><img class="alignnone size-full wp-image-1574" title="010" src="http://blog.daichifive.com/wp-content/uploads/010.png" alt="" width="600" height="522" /><br /> 最初の項目はweb applicationにチェックが入っていればOK。Redirect URIsには、</p>
<pre>http://wordpressインストールディレクトリ/wp-admin/options-general.php?page=backup&amp;action=auth</pre>
<p>と、入力。JavaScript originsにはURLを入力。</p>
<p><img class="alignnone size-full wp-image-1575" title="011" src="http://blog.daichifive.com/wp-content/uploads/0111.png" alt="" width="600" height="303" /><br />きちんと登録されました。赤枠のClient IDとClient secretを使います。</p>
<p><img class="alignnone size-full wp-image-1578" title="0001" src="http://blog.daichifive.com/wp-content/uploads/0001.png" alt="" width="312" height="321" /><br /> wordpress管理画面の「設定」→「Backup」をクリック。</p>
<p><img class="alignnone size-full wp-image-1579" title="012" src="http://blog.daichifive.com/wp-content/uploads/012.png" alt="" width="600" height="280" /><br /> Authorizationのところに先ほどのClient IDとClient secretを入力。</p>
<p><img class="alignnone size-full wp-image-1580" title="13" src="http://blog.daichifive.com/wp-content/uploads/132.png" alt="" width="600" height="257" /><br />上記画面が出たらアクセスを許可。リダイレクトURIが間違っているとエラーになるので、その際はエラー画面に表示されるURLをコピペして、もう一度リダイレクトURIを設定してください。</p>
<p>&nbsp;</p>

<h3>Backupの設定</h3>
<p><img class="alignnone size-full wp-image-1582" title="014" src="http://blog.daichifive.com/wp-content/uploads/014.png" alt="" width="600" height="705" /><br /> ようやくプラグインの設定です。上記画像の赤枠の部分を設定していきます。見れば大体わかると思いますが、以下に詳しい説明を載せておきます。</p>
<h4>Local folder path</h4>
<p>Local folder pathは、バックアップデータを保存する場所です。デフォルトでは「wp-content/backup」になっていますので、特に希望がなければそのままでOKです。</p>
<p>上記で設定したフォルダが存在しないと、バックアップが行われません。バックアップ用のフォルダを手動で作成してください。デフォルトの設定であれば、「wp-content」ディレクトリに「backup」というフォルダを作成すればOKです。</p>
<p>そのままだと、backupフォルダ内のファイルに直接アクセスされると誰でもデータを取得できてしまうので、制限をかけます。backupフォルダ内に.htaccessファイルを以下の内容で作成してください。</p>
<pre>&lt;Files ~ ".*\..*"&gt;
order allow,deny
deny from all
&lt;/Files&gt;</pre>
<p>これでLocal folder pathに関する設定は完了です。</p>
<h4>Drive folder ID</h4>
<p>Google Driveにバックアップする際のフォルダを指定できます。</p>
<p><img src="http://blog.daichifive.com/wp-content/uploads/005.png" alt="" title="005" width="600" height="330" class="alignnone size-full wp-image-1597" /><br>Drive folder IDには、Google Drive上で希望するフォルダを開いた時、アドレスバーの#folders/の後に続く文字列を入力します（上の図の赤枠部分）。フォルダ名をそのまま入力しても動作しないので注意してください。</p>
<h4>Store a maximum of</h4>
<p>ローカルとGoogle Driveへのバックアップ保存数をそれぞれ指定します。僕はとりあえず3の10にしました。</p>
<h4>When to back up</h4>
<p>自動バックアップする間隔です。理想はDailyですが、負荷がかかるので更新頻度が少なければWeeklyやMonthlyでも。</p>
<h4>What to back up</h4>
<p>どこをバックアップするかです。デフォルトではDatabase、Content、Uploads、Pluginsの4つにチェックが入っていますが、Contentの中にUploadsとPluginは入っているので、僕はDatabase、Contentの2つだけチェックを入れています。</p>
<p>その他の項目はお好みでどうぞ。最後に設定を保存してください。プラグインの設定はこれでOKです。Manual backup URLにアクセスすると、その場でバックアップファイルが作成されます。一度、きちんと保存されているかチェックすることをオススメします。</p>
<p>&nbsp;</p>

<h3>Imsanityプラグインの導入</h3>
<p>写真などを頻繁にアップしていると、Uploadsフォルダの容量が大きくなります。Imsanityプラグインを用いることで、元画像を自動的にリサイズして容量を抑えることができます。</p>
<p>使い方：<a href="http://blog.daichifive.com/archives/1488">大きな画像を自動でリサイズしてくれるwordpressプラグイン「Imsanity」</a></p>
<p>&nbsp;</p>

<h3>自動保存とリビジョンの設定</h3>
<p>wordpressにはリビジョン機能がついていますが、そのままだと大量のリビジョンが保存されてデータベースが圧迫されます。wp-config.phpファイルのwp-settings.phpを読み込む前に以下を追記します。</p>
<pre>define(&#039;WP_POST_REVISIONS&#039;, 5);</pre>
<p>上記はリビジョンの保存件数を5件にする場合です。5を10に変えたり、自由に指定してください。</p>
<p>で、wordpressには記事の自動保存機能がついていて、記事の編集画面でたしか1分おきに自動保存されています。便利ですが、数少ないリビジョンをそんなところで使いたくないので、自動保存の間隔を開けます。さっきのコードと同じ位置に以下を追記します。</p>
<pre>define(&#039;AUTOSAVE_INTERVAL&#039;, 3600);</pre>
<p>自動保存の間隔を3600秒にしています。増やすも減らすも自由にどうぞ。</p>
<p>すでにリビジョンが溜まっている人は以下を参考に。<br>
<a href="http://www.imaginationdesign.jp/blog/wordpress/1582/">WordPressで「リビジョン」と「自動保存」を止める方法＋過去のリビジョンも削除する方法｜IMAGINATION DESIGN BLOG</a></p>
<p>&nbsp;</p>

<h3>WP Database Optimizerプラグインの導入</h3>
<p>定期的にデータベースを最適化して、容量をスッキリさせたいですよね。それを自動で行うのがWP Database Optimizerプラグインです。データベースを最適化するプラグインは多数ありますが、インストールすれば後は全部勝手にやってくれるのが、このプラグインの良いところです。</p>
<p><a href="http://wordpress.org/extend/plugins/wp-database-optimizer/">http://wordpress.org/extend/plugins/wp-database-optimizer/</a></p>

<p>&nbsp;</p>

<h3>最後にひとこと</h3>
<p><a href="http://wordpress.org/extend/plugins/backwpup/">BackWPup</a>プラグインがGoogle Driveに対応したら、そっちに乗り換えます。</p></p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>クラウドってなんか信用できない。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1555/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2012年春。wordpressで企業サイト制作時に導入したいプラグイン13選</title>
		<link>http://blog.daichifive.com/archives/1526</link>
		<comments>http://blog.daichifive.com/archives/1526#comments</comments>
		<pubDate>Wed, 02 May 2012 03:00:02 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1526</guid>
		<description><![CDATA[2012年春。今後wordpressで企業サイトを構築する際に、導入を検討したいプラグインを厳選しました。]]></description>
				<content:encoded><![CDATA[<p>ちょっと前に、wordpressの知らないプラグインを発掘する大会をひとりで開催。<a href="http://wordpress.org/extend/plugins/">wordpress Plugin Directory</a>と<a href="http://honyaku.yahoo.co.jp/">ヤフー翻訳</a>をそれぞれタブで開き、英検3級のDAICHIFIVEさん宅でしめやかに執り行なわれました。・・・で、今後、企業サイト製作時に必ず導入を検討するプラグインリストを作成。全部で13個あったのでABC順に紹介します。</p>

<h3>Advanced Custom Fields</h3>
<p><a href="http://wordpress.org/extend/plugins/advanced-custom-fields/">http://wordpress.org/extend/plugins/advanced-custom-fields/</a><br>
<a href="http://blog.daichifive.com/archives/1496">以前、紹介記事を書きました</a>。カスタムフィールドを劇的に使いやすくするプラグインです。カスタムフィールド系のプラグインでは文句なく最強です。</p>

<h3>Contact Form 7</h3>
<p><a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br>
説明不要のメールフォームプラグイン。使いやすいうえに、日本語での解説も多いので、みんなうれしいプラグイン。</p>

<h3>Custom Post Type UI</h3>
<p><a href="http://wordpress.org/extend/plugins/custom-post-type-ui/">http://wordpress.org/extend/plugins/custom-post-type-ui/</a><br>
カスタム投稿タイプとカスタム分類を管理するプラグイン。上級者はfunctions.phpに直接コードを書く場合が多いと思いますが、僕は管理しやすさからこちらを使用しています。</p>

<h3>Google Analytics for WordPress</h3>
<p><a href="http://wordpress.org/extend/plugins/google-analytics-for-wordpress/">http://wordpress.org/extend/plugins/google-analytics-for-wordpress/</a><br>
アクセス解析コードを挿入してくれるプラグイン。ログイン中はカウントしないようにできます。ユーザーの権限などによっても設定できるのが気に入ってます。</p>

<h3>Google XML Sitemaps</h3>
<p><a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">http://wordpress.org/extend/plugins/google-sitemap-generator/</a><br>
sitemap.xmlファイルを出力してくれるプラグイン。カスタム投稿タイプなども対応していて細かい設定ができるので好き。</p>

<h3>Imsanity</h3>
<p><a href="http://wordpress.org/extend/plugins/imsanity/">http://wordpress.org/extend/plugins/imsanity/</a><br>
<a href="http://blog.daichifive.com/archives/1488">以前、紹介記事を書きました</a>。デジカメ画像をそのままアップしたい時などに画像を自動でリサイズしてくれます。これまで使ったどのリサイズ系のプラグインよりも便利でした。</p>

<h3>Login LockDown</h3>
<p><a href="http://wordpress.org/extend/plugins/login-lockdown/">http://wordpress.org/extend/plugins/login-lockdown/</a><br>
セキュリティ強化プラグイン。指定した回数パスワードを間違えるとロックをかけることができます。</p>

<h3>PS Disable Auto Formatting</h3>
<p><a href="http://wordpress.org/extend/plugins/ps-disable-auto-formatting/">http://wordpress.org/extend/plugins/ps-disable-auto-formatting/</a><br>
自動整形を停止するプラグイン。後述するTinyMCE Advancedと組み合わせることで、あなたはwordpressのリッチエディタとHTMLエディタの真の姿を目撃する。</p>

<h3>PS Taxonomy Expander</h3>
<p><a href="http://wordpress.org/extend/plugins/ps-taxonomy-expander/">http://wordpress.org/extend/plugins/ps-taxonomy-expander/</a><br>
タクソノミーを使いやすくするプラグイン。記事のカテゴリ選択をラジオボタンにするなど、細かいけれど絶大な破壊力を秘めたプラグイン。</p>

<h3>TinyMCE Advanced</h3>
<p><a href="http://wordpress.org/extend/plugins/tinymce-advanced/">http://wordpress.org/extend/plugins/tinymce-advanced/</a><br>
リッチエディタを使いやすくします。自動整形の防止にも役立ちます。PS Disable Auto Formattingとセットで、クイックタイム＋シャドウサーバントくらいの効果があります。</p>

<h3>WordPress SEO by Yoast</h3>
<p><a href="http://wordpress.org/extend/plugins/wordpress-seo/">http://wordpress.org/extend/plugins/wordpress-seo/</a><br>
<a href="http://blog.daichifive.com/archives/1406">以前、紹介記事を書きました</a>。wordpressのSEOに便利な機能がいろいろはいってます。</p>

<h3>WP-DBManager</h3>
<p><a href="http://wordpress.org/extend/plugins/wp-dbmanager/">http://wordpress.org/extend/plugins/wp-dbmanager/</a><br>
データベースのバックアッププラグイン。バックアップ、メール送信、最適化、修復などをスケジューリングして自動でやってくれます。</p>

<h3>WP Multibyte Patch</h3>
<p><a href="http://wordpress.org/extend/plugins/wp-multibyte-patch/">http://wordpress.org/extend/plugins/wp-multibyte-patch/</a><br>
最初からはいってるヤツ。有効化するのを忘れると大変なことになるから気をつけろ！</p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>もっとずっと前からこんな本があれば良かったのに。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1526/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>カスタムフィールドを使いやすくするwordpressプラグイン「Advanced Custom Fields」</title>
		<link>http://blog.daichifive.com/archives/1496</link>
		<comments>http://blog.daichifive.com/archives/1496#comments</comments>
		<pubDate>Tue, 06 Mar 2012 07:07:35 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>
		<category><![CDATA[効率化]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1496</guid>
		<description><![CDATA[納品先のクライアントに編集してもらいたい時などに便利な、カスタムフィールドの入力をとっても使いやすくするプラグインです。]]></description>
				<content:encoded><![CDATA[<p>wordpressのカスタムフィールドを使いやすくするプラグインは、日本語の情報が多い「Custom Field Template」や「Custom Field GUI Utility」の2つが有名です。今回紹介する海外製の「Advanced Custom Fields」は、日本語の情報こそ少ないですが、海外での評価も高く、僕も実際に使ってみたところ、非常に使いやすく感動したので紹介します。いろいろ開拓してみるもんだね。</p>

<h3>Advanced Custom Fieldsって？</h3>
<p>wordpressのカスタムフィールドはとっても便利です。これを使えば、「タイトル」「本文」「抜粋」以外に自由に入力項目が増やせます。「金額」「品番」「サイズ」などを追加して、商品ページをより入力しやすくする、なんてことも可能です。ただ、実際にカスタムフィールドを使ってみると分かるのですが、カスタムフィールドの入力欄がちょっと使いづらい（特に初心者には！）です。このカスタムフィールドの入力欄を、使いやすく表示するためのプラグインが「Advanced Custom Fields」です。wordpressで作った企業サイトを納品先のクライアントさんに更新してもらう場合など、初心者にカスタムフィールドを使った投稿を行ってもらうケースで特に威力を発揮します。</p>
<ul>
	<li>1行テキスト、セレクトボックスや日付など、様々な入力フィールドが設定できる。</li>
	<li>複数のカスタムフィールドをまとめた「グループ」単位で管理できる。</li>
	<li>投稿タイプやタクソノミーなどを指定すれば、好きなページの編集画面にだけグループを表示できる。</li>
	<li>ついでに、デフォルトの「ディスカッション」「投稿者」「カスタムフィールド」などの入力欄を消せる。</li>
</ul>
<p>個人的には、その使いやすさから、Contact Form 7以来の衝撃を受けました。プラグイン側の設定画面は英語ですが、投稿画面で表示される入力欄には日本語でラベルや説明文を入れられますので、実務担当者が英語嫌いでも問題ありません！</p>
<p><a href="http://www.advancedcustomfields.com/">Advanced Custom Fields</a></p>

<h3>インストール</h3>
<p>管理画面のプラグイン新規追加から検索して自動インストール＆有効化！</p>

<h3>グループの作成</h3>
<img src="http://blog.daichifive.com/wp-content/uploads/151.png" alt="" title="15" width="600" height="369" class="alignnone size-full wp-image-1507" />
<p>管理画面の「Custom Fields」メニューから「Add New」で新しいグループを作成します。</p>
<img src="http://blog.daichifive.com/wp-content/uploads/161.png" alt="" title="16" width="600" height="375" class="alignnone size-full wp-image-1508" />
<p>グループのタイトルを入力します。</p>
<img src="http://blog.daichifive.com/wp-content/uploads/171.png" alt="" title="17" width="600" height="375" class="alignnone size-full wp-image-1509" />
<p>で、「Add Field」から個々の入力項目を追加します。</p>
<h3>カスタムフィールドの設定</h3>
<img src="http://blog.daichifive.com/wp-content/uploads/181.png" alt="" title="18" width="600" height="586" class="alignnone size-full wp-image-1510" />
<p>上記が個々の入力項目の設定画面です。</p>
<dl>
<dt>Field Label</dt><dd>入力欄のラベル名（入力欄の横に表示される名前）</dd>
<dt>Field Name</dt><dd>入力欄の名前（カスタムフィールド名）</dd>
<dt>Field Type</dt><dd>入力欄の種類</dd>
<dt>Default Value</dt><dd>初期値</dd>
<dt>Field Instructions</dt><dd>入力欄のところに表示される説明文</dd>
<dt>Required?</dt><dd>必須にするか</dd>
</dl>
<p>Field Typeによって、設定できる項目が上記以外にも出たり出なかったりします。一度登録したカスタムフィールドは、ドラッグで並び替えできます。さすが！</p>

<h3>その他設定</h3>
<img src="http://blog.daichifive.com/wp-content/uploads/19.png" alt="" title="19" width="600" height="565" class="alignnone size-full wp-image-1512" />
<dl>
<dt>Location</dt><dd>このグループを、表示する条件を設定します。投稿タイプや分類によって細かく設定できるからテンション上がります。イエイ！</dd>
<dt>Options</dt><dd>グループのボックスの並び順を変えたり、デフォルトの「ディスカッション」「投稿者」「カスタムフィールド」などの入力欄を消したりできます。ワオ！</dd>
</dl>

<h3>で、投稿画面を見てみると・・・</h3>
<img src="http://blog.daichifive.com/wp-content/uploads/20.png" alt="" title="20" width="600" height="498" class="alignnone size-full wp-image-1513" />
<p>出ました！これで、入力のスピードアップ＆入力ミスも防げるよね！</p>


<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>ついでにこっちも効率化しちゃいますか！</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1496/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>大きな画像を自動でリサイズしてくれるwordpressプラグイン「Imsanity」</title>
		<link>http://blog.daichifive.com/archives/1488</link>
		<comments>http://blog.daichifive.com/archives/1488#comments</comments>
		<pubDate>Tue, 28 Feb 2012 03:10:32 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>
		<category><![CDATA[効率化]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1488</guid>
		<description><![CDATA[画像を自分でリサイズするのが面倒なアナタへ。かゆいところに手が届く、wordpressの画像自動リサイズプラグイン。]]></description>
				<content:encoded><![CDATA[<p>wordpressで、デジカメで撮影した画像をアップロードすることってありませんか？プリント用に撮影した写真は、ウェブサイトで使用するにはサイズが大きすぎます。だからといって、画像編集ソフトでリサイズするのもめんどくさい。最近のwordpressは、様々なサイズでサムネイルを自動作成してくれるけど、アップロードした元画像のサイズが大きいままだと、結局サーバー容量を圧迫してしまう・・・。</p>
<p>そんなあなたに、Imsanity！</p>
<h3>使い方</h3>
<p><a href="http://wordpress.org/extend/plugins/imsanity/">Imsanity</a></p>
<p>管理画面からプラグインを検索して自動インストール！有効化すると、「設定」→「Imsanity」という項目が表れます。</p>
<p><img class="alignnone size-medium wp-image-1489" title="14" src="http://blog.daichifive.com/wp-content/uploads/141-376x485.png" alt="" width="376" height="485" /></p>
<p>こちらの設定画面で、あらかじめ画像の最大サイズを指定しておくと、アップロード時に自動でリサイズしてくれます。</p>
<p>このプラグインのすごいところは、どこから画像をアップしたかによって、最大サイズを変更できる点です。例えば、投稿画面からアップしたら横幅750px、「メディア」メニューから投稿したらリサイズしない。なんてことが可能です。まさに、かゆいところに手が届く画像リサイズプラグインですね！</p>

<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>これからは、安心して一眼レフカメラをお使いください。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1488/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>wordpressの注目SEOプラグイン「WordPress SEO by Yoast」の使い方</title>
		<link>http://blog.daichifive.com/archives/1406</link>
		<comments>http://blog.daichifive.com/archives/1406#comments</comments>
		<pubDate>Thu, 23 Feb 2012 07:57:46 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1406</guid>
		<description><![CDATA[wordpressでAll In One SEO Packに次いで人気のSEOプラグイン「WordPress SEO by Yoast」の使い方を説明します。]]></description>
				<content:encoded><![CDATA[<h3>WordPress SEO by Yoastとは？</h3>
<p>WordPress SEO by Yoastは、wordpressやSEOの情報を発信している海外のサイト「Yoast」発の、総合SEOプラグインです。定番であるAll In One SEO Packと比べると、より高機能で上級者向けな印象です。</p>

<p><a href="http://yoast.com/">Yoast</a><br>
<a href="http://wordpress.org/extend/plugins/wordpress-seo/">WordPress SEO by Yoast</a></p>
<p>多くの機能があり、また、設定する項目もたくさんあるのですが、詳しい日本語の情報があまりなかったので、今回、使い方を自分で調べてみました。</p>
<h3>インストール</h3>
<p>プラグインの管理画面から検索、自動インストールして有効化します。ちなみに、執筆時点でのwordpressは3.3.1、プラグインバージョンは1.1.5です。</p>

<h3>Dashboard</h3>
<p>まずは、全体に関する設定を行います。</p>

<figure><img src="http://blog.daichifive.com/wp-content/uploads/011-485x289.png" alt="General Settings"></figure>
<dl>
<dt>Use meta keywords tag?</dt>
<dd>メタキーワードタグを使いたい場合はチェックを入れます。普通に記事を書いていれば、メタキーワードをわざわざ記述する意味はほとんどないと思われますが。</dd>
<dt>Disable date in snippet preview for posts</dt>
<dd>記事編集画面に表示されるSnippet Previewから日付を消します。日付の書式が英語表記なので、個人的には消してます。</dd>
<dt>Disable the Advanced part of the WordPress SEO meta box</dt>
<dd>どこが変わるのか分からなかったです。そのままでいいと思います。</dd>
<dt>Hide WordPress SEO box on edit pages for the following post types:</dt>
<dd>編集画面にSEOの入力ボックスを表示したくない場合はチェックを入れます。</dd>
<dt>Hide WordPress SEO box on edit pages for the following taxonomies:</dt>
<dd>編集画面にSEOの入力ボックスを表示したくない場合はチェックを入れます。</dd>
</dl>

<figure><img src="http://blog.daichifive.com/wp-content/uploads/021-485x225.png" alt="Webmaster Tools"></figure>
<p>Googleウェブマスターツールなどで、サイト所有者確認のためのverifyコードをメタタグで記述する必要があるのですが、ここにコードを入力しておくとメタタグを出力してくれます。</p>

<h3>Titles</h3>
<p>次に、titleとdescriptionの設定を行います。</p>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/032-485x479.png" alt="Title Settings"></figure>
<p>ページの種類ごとに、titleとdescriptionのひな形を設定します。All In One SEO Packと同じ雰囲気なので、なんとなく分かると思います。</p>
<p>通常は、テンプレートのwp_titleの箇所が設定した内容に差し替わります。ただし、テーマによっては、タイトルタグ内にwp_title以外の関数など組み合わせて表示させていることも多いので（Twenty Elevenなども）、余計なテキストが含まれる場合があります。「Force rewrite titles」にチェックを入れると、wp_titleではなく、タイトルタグ内がそのまま設定した内容に差し替わります。テーマファイルを見てもよくわからない人は、チェックしておきましょう。</p>
<p>また、フロントページを固定ページに設定している場合は、この画面ではなく、その固定ページの編集画面内でタイトル等を設定します。</p>

<h3>Indexation</h3>
<p>ここでは、どういった情報を検索エンジンにインデックスさせるかを設定します。</p>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/041-485x216.png" alt="Indexation Rules"></figure>
<p>アーカイブの種類ごとに、インデックスさせたくないものにチェックを入れます。これは検索エンジンに、似たようなコンテンツを重複してインデックスさせないよう配慮するためのものです。例えば、作成者別のアーカイブは、複数のユーザーで記事を書いているブログ以外では必要ありません。日付別のアーカイブも、通常のブログページが日付順に記事を表示していれば、必然的にコンテンツが重複するでしょう。逆にタグやカテゴリなどの、意味のあるキーワードに関連した記事をまとめてあるページは、残しておいたほうが良いと思います。このブログでは、カテゴリで記事を分類して、タグはどちらかというと「よく検索されるワード」的なニュアンスで使用しているので、タグアーカイブも除外してよさそうです。</p>

<figure><img src="http://blog.daichifive.com/wp-content/uploads/051-485x102.png" alt="Archives Settings"></figure>
<p>チェックを入れたアーカイブページそのものの存在を消します。自作テーマなどで使用することのないアーカイブページがあればチェックすると良いと思います。</p>

<figure><img src="http://blog.daichifive.com/wp-content/uploads/061-485x124.png" alt="Robots Meta Settings"></figure>
<p>チェックを入れると、検索結果に表示される説明文に、DMOZやヤフーディレクトリの文章を引用しないようにするメタタグを挿入します。</p>

<figure><img src="http://blog.daichifive.com/wp-content/uploads/071-485x148.png" alt="clean up head section"></figure>
<p>チェックを入れると、wordpressがheadタグ内に挿入する各種タグを、それぞれ出力させなくできます。</p>

<h3>Social</h3>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/081-485x461.png" alt="facebook"></figure>
<p>facebookに関する設定です。いいねボタンなどを設置しているサイトは、「Add OpenGraph meta data」にチェックを入れると良いと思います。</p>

<h3>XML Sitemap</h3>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/091-485x308.png" alt="XML Sitemap"></figure>
<p>XML Sitemapに関する設定です。シンプルなブログ形式のサイトなら、この機能でXML Sitemapを作ると楽ちんです。CMS的な使い方をしているサイトであれば、こちらを使わずに、<a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">Google XML Sitemap</a>プラグインを使ったほうが、思い通りの設定ができると思います。</p>

<h3>ちょっと飽きてきた</h3>
<p>だって設定項目が多すぎるんだもん</p>

<h3>Permalinks</h3>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/101-485x304.png" alt="Permalinks Settings"></figure>
<dl>
<dt>Strip the category base (usually /category/) from the category URL.</dt>
<dd>カテゴリアーカイブのURLに付加される「/category/」を消します。URLがスッキリしますが、これが消えることで、同じスラッグのページが重複する可能性があるので注意してください。</dd>
<dt>Enforce a trailing slash on all category and tag URL&#8217;s</dt>
<dd>すべてのカテゴリ・タグのアーカイブページのURLにスラッシュを付加します。記事のパーマリンクの末尾を.htmlなど、スラッシュなしにしている場合に嬉しい機能です。</dd>
<dt>Redirect attachment URL&#8217;s to parent post URL.</dt>
<dd>アップした画像などのメディアは、投稿記事のように単体のパーマリンクを持っているのですが、普通はそこにアクセスすることはないですし、作者も意図していない場合が多いと思います。ここにチェックを入れると、アクセスされたときに、そのメディアが関連付けられている記事ページにリダイレクトします。これいいね！</dd>
<dt>Redirect ugly URL&#8217;s to clean permalinks. (Not recommended in many cases!)</dt>
<dd>URLにパラメータがついてるときに、パラメータなしのURLにリダイレクトします。そのままにしておくのが無難だと思いますが、分かる人はどうぞ。</dd>
</dl>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/111-485x118.png" alt="Canonical Settings"></figure>
<p>Canonical URLを強制的にhttpやhttpsから始まるようにできます。</p>

<h3>Internal Links</h3>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/121-485x340.png" alt="breadcrumbs settings"></figure>
<p>パンくずナビゲーションに関する設定です。「Enable Breadcrumbs」にチェックを入れ、テーマ内のパンくずナビゲーションを表示したい箇所に以下のコードを記述します。</p>
<pre>&lt;?php if ( function_exists(&#039;yoast_breadcrumb&#039;) ) {
    yoast_breadcrumb(&#039;&lt;p id=&quot;breadcrumbs&quot;&gt;&#039;,&#039;&lt;/p&gt;&#039;);
} ?&gt;</pre>
<p>あとは、いろいろ調整してみてください。他のパンくずナビゲーション用のプラグインと比べても、遜色なく使えます。</p>

<h3>RSS</h3>
<figure><img src="http://blog.daichifive.com/wp-content/uploads/131-485x340.png" alt="Content of your RSS feed"></figure>
<p>RSSで出力される記事のコンテンツの前後に自由にコードを追加できます。例えばその記事へのリンクを追加することで、検索エンジンに対して、その記事のオリジナルページを示すことができます。また、広告を入れるなどの使い方もできます。</p>

<h3>Import</h3>
<p>All in one SEO packやHeadspace2からデータをインポートしたりエクスポートしたりできます。途中から乗り換える人には嬉しい機能。僕は使ったことないので分かりません。</p>

<h3>Files</h3>
<p>.htaccessファイルを編集できます。さりげない優しさを感じる。</p>

<h3>個別記事編集画面など</h3>
<p>個別記事の編集画面に「WordPress SEO by Yoast」というボックスが出ます。All In One SEO Packと同じような感覚で使えばOKです。</p>

<h3>説明を終えて一言</h3>
<p>Yoastとやら、気に入った。</p>


<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>読んだことないけど、とっても売れてるらしいです。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1406/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>管理画面からスライドショウが編集できるwordpressプラグイン「Skitter Slideshow」</title>
		<link>http://blog.daichifive.com/archives/1380</link>
		<comments>http://blog.daichifive.com/archives/1380#comments</comments>
		<pubDate>Fri, 20 Jan 2012 10:20:19 +0000</pubDate>
		<dc:creator><![CDATA[daichifive]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[wordpressプラグイン]]></category>

		<guid isPermaLink="false">http://blog.daichifive.com/?p=1380</guid>
		<description><![CDATA[wordpressでトップページにスライドショウを導入したいときにオススメのプラグインです。]]></description>
				<content:encoded><![CDATA[<h3>Skitter Slideshowとは？</h3>
<p>「Skitter Slideshow」は、スライドショウを実装するjQueryプラグイン「Skitter」の、wordpressプラグイン版です。Skitterの豊富な機能・多彩なエフェクトはそのままに、wordpressの管理画面上から画像やリンクの設定ができるため、HTMLの知識のない方でもスライドショウを管理できるという大きなメリットがあります。</p>
<p><a href="http://wordpress.org/extend/plugins/wp-skitter-slideshow/">wordpressプラグインディレクトリのSkitter Slideshowのページはこちら</a><br>
<a href="http://thiagosf.net/projects/jquery/skitter/">Skitter本家サイトはこちら</a></p>

<h3>導入方法</h3>
<p>wordpressの管理画面から、「プラグイン」→「新規追加」で、『Skitter Slideshow』で検索すれば出てきます。「いますぐインストール」をクリックしてインストール、有効化します。</p>
<p>テンプレートファイルのスライドショウを表示させたい箇所に、以下のコードを追加します。</p>
<pre>&lt;?php if ( function_exists(&#039;show_skitter&#039;) ) { show_skitter(); } ?&gt; </pre>
<p>管理画面の「設定」→「Skitter Slideshow」から、スライドショウを設定すれば、出来上がり。</p>


<h3>設定項目</h3>
<p>プラグインは英語なので、設定項目がちょっと分かりづらいです。詳細は、<a href="http://thiagosf.net/projects/jquery/skitter/">Skitter本家</a>のドキュメントを読んでください。</p>
<table>
<tr>
<th>Type of Animation</th><td>デフォルトのアニメーション</td>
</tr>
<tr>
<th>Type of Navigation</th><td>ナビゲーションのタイプ</td>
</tr>
<tr>
<th>width</th><td>横幅</td>
</tr>
<tr>
<th>height</th><td>高さ</td>
</tr>
<tr>
<th>crop image</th><td>画像を設定したサイズで切り抜くか</td>
</tr>
<tr>
<th>velocity</th><td>アニメーションの強さ</td>
</tr>
<tr>
<th>interval</th><td>切り替わる時間</td>
</tr>
<tr>
<th>navigation</th><td>ナビゲーションを表示するか</td>
</tr>
<tr>
<th>numbers_align</th><td>番号・ドット・サムネイルの横方向の配置</td>
</tr>
<tr>
<th>label</th><td>ラベルを表示するか</td>
</tr>
<tr>
<th>width_label</th><td>ラベルの幅</td>
</tr>
<tr>
<th>easing_default</th><td>デフォルトのイージングの種類</td>
</tr>
<tr>
<th>animateNumberOut</th><td>番号・ドットのマウスアウトしたときのスタイル</td>
</tr>
<tr>
<th>animateNumberOver</th><td>番号・ドットのマウスオーバーしたときのスタイル</td>
</tr>
<tr>
<th>animateNumberActive</th><td>番号・ドットの現在表示されてるもののスタイル</td>
</tr>
<tr>
<th>hideTools</th><td>番号、ナビゲーションを消す</td>
</tr>
<tr>
<th>fullscreen</th><td>フルスクリーンモードにする</td>
</tr>
<tr>
<th>show_randomly</th><td>ランダムに表示する</td>
</tr>
</table>

<h3>生成されるコード</h3>
<p>テンプレートファイルで指定した箇所に、以下のコードが挿入されます（色々省略してます）。</p>
<pre>&lt;style type=&quot;text/css&quot;&gt;
    スタイル（横幅とか）
&lt;/style&gt;
 
&lt;div id=&quot;wp_skitter&quot;&gt;
    &lt;ul&gt;
        &lt;li&gt;・・スライド1・・&lt;/li&gt;
        &lt;li&gt;・・スライド2・・&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
 
&lt;script type=&quot;text/javascript&quot;&gt;
    Skitter呼び出し
&lt;/script&gt;</pre>
<p>#wp_skitterに対して、marginとかfloatとかを、自分で指定してあげてもいいですね。</p>

<h3>実際に使用してみた感想</h3>
<p>従来は、こういったスライドショウを管理画面から編集しようと思うと、カスタム投稿タイプなどを使ったり、テンプレートファイルを作ったりで、けっこう面倒でした。そういった意味では、かなり実用性の高いプラグインだと言えます。</p>
<p>ネックは、スライドの並べ替えができないことです。並べ替えをしたい場合は、最初のスライドからひとつづつ再設定する必要があるため、非常に面倒に感じました。でも、それを差し引いても、おすすめできるプラグインです。</p>


<div class="amazon">
<p>アマゾンのサーバでエラーが起こっているかもしれません。<br />一度ページを再読み込みしてみてください。</p>
<p>気づいたら、うちの会社の本棚に置いてありました。</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.daichifive.com/archives/1380/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
