<?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>INSPIRE TECH &#187; レビュー</title>
	<atom:link href="http://inspire-tech.jp/category/review/feed/" rel="self" type="application/rss+xml" />
	<link>http://inspire-tech.jp</link>
	<description>株式会社インスパイアデザインのプログラマーである家富正幸が、デザインやシステム開発、ソーシャルメディアや最近のトレンドなど、Webに関する様々な情報を発信しているブログです。</description>
	<lastBuildDate>Fri, 29 Jan 2016 05:25:58 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.8.41</generator>
	<item>
		<title>WordPressを設置したドメインや設置ディレクトリが変更になった場合に、たった5分で全てのURLを書き換える方法</title>
		<link>http://inspire-tech.jp/2013/10/wordpress-search-replace-db/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress-search-replace-db</link>
		<comments>http://inspire-tech.jp/2013/10/wordpress-search-replace-db/#comments</comments>
		<pubDate>Fri, 11 Oct 2013 20:18:11 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[問題解決]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=1560</guid>
		<description><![CDATA[WordPressをお客様に納品する場合など、最初に仮ドメインで設置をして、公開のタイミングで本ドメインに切り替えるという作業をよく行います。 それ以外にも、WordPressが動いているサーバーのドメインを変更しなくて [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>WordPressをお客様に納品する場合など、最初に仮ドメインで設置をして、公開のタイミングで本ドメインに切り替えるという作業をよく行います。</p>
<p>それ以外にも、WordPressが動いているサーバーのドメインを変更しなくてはならなかったり、ステージングサーバーから公開サーバーにデータコピーをしたりと、WordPressを移設して動かすタイミングって、割と多かったりします。</p>
<h3><span>移設の問題点</span></h3>
<p>移設を行う場合の一番の問題点は、公開URLが変更になることです。</p>
<ol>
<li>テーマファイルのCSSやJavaScriptが読み込まれないためデザインが崩れる</li>
<li>公開URLが正しくないとWordPressの管理画面にログインができない</li>
<li>記事中に設定したリンクや、メディア（画像やファイル）が全てリンクが切れてしまう</li>
</ol>
<p>1. 2. については公開URLの設定さえ元に変更してしまえば問題無いのですが、一番の問題は 3. で、<strong>記事中に設定した内部リンクやら、画像やら添付ファイルやらが全てリンク切れを起こしてしまう</strong>ことです。</p>
<p>Search Regexという正規表現などで記事を検索してURLを置換できるツールなどが、まず考えつく1つの方法です。</p>
<ul>
<li><a href="http://wordpress.org/plugins/search-regex/">WordPress › Search Regex « WordPress Plugins</a></li>
<li><a href="http://nori510.com/archives/10803">【WordPress】全記事から検索して一括置換出来るプラグイン「Search Regex」が素晴らしい | nori510.com</a></li>
</ul>
<p>しかしこのSearch Regexは、通常の投稿や固定ページの内容は置換できますが、カスタム投稿は検索できません。（カスタマイズすれば可能ですが）</p>
<p>またなにより大きな問題として、<strong>このプラグインではカスタムフィールドに入力された内容は対象外</strong>となってしまうため、カスタムフィールドに画像のURLや記事のURLなどが入っている場合、こちらを修正することができません。</p>
<p><span id="more-1560"></span></p>
<h3><span>カスタムフィールドの問題</span></h3>
<p>そのため、カスタムフィールドの値を一気に書き換える場合には、DBから直接UPDATEクエリなどを使って修正するしかなくなりますが、この方法にもまた問題があります。</p>
<p><strong>WordPressのカスタムフィールドには、PHPのシリアライズされたデータが格納されていることがある</strong>からです。</p>
<p>シリアライズされたデータというのは、下記のようなテキストデータです。<br />
これはPHPの配列やオブジェクトなどを文字列に変換したもので、PHPのunserialie関数を通すことで元の配列などに戻すことが可能です。</p>
<pre class="brush: plain">a:2:{i:2;a:4:{s:5:"title";s:0:"";s:5:"count";i:0;s:12:"hierarchical";i:0;s:8:"dropdown";i:0;}s:12:"_multiwidget";i:1;}</pre>
<p>このシリアライズされた文字列には、元の配列やオブジェクトの中のデータ形式や、格納されているテキストの長さなども保持されていて、<strong>単純に中のテキストを置換したりしてしまうと、テキストの長さが保持されているデータと合わなくなってしまい、データが復元できなくなってしまいます。</strong></p>
<p>そのため、UPDATEクエリを使って一気に直すことができません。</p>
<h3><span>全て解決！便利なPHPスクリプト</span></h3>
<p>そこで活躍するのが下記で公開されている SEARCH REPLACE DB というスクリプト。</p>
<ul>
<li><a href="http://interconnectit.com/products/search-and-replace-for-wordpress-databases/">WordPress Serialized PHP Search Replace Tool | Interconnect IT &#8211; WordPress Consultants, Web Development and Web Design</a></li>
</ul>
<p>海外の方が開発されCODEXにも記載されている非常に有用なスクリプトで、<strong>シリアライズされたデータも含めて、DBにあるレコードから特定の文字列を一気に置換することが可能</strong>になります！</p>
<h4>まずはダウンロード</h4>
<p>下記のリンクをクリックしてファイルを保存してください。</p>
<div class="component img"><img class="alignleft size-full wp-image-1588" alt="searchreplacedb_dl" src="http://inspire-tech.jp/wp-content/uploads/2013/10/searchreplacedb_dl.jpeg" width="570" height="180" /></div>
<h4>解凍したファイルをWordPressと同ディレクトリにアップ</h4>
<p>解凍して出てきた searchreplacedb2.php を、WordPressのwp-config.phpが存在するディレクトリにアップします。</p>
<div class="component img"><img class="alignleft size-full wp-image-1586" alt="searchreplacedb_set_2" src="http://inspire-tech.jp/wp-content/uploads/2013/10/searchreplacedb_set_2.jpeg" width="570" height="434" /></div>
<h4>ファイルにアクセス</h4>
<p>下記のような画面が表示されればOKです。</p>
<div class="component img"><img class="alignleft size-large wp-image-1593" alt="Search_and_replace_DB1" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB1-570x362.jpeg" width="570" height="362" /></div>
<p>Submitをクリックして次に進んでください。</p>
<div class="component img"><img class="alignleft size-full wp-image-1594" alt="Search_and_replace_DB2" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB2.jpeg" width="570" height="241" /></div>
<h4>DBへの接続情報を確認</h4>
<p>wp-config.php と同じディレクトリにアップされていれば、自動的にwp-config.phpに存在するDB情報を読み取って表示してくれます。</p>
<div class="component img"><img class="alignleft size-full wp-image-1592" alt="Search_and_replace_DB3" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB3.jpeg" width="570" height="468" /></div>
<p>Submitをクリックして次に進んでください。</p>
<h4>書き換えたいテーブルを選択</h4>
<p>書き換えたい文字列があるテーブルを選択します。<br />
最低限、投稿本体が格納されている <strong>posts</strong> およびにカスタムフィールドの格納されている <strong>postmeta</strong>、設定値が格納されている <strong>options</strong> は選択しましょう。</p>
<div class="component img"><img class="alignleft size-full wp-image-1591" alt="Search_and_replace_DB4" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB4.jpeg" width="570" height="488" /></div>
<p>その他のテーブルについては、必要に応じて選択してください。<br />
ユーザーのプロフィールなどにも書き換えたい文字列が存在するようならば、<strong>usermeta</strong> なども選択する必要があるでしょう。</p>
<h4>検索する文字列と置換する文字列を入力</h4>
<p>検索する文字列、すなわち書き換え元となる文字列と、置換する文字列を入力します。</p>
<div class="component img"><img class="alignleft size-full wp-image-1590" alt="Search_and_replace_DB5" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB5.jpeg" width="570" height="303" /></div>
<p>WordPressを移設した場合は、以前に設置してあったURLを検索する文字列に、新しく設置した先を置換する文字列に指定します。</p>
<p>例えば <code>http://example.com/blog/wp</code> に設置してあったWordPressを <code>http://hogehoge.com/wp</code> に移設した場合は、下記のように記述してください。</p>
<dl>
<dt>検索する文字列</dt>
<dd><code>example.com/blog/wp/</code></dd>
<dt>置換する文字列</dt>
<dd><code>hogehoge.com/wp/</code></dd>
</dl>
<p>ポイントは <code>http://</code> を抜くことです。</p>
<p>これはデータベースの中に <code>http://</code> を抜いたドメインの状態で保存されているレコードがあるため、一部書き換わらないレコードが出てきてしまうためです。</p>
<p>入力が終わったらSubmitをクリックしましょう。</p>
<h4>置換完了</h4>
<p>めでたく置換が完了しました。</p>
<div class="component img"><img class="alignleft size-full wp-image-1589" alt="Search_and_replace_DB6" src="http://inspire-tech.jp/wp-content/uploads/2013/10/Search_and_replace_DB6.jpeg" width="570" height="203" /></div>
<p>総計で何レコードが書き換えられたかなどがレポートされます。</p>
<h4>最後にファイルを削除</h4>
<p>置換が正しく完了したら、設置した <code>searchreplacedb2.php</code> は<strong style="color: red;">必ず削除してください。</strong><br />
放置しておくと<strong style="color: red;">パスワード認証も何も無くデータベースを書き換えられてしまうため、非常に危険です。</strong></p>
<h3><span>たったこれだけ</span></h3>
<p>たったこれだけのステップで、面倒なURLの置換作業が全て完了します。<br />
慣れればFTPからアップして5分もかからず作業を終えることができるでしょう。</p>
<p>1点注意として、データベースを書き換える作業になるため、<strong>作業前には必ずデータベースのバックアップをとった上で作業をしてください。</strong><br />
置換するテキストなどが間違えていた場合に、取り返しのつかないことになる場合があります。</p>
<p>WordPressの移設はとても手間だと悩んでいた方、是非お試しください。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2013/10/wordpress-search-replace-db/feed/</wfw:commentRss>
		<slash:comments>47</slash:comments>
		</item>
		<item>
		<title>Logicoolのマウス「G700s」をMacOS 10.8で使ったとき、4〜11ボタンに左クリックが発生してしまう場合の対処法</title>
		<link>http://inspire-tech.jp/2013/10/logicool_g700s_click_fix/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=logicool_g700s_click_fix</link>
		<comments>http://inspire-tech.jp/2013/10/logicool_g700s_click_fix/#comments</comments>
		<pubDate>Sun, 06 Oct 2013 17:38:24 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[問題解決]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=1546</guid>
		<description><![CDATA[Logicoolから発売されているゲーミングマウスG700sは通常のマウスと違い副ボタンが7つも存在しており、デザインにさえ目をつぶってしまえば（笑）、大変に便利なマウスです。 LOGICOOL 充電式ゲーミングマウス  [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><img src="http://inspire-tech.jp/wp-content/uploads/2013/10/52bda3192af80c6866a05eac21cccc55-570x293.png" alt="スクリーンショット 2013-10-07 2.37.08" width="570" height="293" class="alignleft size-large wp-image-1555" /></p>
<p>Logicoolから発売されているゲーミングマウスG700sは通常のマウスと違い副ボタンが7つも存在しており、デザインにさえ目をつぶってしまえば（笑）、大変に便利なマウスです。</p>
<ul>
<li><a href="http://www.amazon.co.jp/gp/product/B00CDCFBD4/ref=as_li_qf_sp_asin_tl?ie=UTF8&#038;camp=247&#038;creative=1211&#038;creativeASIN=B00CDCFBD4&#038;linkCode=as2&#038;tag=simpletype-22">LOGICOOL 充電式ゲーミングマウス G700s</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=simpletype-22&#038;l=as2&#038;o=9&#038;a=B00CDCFBD4" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</li>
</ul>
<p>この副ボタンにはアプリケーション毎に各種ショートカットや、メディアキーなどの機能を割り当てることができます。</p>
<p>例えばブラウザを利用しているときには「ボタン4で履歴を戻り、ボタン5で履歴を進む動作を行う」。<br />
PHPStormを使っている時には「ボタン4で切り取り、ボタン5で貼り付け、ボタン6でファイル検索ウィンドウを立ち上げ、ボタン7でクラス検索を立ち上げる」といった使い方ができます。<br />
<span id="more-1546"></span></p>
<h3><span>Mac OS 10.8上での問題</span></h3>
<p>購入してから大変便利に利用しているのですが、Mac OS 10.8で利用していると、ボタン4〜11をクリックしながらマウスを少しでも動かしてしまうと、なぜか左クリックが発生するという現象に悩まされてきました。</p>
<p>これがどういったことかというと、ブラウザのリンク上でボタン4を押して「戻る」を行った場合、ボタン4をクリックしながらマウスを少しでも動かしてしまうと、リンクがクリックされたことになってしまい、新しいリンクが開いてしまいます。</p>
<h3><span>解決策</span></h3>
<p>マカー御用達のKeyRemap4MacBookを利用します。</p>
<ul>
<li><a href="https://pqrs.org/macosx/keyremap4macbook/index.html.ja" >KeyRemap4MacBook &#8211; OS X用のソフトウェア</a></li>
</ul>
<p>こちらのprivate.xmlに下記のXMLコードを貼り付けて保存します。</p>
<pre class="brush: xml">
&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;root&gt;
  &lt;item&gt;
    &lt;name&gt;Extra Mouse Button Click Ignore&lt;/name&gt;
      &lt;item&gt;
        &lt;name&gt;Button 4&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_4&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON4, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 5&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_5&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON5, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 6&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_6&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON6, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 7&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_7&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON7, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 8&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_8&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON8, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 9&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_9&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON9, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 10&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_10&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON10, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 11&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_11&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON11, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 12&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_12&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON12, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 13&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_13&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON13, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 14&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_14&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON14, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
      &lt;item&gt;
        &lt;name&gt;Button 15&lt;/name&gt;
        &lt;identifier&gt;extra_mouse_button_click_ignore.button_15&lt;/identifier&gt;
        &lt;autogen&gt;__PointingButtonToPointingButton__ PointingButton::BUTTON15, PointingButton::NONE&lt;/autogen&gt;
      &lt;/item&gt;
  &lt;/item&gt;
&lt;/root&gt;
</pre>
<p>すでにprivate.xmlを記述してある場合は、適宜マージしてください。</p>
<h3><span>有効化</span></h3>
<p>設定ウィンドウからXMLをリロードすると下記のように設定が表示されます。</p>
<div class="component img"><img src="http://inspire-tech.jp/wp-content/uploads/2013/10/288e00a669adc05385589d8de88533f8-570x551.png" alt="スクリーンショット 2013-10-07 2.31.13" width="570" height="551" class="alignleft size-large wp-image-1552" /></div>
<p>表示された設定の「Extra Mouse Button Click Ignore」から、クリックを無効にしたいボタンにチェックを入れます。</p>
<p>これで単純にボタンに割り当てた機能だけが動作し、左クリックは発生しなくなります。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2013/10/logicool_g700s_click_fix/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>WordPressにお問い合わせフォームを組み込むプラグイン、Comment Form 7を試してみた</title>
		<link>http://inspire-tech.jp/2011/08/wordpress_comment_form_7_plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress_comment_form_7_plugin</link>
		<comments>http://inspire-tech.jp/2011/08/wordpress_comment_form_7_plugin/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 02:09:38 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=1122</guid>
		<description><![CDATA[WordPressでお問い合わせフォームなどを作成する際、いちいち他のスクリプトを組み込むのも面倒なのでプラグインを探していたのですが、Comment Form 7という素晴らしいプラグインを見つけたので、紹介させていた [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>WordPressでお問い合わせフォームなどを作成する際、いちいち他のスクリプトを組み込むのも面倒なのでプラグインを探していたのですが、Comment Form 7という素晴らしいプラグインを見つけたので、紹介させていただきます。</p>
<h3><span>カスタマイズ性の高いフォーム作成画面</span></h3>
<div class="component img">
<a href="http://inspire-tech.jp/wp-content/uploads/2011/07/contact-form-7.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/07/contact-form-7-570x392.png" alt="" title="contact-form-7" width="570" height="392" class="alignnone size-large wp-image-1125" /></a></div>
<p>通常のテキスト入力やテキストエリアなどの他に、チェックボックスやセレクトボックスなどの多彩な入力フォームを設けることができ、さらにその組み合わせを、フォーム単位で保存する事が可能です。</p>
<p><span id="more-1122"></span></p>
<h4>選択できる入力フォーム</h4>
<p>入力フォームは下記の11種類から選択し、各フォームをいくつでも配置する事が可能です。</p>
<ul>
<li>テキスト項目</li>
<li>メールアドレス項目</li>
<li>テキストエリア</li>
<li>ドロップダウン・メニュー</li>
<li>チェックボックス</li>
<li>承諾の確認</li>
<li>クイズ</li>
<li>CAPTCHA（画像認証）</li>
<li>ファイルのアップロード</li>
<li>送信ボタン</li>
</ul>
<p>右ペインのドロップダウンメニューから入力フォームのタイプを選択すると、入力フォームのカスタマイズを行う画面が表示されます。</p>
<div class="component img"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-create-parts.png" alt="" title="contact-form-7-create-parts" width="564" height="513" class="alignnone size-full wp-image-1170" />
</div>
<p>必須入力かどうかや、IDやclass名などを指定する事が可能です。</p>
<p>また、入力された内容に従って、入力フォームや入力フォームの内容をを表示するためのテンプレートタグが表示されています。</p>
<div class="component img"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-template-tags.png" alt="" title="contact-form-7-template-tags" width="549" height="122" class="alignnone size-full wp-image-1176" />
</div>
<p>このテンプレートタグを使って、お問い合わせフォームのHTMLテンプレートを作成します。</p>
<div class="component img"><a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-form-template.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-form-template-570x347.png" alt="" title="contact-form-7-form-template" width="570" height="347" class="alignnone size-large wp-image-1177" /></a></div>
<p>テンプレートタグは表示される際に適宜指定した入力フォームのHTMLに差し替えられ、お問い合わせフォームが表示されます。</p>
<h3><span>通知メールのカスタマイズ</span></h3>
<p>問い合わせがあった場合に、その問い合わせの内容がメールで管理者に送られてくる、通知メールの内容もカスタマイズすることが可能です。</p>
<p>入力フォームを作成した時に表示されたテンプレートタグを利用することで、送信されるメールのテンプレートを作成します。</p>
<div class="component img"><a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-mail-template.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-mail-template-570x211.png" alt="" title="contact-form-7-mail-template" width="570" height="211" class="alignnone size-large wp-image-1173" /></a></div>
<p>テンプレートタグはお問い合わせフォームのHTMLテンプレートと違い、各フォームに入力された内容に差し替えられます。</p>
<h4>確認メールも、もちろん送ることができる</h4>
<p>問い合わせを行ってくださった方に、入力内容の確認として送信する「確認メール」も、簡単に対応することが可能です。</p>
<p>先ほどのメールの設定エリアの下にメール2という項目があり、「利用する」のチェックを入れると、こちらのメールテンプレートの内容も、同時にメールとして送信されるようになります。</p>
<p>このメールの「宛先」欄をメールアドレスのテンプレートタグを入力することで、確認メールとしての機能を実現する事ができます。</p>
<div class="component img"><a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-mail2-template.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-mail2-template-570x228.png" alt="" title="contact-form-7-mail2-template" width="570" height="228" class="alignnone size-large wp-image-1172" /></a></div>
<p>メールアドレスの入力フォームを設置していない場合、当たり前ですが確認メールは利用できません。</p>
<h3><span>保存</span></h3>
<p>メールフォームに適当な名前を付けて保存してください。<br />
この時、画面下にフォームを埋め込むためのテンプレートタグが表示されます。</p>
<div class="component img"><a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-save.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-save-570x81.png" alt="" title="contact-form-7-save" width="570" height="81" class="alignnone size-large wp-image-1174" /></a></div>
<h3><span>フォームの設置</span></h3>
<p>フォームは、カスタムポストを含むあらゆるページに埋め込むことができます。<br />
本文に、先ほど作成したメールフォームのテンプレートタグを埋め込むだけです。</p>
<div class="component img"><a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-embed.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-embed-570x291.png" alt="" title="contact-form-7-embed" width="570" height="291" class="alignnone size-large wp-image-1171" /></a></div>
<h3><span>動作確認</span></h3>
<p>実際にフォームを設置したページを開いて、送信テストを行ってみましょう。</p>
<p>Ajaxを使ったリッチな送信画面なので、確認画面を作成する手間や、煩わしい画面スクロールがありません。</p>
<div class="component img">
<a href="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-send.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/08/contact-form-7-send-570x777.png" alt="" title="contact-form-7-send" width="570" height="777" class="alignnone size-large wp-image-1175" /></a></div>
<p>メールが正しく届いていれば大丈夫です。</p>
<h3><span>文字コードによる注意</span></h3>
<p>私の環境では発生していませんが、サーバーのPHPの文字エンコードの設定によってはメールの内容が文字化けするようです。</p>
<p>下記フォーラムの投稿をリンクしておきますので、文字化けが発生してしまった方は参考にしてください。</p>
<ul>
<li><a href="http://ja.forums.wordpress.org/topic/7628" title="WordPress › フォーラム » Contact Form 7のコンタクトメールで文字化けしてしまう">WordPress › フォーラム » Contact Form 7のコンタクトメールで文字化けしてしまう</a></li>
</ul>
<h3><span>総括</span></h3>
<p>MovableTypeでAFormというプラグインを利用したことがあるのですが、そちらに近いインターフェースで、簡単にお問い合わせフォームを作成する事が可能になっています。</p>
<p>AFormと比べると、コンバージョン率の測定やお問い合わせ内容の一括エクスポートなどの機能は無く、使い勝手も多少劣りますが、無償で利用出来る点を考えると、非常に利用価値の高いプラグインだと感じました。</p>
<p>WordPress版AFormと言っても過言ではないように思います。</p>
<p>高機能なメールフォームが欲しい方、WordPress版のAFormを探していた方など、WordPressを利用している方であれば是非導入を考えてみて下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2011/08/wordpress_comment_form_7_plugin/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>WordPressからTwitterに投稿するプラグインの決定版</title>
		<link>http://inspire-tech.jp/2011/06/wordpress_to_twitter/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress_to_twitter</link>
		<comments>http://inspire-tech.jp/2011/06/wordpress_to_twitter/#comments</comments>
		<pubDate>Mon, 20 Jun 2011 12:55:58 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ソーシャルメディア]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=331</guid>
		<description><![CDATA[WordPressで記事を書いたときにTwitterに投稿するプラグインは多々ありますが、WP to Twitterというプラグインがとても秀逸だったのでご紹介したいと思います。 カスタマイズ性が高い まず自分が導入時に [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>WordPressで記事を書いたときにTwitterに投稿するプラグインは多々ありますが、<a href="http://www.joedolson.com/articles/wp-to-twitter/">WP to Twitter</a>というプラグインがとても秀逸だったのでご紹介したいと思います。</p>
<h3><span>カスタマイズ性が高い</span></h3>
<p>まず自分が導入時に一番気にしていたことは、ツイートの内容がどこまで編集できるかということ。</p>
<p>単純にタイトルと記事のリンクをつぶやくプラグインなら数あれど、このプラグインほどカスタマイズ性が高いのはあまりありません。</p>
<div class="component img">
<a href="http://inspire-tech.jp/wp-content/uploads/2011/06/wp-to-twitter.jpg"><img src="http://inspire-tech.jp/wp-content/uploads/2011/06/wp-to-twitter-300x266.jpg" alt="" title="wp-to-twitter" width="300" height="266" class="alignnone size-medium wp-image-340" /></a>
</div>
<h4>編集時にも呟いてくれる</h4>
<p>ツイートの内容がテンプレートで編集できるのは当たり前として、投稿時に加えて編集時にもツイートをする機能を備えています。</p>
<h3><span>投稿時にツイートの内容を編集することができる</span></h3>
<p>これも他にはない機能ですが、投稿時にその投稿の時だけツイートの内容をカスタマイズすることも可能です。</p>
<div class="component img">
<a href="http://inspire-tech.jp/wp-content/uploads/2011/06/w.png"><img src="http://inspire-tech.jp/wp-content/uploads/2011/06/w-300x85.png" alt="" title="w" width="300" height="85" class="alignnone size-medium wp-image-683" /></a>
</div>
<p>まさに痒いところに手が届く機能。</p>
<h3><span>ダウンロード</span></h3>
<p>ダウンロードは<a href="http://www.joedolson.com/articles/wp-to-twitter/">こちらのサイト</a>から、またはWordPressの管理画面で「プラグインの追加」からWP to Twitterで検索して下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2011/06/wordpress_to_twitter/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MovableTypeの複数ブログ再構築プラグイン</title>
		<link>http://inspire-tech.jp/2010/09/movabletype_rebuild_plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=movabletype_rebuild_plugin</link>
		<comments>http://inspire-tech.jp/2010/09/movabletype_rebuild_plugin/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 11:22:44 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[MovableType]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[サービス]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=55</guid>
		<description><![CDATA[MovableTypeの複数のブログを使って1つのサイトを構築している場合、1つのブログのテンプレートを、MTIncludeで読み込んで使い回したりする事があるかと思います。 そういう場合、元のテンプレートを変更すると、 [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>MovableTypeの複数のブログを使って1つのサイトを構築している場合、1つのブログのテンプレートを、MTIncludeで読み込んで使い回したりする事があるかと思います。</p>
<p>そういう場合、元のテンプレートを変更すると、そのテンプレートを読み込んでいる全てのブログをいちいち再構築しなくてはなりません。</p>
<p>そんなとき、QuickRebuildというプラグインが非常に役に立ちます。これは、インストールしたMovableTypeに存在する全てのブログを同時に再構築することがでます。</p>
<p>インストール後、通常の再構築ボタンの横に全てのブログを再構築するボタンが追加されるので、それをクリックすると全てのブログを再構築するためのウィンドウが表示されるので、再構築を実行するブログをチェックして実行するだけというシンプルで素晴らしいプラグインです。</p>
<p><img src="http://inspire-tech.jp/wp-content/uploads/2010/09/movable_type_rebuild_all_page.png" alt="" title="movable_type_rebuild_all_page" width="362" height="215" class="alignnone size-full wp-image-134" /></p>
<h3><span>QuickRebuild</span></h3>
<p><a href="http://tec.toi-planning.net/mt/quickrebuild/">http://tec.toi-planning.net/mt/quickrebuild/</a></p>
<p>紹介ページにはMovableType4対応と記載されているだけで、MovableType5に対応しているかは書いていないのですが、ダウンロードページからバージョン0.5以上をダウンロードすれば、MovableType5以上でも利用できます。</p>
<h3><span>rebuildlet</span></h3>
<p><a href="http://tec.toi-planning.net/mt/rebuildlet/">http://tec.toi-planning.net/mt/rebuildlet/</a></p>
<p>こちらは同作者の方が、上記のプラグインをブックマークレットとして利用できるように公開しているものです。</p>
<p>ブックマークレットに登録しておくだけで、<strong>プラグインをインストールしなくても</strong>全てのブログを再構築できるため、多数のサイトを管理している方にはこちらのほうがお勧めです。</p>
<p>こちらもプラグインと同じく、MovableType4でも5でも利用可能です。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2010/09/movabletype_rebuild_plugin/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>ウェブサイトのモックアップを簡単に作成できるAirアプリ</title>
		<link>http://inspire-tech.jp/2010/08/create_mockup_with_adobe_air_application/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=create_mockup_with_adobe_air_application</link>
		<comments>http://inspire-tech.jp/2010/08/create_mockup_with_adobe_air_application/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 04:35:30 +0000</pubDate>
		<dc:creator><![CDATA[家富 正幸]]></dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[アプリケーション]]></category>
		<category><![CDATA[サービス]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://inspire-tech.jp/?p=13</guid>
		<description><![CDATA[ウェブサイトを顧客に提案する場合、今までエクセルでモックアップ（ワイヤーフレーム）を作って提案していたのですが、世の中にはちゃんとその目的で作られたアプリケーションがあるようで。 いろいろと探してみたところ、下記のアプリ [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>ウェブサイトを顧客に提案する場合、今までエクセルでモックアップ（ワイヤーフレーム）を作って提案していたのですが、世の中にはちゃんとその目的で作られたアプリケーションがあるようで。</p>
<p>いろいろと探してみたところ、下記のアプリケーションにたどり着きました。</p>
<h3><span>Balsamiq Mockups</span></h3>
<p><a href="http://www.balsamiq.com/">http://www.balsamiq.com/</a></p>
<p>特徴としては下記の通り。</p>
<ul>
<li>Airアプリなので、WindowsでもMacでも動作する（AdobeのAirが動作すればOK）</li>
<li>手書き風のコミカルな画像なので親しみやすい</li>
<li>インターフェースは英語だが日本語も問題無く利用可能（システムフォントが利用できる）</li>
<li>iPodやiPhoneのモックもあるので、iOS用のアプリ開発にも利用できる</li>
<li>価格が安い（79ドル）</li>
</ul>
<p>ダウンロードしてから7日間は評価期間なので、是非利用してみてください。</p>
]]></content:encoded>
			<wfw:commentRss>http://inspire-tech.jp/2010/08/create_mockup_with_adobe_air_application/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
