<?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>ウエツハラ&#187; プラグイン</title>
	<atom:link href="http://uetsuhara.com/articles/tag/plugin/feed" rel="self" type="application/rss+xml" />
	<link>http://uetsuhara.com</link>
	<description>色々つくってつくってつくり倒すぜい！</description>
	<lastBuildDate>Sun, 08 Jan 2012 08:00:15 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Flickr の写真を手軽に挿入できる WordPress プラグイン「Photo Dropper」</title>
		<link>http://uetsuhara.com/articles/2011/11/photo-dropper.html</link>
		<comments>http://uetsuhara.com/articles/2011/11/photo-dropper.html#comments</comments>
		<pubDate>Sun, 06 Nov 2011 17:40:28 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=4021</guid>
		<description><![CDATA[読了目安 2分11秒 最近はめっきり使わなくなってしまいましたが、便利なプラグインには違いないのでご紹介！ 「Photo Dropper」は、自由に使っても OK な写真を Flickr から検索して、簡単に記事へ写真を &#8230; <a href="http://uetsuhara.com/articles/2011/11/photo-dropper.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 2分11秒</span>
<div class="wp-caption aligncenter" style="width: 510px"><a title="銀座 ダロワイヨ ケーキバイキング" href="http://www.flickr.com/photos/23713037@N07/6017911996/" target="_blank"><img style="margin-bottom: 0;" src="http://farm7.static.flickr.com/6021/6017911996_7fc83a03b1.jpg" alt="銀座 ダロワイヨ ケーキバイキング" width="500" height="333" /></a><p class="wp-caption-text">credit: norio.nakayama</p></div>
<p>最近はめっきり使わなくなってしまいましたが、便利なプラグインには違いないのでご紹介！</p>
<p>「<a href="http://www.photodropper.com/wordpress-plugin/" target="_blank">Photo Dropper</a>」は、自由に使っても OK な写真を Flickr から検索して、簡単に記事へ写真を挿入できるプラグインです。上記の写真は、Photo Dropper を利用して挿入しました。難点は、写真のサイズが小さいこと。設定で変えられないんだよなぁ。</p>
<span id=""><h3>ダウンロードとか使い方とか</h3></span>
<span id="_1"><h4>ダウンロード</h4></span>
<p>公式プラグインとしては公開されていないので、直接サイトへ行ってからダウンロード。ダウンロードリンクは、中段くらいにあります。<a href="http://www.photodropper.com/wordpress-plugin/" target="_blank">Download the Photo Dropper Flickr WordPress Plugin</a></p>
<span id="_2"><h4>メディアボタンにアイコン出現</h4></span>
<p><img class="alignleft size-full wp-image-4047" title="111107-022455" src="http://uetsuhara.com/wp-content/uploads/111107-022455.png" alt="" width="273" height="47" /><br />
有効化後、記事編集画面にいくと、メディアボタン群に Photo Dropper のアイコンが追加されています。</p>
<span id="_3"><h4>写真を検索してみる</h4></span>
<div id="attachment_4044" class="wp-caption aligncenter" style="width: 650px"><img class="size-full wp-image-4044" title="Photo Dropper" src="http://uetsuhara.com/wp-content/uploads/111107-020012.png" alt="Photo Dropper で写真を検索しているところ" width="640" height="350" /><p class="wp-caption-text">Photo Dropper で写真を検索しているところ</p></div>
<p>日本語も通りますが、英語などで検索した方が豊富に出てくる気がします。ちょっと検索が遅いのが難点。</p>
<span id="_4"><h4>商用利用時のセッティング</h4></span>
<div id="attachment_4049" class="wp-caption aligncenter" style="width: 710px"><img class="size-full wp-image-4049" title="111107-022738" src="http://uetsuhara.com/wp-content/uploads/111107-022738.png" alt="" width="700" height="556" /><p class="wp-caption-text">Show only photos that can be used commercially: にチェックで商用利用のみ検索</p></div>
<p>Flickr から写真を持ってきているので、中には商用利用禁止のモノがあります。というか、そっちの方が多いかな。なので、設定で、商用利用OKの写真だけを選別するボタンがあります。</p>
<p>でもあまり精度がよろしくない気がするので、個人利用で使うくらいが良いと思います。あるいは、その都度、写真の使える範囲を見た方が良いかもしれません。使いたい写真のリンク元へ行くと分かりますよ。</p>
<p>あとは、挿入時に、任意の HTML も一緒にいれることが可能です。CSS で自由にスタイリングできますね。<br />
と、気になったら使ってみてください！では。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/11/photo-dropper.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ちょっとだけ生産性向上の為の WordPress プラグイン「AddQuicktag」</title>
		<link>http://uetsuhara.com/articles/2011/10/addquicktag.html</link>
		<comments>http://uetsuhara.com/articles/2011/10/addquicktag.html#comments</comments>
		<pubDate>Sat, 29 Oct 2011 17:05:49 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=3794</guid>
		<description><![CDATA[読了目安 1分35秒 これは、冗談抜きに便利なプラグインだと思うので、インストール後は必ず入れておきましょう。別に今までのプラグイン紹介記事が冗談だった訳ではありませんが、この地味便利に勝るプラグインはなかなかお目にかか &#8230; <a href="http://uetsuhara.com/articles/2011/10/addquicktag.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 1分35秒</span>
<div id="attachment_3797" class="wp-caption aligncenter" style="width: 635px"><img class="size-full wp-image-3797 " title="AddQuicktag" src="http://uetsuhara.com/wp-content/uploads/111030-005822.png" alt="AddQuicktag の設定画面" width="625" height="521" /><p class="wp-caption-text">AddQuicktag の設定画面</p></div>
<p>これは、冗談抜きに便利なプラグインだと思うので、インストール後は必ず入れておきましょう。別に今までのプラグイン紹介記事が冗談だった訳ではありませんが、この地味便利に勝るプラグインはなかなかお目にかかれません。そんなこんなで、第4回目くらいのプラグイン紹介です！</p>
<span id="HTML_"><h3>HTML 投稿画面で地味便利にする</h3></span>
<p>とりあえず動画撮ったので見てみましょう。</p>
<p><object width="780" height="439"><param name="movie" value="http://www.youtube.com/v/PDkBN1VvgQU?version=3&#038;feature=oembed"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/PDkBN1VvgQU?version=3&#038;feature=oembed" type="application/x-shockwave-flash" width="780" height="439" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>このプラグインは、任意のHTMLタグなどを登録して、常時使えるようにするプラグインなのです。なんのこっちゃ？ってな人は、もう一度動画見てみて！任意の文字列を選択して、h3 ボタンを押すと文字列の前後にタグが挿入されるのです！</p>
<span id="HTML__1"><h3>HTML やショートコードなどの頻度が高いモノを登録</h3></span>
<p>さて、どんな時に使うと腰が抜けるほど便利なのでしょうか。僕の使い方をご紹介。ウエツハラで登録しているのは、</p>
<ul>
<li>h4 見出し</li>
<li>h3 見出し</li>
<li>目次のショートコード</li>
</ul>
<p>見出しはかなりの頻度で使いますし、目次もだいたい使います。とりあえず入れておきましょう！タグを書くのに、仮に7秒ほど短縮できるとして、1記事中で平均4つ使うとすると、30秒弱の時短！あれ、あまり大したことない！笑</p>
<p>でも入れて損はないとプラグインだと思います！あ、ビジュアル入力には関係ありませんので、その点ご注意。HTML 入力の際に使う便利なプラグインでした。</p>
<p><a href="http://wordpress.org/extend/plugins/addquicktag/" target="_blank">WordPress › AddQuicktag « WordPress Plugins</a></p>
<p>ではでは。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/10/addquicktag.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>画像を編集画面に一括挿入できる WP プラグイン「Faster Image Insert」</title>
		<link>http://uetsuhara.com/articles/2011/10/faster-image-insert.html</link>
		<comments>http://uetsuhara.com/articles/2011/10/faster-image-insert.html#comments</comments>
		<pubDate>Sun, 23 Oct 2011 16:47:17 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=3536</guid>
		<description><![CDATA[読了目安 1分9秒 はい、こんばんは！WordPress の時間がやって参りました。よく使う便利なプラグイン紹介たぶん第3回目くらい！パフパフっ。眠いのでテンション上げていきます。 さて、今日は、なんで WordPres &#8230; <a href="http://uetsuhara.com/articles/2011/10/faster-image-insert.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 1分9秒</span>
<p><img src="http://uetsuhara.com/wp-content/uploads/wp111024-010955.png" alt="WordPress 画象一括挿入プラグイン「Faster Image Insert」" title="WordPress 画象一括挿入プラグイン「Faster Image Insert」" width="640" height="350" class="aligncenter size-full wp-image-3559" /></p>
<p>はい、こんばんは！WordPress の時間がやって参りました。よく使う便利なプラグイン紹介たぶん第3回目くらい！パフパフっ。眠いのでテンション上げていきます。</p>
<p>さて、今日は、なんで WordPress デフォルトでついてねーんだよ！と思う、恐らく3本の指には入るであろう「Faster Image Insert」です。自分が使っているサイトには大抵入れています。</p>
<span id=""><h3>写真などの画像を一括で入れたり、選択した画像を挿入できる</h3></span>
<p>使い方はとても簡単。インストール後、有効化、編集画面の下辺りに「Faster Insert」ってのが現れます。画象の追加はいつも通り。</p>
<p>追加後、ライブラリを見ると、チェックボックスが付いております！ので、任意の画象にチェックを入れて一括挿入ボタンを押すと、あら不思議、選択した画像が管理画面にブッ込まれていますよ。</p>
<p>ちなみに、一括編集もできるようです。僕はあまり使ってませんが。</p>
<div id="attachment_3561" class="wp-caption aligncenter" style="width: 650px"><img src="http://uetsuhara.com/wp-content/uploads/111024-011032.png" alt="「Faster Image Insert」の画面" title="111024-011032" width="640" height="452" class="size-full wp-image-3561" /><p class="wp-caption-text">「Faster Image Insert」の画面</p></div>
<p>ということで、第3回 WordPress プラグイン紹介タイムはこれにて終了！ではでは。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/10/faster-image-insert.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>wp-hatena 拡張版 を Twenty Eleven でも使えるように（する）なった！</title>
		<link>http://uetsuhara.com/articles/2011/10/wp-hatena-extended.html</link>
		<comments>http://uetsuhara.com/articles/2011/10/wp-hatena-extended.html#comments</comments>
		<pubDate>Sat, 15 Oct 2011 17:20:17 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=3276</guid>
		<description><![CDATA[読了目安 2分42秒 さて、連チャンで WordPress ネタになってしまいましたが、今日もプラグインのご紹介！WordPress プラグイン紹介、連載第二夜！ 今日は、ソーシャルボタンを手軽にテーマ内に挿入するプラグ &#8230; <a href="http://uetsuhara.com/articles/2011/10/wp-hatena-extended.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 2分42秒</span>
<p><img src="http://uetsuhara.com/wp-content/uploads/111016-005825.png" alt="wp-hatena 拡張版" title="wp-hatena 拡張版" width="506" height="180" class="aligncenter size-full wp-image-3281" /><br />
さて、連チャンで WordPress ネタになってしまいましたが、今日もプラグインのご紹介！WordPress プラグイン紹介、連載第二夜！</p>
<p>今日は、ソーシャルボタンを手軽にテーマ内に挿入するプラグインと Facebook をより活用するプラグインです。いくつかあるようですが、今回は「<a href="http://wppluginsj.sourceforge.jp/wp-hatena-extended/" target="_blank">wp-hatena 拡張版</a>」と「<a href="http://wordpress.org/extend/plugins/wp-ogp/" target="_blank">WP-OGP</a>」をご紹介！実は、今日僕も入れてみました！ちょっと前からソーシャルボタンを入れたいなぁと思っていて、<a href="http://nskw-style.com/" target="_blank">西川さん</a>に後押しされて入れてみました。サンクス！</p>
<p>このページの文章の終わりくらいにはてなブックマークや twitter などのソーシャルボタンが設置してあります。あわよくば何か押してみてください！</p>
<span id=""><h3>同種のプラグインもご紹介</h3></span>
<p>いちお、同種で別のプラグインも。こちらは<a href="http://www.understandard.net/" target="_blank">じゅんさん</a>に教えてもらいました。たぶん他にもあります。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/sexybookmarks/screenshots/" target="_blank">WordPress › SexyBookmarks</a></li>
<li><a href="http://wordpress.org/extend/plugins/wp-social-bookmarking-light/screenshots/" target="_blank">WordPress › WP Social Bookmarking Light</a></li>
</ul>
<span id="Twenty_Eleven__Twenty_Ten_"><h3>Twenty Eleven と Twenty Ten には使え<del datetime="2011-11-11T06:00:39+00:00">ない？！</del>るようになった！</h3></span>
<p>さて、<a href="http://wppluginsj.sourceforge.jp/wp-hatena-extended/" target="_blank">wp-hatena 拡張版</a>を導入しようと、導入方法を真似てテーマに書きましたが、動作<del datetime="2011-11-11T06:00:39+00:00">しない！！ガビーン。</del>します！いえい！作者の <a href="https://twitter.com/#!/hibiki443" target="_blank">hibiki443</a> さんが対応してくださいました。ありがとうです！<a href="http://wp.graphact.com/2011/11/11/wp-hatena1-1" target="_blank">wp-hatena 拡張版 1.1 リリースしました | Numb.</a></p>
<p><del datetime="2011-11-11T06:00:39+00:00">なんでだろと、じゅんさんに手伝ってもらいながら色々試してみると（朝からありがとー！）、どうやら Twenty Eleven と Twenty Ten のcontent-single.php や loop-single.php の中でだと使えないみたいでした。single.php に直接コードを書くと無事動作しました。なんでだぁ…。動かなかった場合は、試してみてください。</del></p>
<span id="Facebook_WP-OGP"><h3>Facebook 用に「WP-OGP」も導入しよう！</h3></span>
<p>とりあえず、Facebook にサイトを対応させるため <a href="http://wordpress.org/extend/plugins/wp-ogp/" target="_blank">WP-OGP</a> というプラグインを入れておくと幸せになれるかもしれません。</p>
<p>いいね！された時に友だちのタイムラインにも流したり、シェアする時に、サムネイルを指定してくれたりと、色々密かにやってくれる縁の下の力持ち的プラグインだそうです。詳しく知りたい方は、下記サイトなどを参照してみてください。</p>
<ul>
<li><a href="http://d.hatena.ne.jp/hajimeataka/20110505/1304582395" target="_blank">Facebook「いいね」設置時に絶対に行うべき1つの施策[Wordpress編] &#8211; パパパパ</a></li>
<li><a href="http://tkosumi.com/life/2011/02/wordpressfacebook.html" target="_blank">［WordPress］Facebookのサムネイルはこうして出す！ &#8211; TAKASHI KOSUMI LIFELOG</a></li>
</ul>
<span id="_1"><h3>記事を書くモチベーションにつながる？！</h3></span>
<p>以上、無事ソーシャルボタン設置計画は終了いたしました！直接的な記事の評価ではないのかもしれませんが、やはり数字が増えるのを見るとやる気に直結しますね。記事を書くモチベーションも自然と湧いてきます。良かったら導入を検討してみてください。</p>
<p>ということで、皆さま、良かったら各ボタンを押し倒してから帰って下さい（笑）<br />
ではでは！</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/10/wp-hatena-extended.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>WordPress のコメント欄をワイワイにしてくれる Feedback Champuru</title>
		<link>http://uetsuhara.com/articles/2011/10/wordpress-feedback-champuru.html</link>
		<comments>http://uetsuhara.com/articles/2011/10/wordpress-feedback-champuru.html#comments</comments>
		<pubDate>Fri, 14 Oct 2011 16:58:26 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=2438</guid>
		<description><![CDATA[読了目安 2分23秒 便利なプラグインを紹介してみよう、連載第一回目！ブログにはたいていコメントスペースがあると思いますが、今回はそのコメント欄をキャッキャわいわいと賑やかに華やかにしてくれるプラグイン「Feedback &#8230; <a href="http://uetsuhara.com/articles/2011/10/wordpress-feedback-champuru.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 2分23秒</span>
<p><a href="http://wordpress.org/extend/plugins/feedback-champuru/"><img src="http://uetsuhara.com/wp-content/uploads/111015-012103.png" alt="Feedback Champuru" title="Feedback Champuru" width="640" height="350" class="aligncenter size-full wp-image-3252" /></a><br />
便利なプラグインを紹介してみよう、連載第一回目！ブログにはたいていコメントスペースがあると思いますが、今回はそのコメント欄をキャッキャわいわいと賑やかに華やかにしてくれるプラグイン「<a href="http://wordpress.org/extend/plugins/feedback-champuru/" target="_blank">Feedback Champuru</a>」のご紹介！</p>
<p>とりあえずサンプル見てもらえると手っ取り早いですね。最近書いた記事で、コメント欄が賑わってる記事です。<a href="http://uetsuhara.com/articles/2011/10/wordpress.html/comment-page-1#comment-tweet-38" target="_blank">「わーどぷれす？ってナンデスカ？」という WordPress を知らない友人へ | ウエツハラ</a></p>
<span id=""><h3>つぶやきなどを拾ってくる</h3></span>
<p>何を隠そう（いや隠してないか）Feedback Champuru は、twitterなどでこの記事に言及されたモノを引っ張ってきて表示してくれるのです！公式には、<strong>Twitter and Social Bookmarking systems(Hatena, Delicious, FriendFeed, livedoor clip, Buzz)</strong> と書かれています。最近、Google+にも対応していたような。</p>
<span id="_1"><h3>気軽にコメント投稿できるよ！</h3></span>
<p>ブログを始めた頃はなかなかコメントもつきにくいです。（このサイトは、未だにコメント少ないですがｗ）これがあると、なんとなく流行っている感が少し醸し出せますし、閲覧者としては直接コメントを書くより気軽にコメントが投稿できます。どちらかと言えば、コメント投稿者の障壁を下げるために導入している気がします。僕は。</p>
<span id="by_"><h3>感謝の意を表したい by おでさん</h3></span>
<p>これは、おでさんの言葉なのですけど、言及してくれた人に恩返し的に導入しているそうです。なるほど。</p>
<blockquote><p>ブログの更新告知を Twitter でしているもんだから余計とそうなるのかもしれませんが、せっかくいただいたフィードバック。はてブや delicious もまとめて表示して、感謝の意を表したいと思ったのが、このプラグインを望んだ理由であります。<br />
<a href="http://www.odysseygate.com/archives/1644" target="_blank">WordPress のコメントに Twitter やはてブのフィードバックを追加する Feedback Champuru を入れてみた | Odysseygate.com</a>
</p></blockquote>
<span id="_2"><h3>スタイルを自由に！</h3></span>
<p>そういえば、この機能を使っていなかったんですけど、Feedback Champuru では、コメント元に応じてそれぞれのclassを付与してくれます。twitter の場合は <code>tweet</code> などのクラスをつけますので、CSSで自由にカスタマイズできますね。今度使ってみよ。</p>
<p>ということで、皆さまもぜひぜひ導入を検討してみてください！作者のをかもとさん、ありがとうございます！<br />
<a href="http://dogmap.jp/2010/07/04/feedback-champru/" target="_blank">Feedback Champru : dogmap.jp</a><br />
<a href="http://wordpress.org/extend/plugins/feedback-champuru/" target="_blank">WordPress › Feedback Champuru « WordPress Plugins</a></p>
<p>ではではっ</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/10/wordpress-feedback-champuru.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>WordPress 管理画面のリンクを新規ウィンドウで開くプラグイン作った！</title>
		<link>http://uetsuhara.com/articles/2011/09/wordpress-admin-open-newtab.html</link>
		<comments>http://uetsuhara.com/articles/2011/09/wordpress-admin-open-newtab.html#comments</comments>
		<pubDate>Thu, 01 Sep 2011 14:09:10 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=2584</guid>
		<description><![CDATA[読了目安 3分24秒 WordBeach Nagoya 夜の部で作ったぜい WordBeach Nagoya の合宿で、初プラグイン作りました！プログラムの領域に入ると尻込みしていたんですが、合宿という強制力＆夜を共にし &#8230; <a href="http://uetsuhara.com/articles/2011/09/wordpress-admin-open-newtab.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 3分24秒</span>
<p><div id="attachment_2592" class="wp-caption aligncenter" style="width: 585px"><img class="size-full wp-image-2592" title="admin-open-new-window" src="http://uetsuhara.com/wp-content/uploads/admin-open-new-window.png" alt="WordPress 管理画面のリンクを新規タブ・ウィンドウで開く - タイトル編" width="575" height="300" /><p class="wp-caption-text">WordPress 管理画面のリンクを新規タブ・ウィンドウで開く - タイトル編</p></div><br />
<div class='toc toc'>
<h2>目次ですよー！</h2>
<ul class='toc-odd level-1'>
	<li>
		<a href="#WordBeach_Nagoya_">WordBeach Nagoya 夜の部で作ったぜい</a>
		<ul class='toc-even level-2'>
			<li>
				<a href="#">巻き込まれた方々</a>
			</li>
			<li>
				<a href="#_1">参考にしたサイト</a>
			</li>
		</ul>
	<li>
		<a href="#_2">【機能の説明】新規タブで開きたい！</a>
		<ul class='toc-even level-2'>
			<li>
				<a href="#Admin_Utility">プラグインの名前「（仮称）Admin Utility」</a>
			</li>
			<li>
				<a href="#_3">ベータ版テストしてくれる人を募集中</a>
			</li>
			<li>
				<a href="#_4">更新履歴</a>
			</li>
			<li>
				<a href="#_5">ダウンロード</a>
			</li>
</ul>
</ul>
</ul>
</ul>
</div>
<div class='toc-end'>&nbsp;</div></p>
<span id="WordBeach_Nagoya_"><h3>WordBeach Nagoya 夜の部で作ったぜい</h3></span>
<p><a href="http://wordbeach.org/" target="_blank">WordBeach Nagoya</a> の合宿で、初プラグイン作りました！プログラムの領域に入ると尻込みしていたんですが、合宿という強制力＆夜を共にした心強い仲間のお陰でとりあえずそれっぽい物ができたっぽいです。これからもうちょい腕を磨いて改良していく予定！</p>
<span id=""><h4>巻き込まれた方々</h4></span>
<p>特に、<a href="http://www.warna.info/" target="_blank">みんなのまがりんこと大曲さん</a>には半ば呆れられつつも、手取り足取り教えていただきました。がんばります…。さらに、匙を投げられたあたりで、<a href="http://notnil-creative.com/" target="_blank">菱川さん</a><del>にJavaScriptをご指導頂きました。</del>を巻き込みました。お二方、ありがとうございました。</p>
<p>さらに、精根尽き果てたあたりで、<a href="http://www.odysseygate.com/" target="_blank">おでさん</a>が「タイトルのところ、フォントサイズ小さくて押しづらいよねー」的なことをサラりと宣っていたので追加しました。ありがとうございます！で、ボタン風にしてみました。少しは押しやすくなりましたでしょうか？</p>
<p>他にも何かご要望ございましたら、ぜひ！</p>
<span id="_1"><h4>参考にしたサイト</h4></span>
<ul>
<li><a href="http://js.agilmente.com/2010/04/21/47/" target="_blank">target=”_blank”をjQueryで実現 : JSをつらつらとダラダラと書く</a></li>
<li><a href="http://mypacecreator.net/blog/archives/1254" target="_blank">WordPressで記事入力時にBackSpaceを押しても前の画面に戻らないようにするとクライアント助かる（多分）[WordPress使えそうなスニペットシリーズ] | マイペースクリエイターの覚え書き</a></li>
</ul>
<span id="_2"><h3>【機能の説明】新規タブで開きたい！</h3></span>
<div id="attachment_2591" class="wp-caption aligncenter" style="width: 650px"><img class="size-full wp-image-2591" title="110831-1751242" src="http://uetsuhara.com/wp-content/uploads/110831-1751242.png" alt="WordPress 管理画面のリンクを新規タブ・ウィンドウで開く - 記事一覧" width="640" height="145" /><p class="wp-caption-text">WordPress 管理画面のリンクを新規タブ・ウィンドウで開く - 記事一覧</p></div>
<p>毎回、必ずと言っていいほど新規タブで開くのに、新規タブでは開いてくれないリンク。たぶん、HTMLか大人の事情です。でも、僕は使いやすさを選びます！</p>
<p>ということで、管理画面のタイトル部分と、記事やページ一覧などのリンクに <code>taget="_blank"</code> を追加しました。</p>
<span id="Admin_Utility"><h4>プラグインの名前「（仮称）Admin Utility」</h4></span>
<p>現状では、新規タブ・ウィンドウで開くだけのしがないプラグインです。だがしかし、以前、<a href="http://www.understandard.net/" target="_blank">僕らのじゅんさん</a>に相談した時に、他にも機能追加してっちゃいなYO的なこと言ってた気がしたので、採用して今後も拡張していきます！たぶん！</p>
<p>ってことで、管理画面を便利にしちゃうぜってことで、とりあえず「Admin Utility」にしました。仮称なので、いつでも改名の準備はできています！この辺アドバイス頂けると嬉しいです。命名センスにも英語力にも、まるで自信ないので。</p>
<p>出来上がったもの見ると、僕はアイデア出しただけで、あとは手伝って貰ったり記事をコピペったりしただけだよなぁと。…改めてご協力いただいた皆さま、ありがとうございます！！</p>
<span id="_3"><h4>ベータ版テストしてくれる人を募集中</h4></span>
<p>もうちょいしたら、WordPressの公式プラグインとして登録を試みてみようと思います。その前に、（仮称）Admin Utilityのベータ版テストユーザー募集中です！あーした方が良い！とかこうしてみたら？などのご意見、賛辞などお待ちしております！特に賛辞！笑</p>
<p>機能要望なども同時受付中。よろしくお願いいたします。</p>
<span id="_4"><h4>更新履歴</h4></span>
<p>Version: 0.2 &#8211; ロゴがズレるという初歩的ミスの修正（2011/09/02）</p>
<span id="_5"><h4>ダウンロード</h4></span>
<p><a href="http://uetsuhara.com/wp-content/uploads/admin-utility-0.2.zip" target="_blank"><strong>≫（仮称）Admin Utilityをダウンロードしてみちゃう</strong></a></p>
<p>インストールは、いつもと同じ手口でOKです。<br />
なお、今後名称や機能が変わる恐れがありますが、その点ご了承くださいませ。</p>
<p>ではでは。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2011/09/wordpress-admin-open-newtab.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>連載 : WordPress 2.7 の管理画面をカスタマイズ (目次)</title>
		<link>http://uetsuhara.com/articles/2009/03/wordpress-admin-1.html</link>
		<comments>http://uetsuhara.com/articles/2009/03/wordpress-admin-1.html#comments</comments>
		<pubDate>Wed, 25 Mar 2009 06:15:54 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=1505</guid>
		<description><![CDATA[読了目安 0分55秒 ワードプレスの表側テンプレートのカスタマイズに関しては、いくつも有益な記事があります。しかしながら、管理画面のカスタマイズに関する記事はほとんどありません。残念。 個人で使うことが多く、まだまだ企業 &#8230; <a href="http://uetsuhara.com/articles/2009/03/wordpress-admin-1.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 0分55秒</span>
<p><span class="entry_img"><img class="size-medium wp-image-828" title="wordpress_logo_rgb" src="http://uetsuhara.com/wp-content/uploads/wordpress_logo_rgb.png" alt="wordpress_logo_rgb" width="500" height="139" /></span><br />
ワードプレスの表側テンプレートのカスタマイズに関しては、いくつも有益な記事があります。しかしながら、管理画面のカスタマイズに関する記事はほとんどありません。残念。</p>
<p>個人で使うことが多く、まだまだ企業用にワードプレスを使うことが少ないのが原因の一つかもしれませんね。</p>
<p>企業用に使うことが増えれば、企業のロゴを挿入したり、カラースキームを替えたり、投稿画面を改造したりと、色々必要になってくるかもしれません。</p>
<p>ということで、それを見越して、管理画面のカスタマイズに取り組みたいと思います！</p>
<p>具体的には、管理画面テンプレートの改造、管理画面用プラグインのご紹介、などを想定しております。他にも何かご要望があれば、出来る範囲で対応いたします。よろしくお願いします。</p>
<p>まぁ WordPress2.7 になってから、格段に管理画面が使い易くなりましたので、あまり変えたい箇所も多くはないかもしれませんが(・ε・)</p>
<span id=""><h3>連載目次（随時更新予定！）</h3></span>
<ol>
<li><a href="http://uetsuhara.com/articles/2009/03/newtab.html" target="_blank">「サイトを開く」のリンクを新しいタブで開くようにする</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2009/03/wordpress-admin-1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP　カスタムフィールドの活用法、実例を使って…</title>
		<link>http://uetsuhara.com/articles/2008/10/custom-field.html</link>
		<comments>http://uetsuhara.com/articles/2008/10/custom-field.html#comments</comments>
		<pubDate>Fri, 31 Oct 2008 04:26:12 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=799</guid>
		<description><![CDATA[読了目安 9分22秒 意外に WordPress のカスタムフィールド関連のアクセスが多いので調子に乗ってまとめてみました。（本記事は、ワードプレスのテーマをカスタマイズしたい方、テーマを作成したい方向けの記事です。）  &#8230; <a href="http://uetsuhara.com/articles/2008/10/custom-field.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 9分22秒</span>
<p><span class="entry_img"><img class="size-medium wp-image-828" title="wordpress_logo_rgb" src="http://uetsuhara.com/wp-content/uploads/wordpress_logo_rgb.png" alt="wordpress_logo_rgb" width="500" height="139" /></span><br />
意外に WordPress のカスタムフィールド関連のアクセスが多いので調子に乗ってまとめてみました。（本記事は、ワードプレスのテーマをカスタマイズしたい方、テーマを作成したい方向けの記事です。）</p>
<span id=""><h3>目次</h3></span>
<ol>
<li><a href="#w1">カスタムフィールドとは何ぞや</a></li>
<li><a href="#w2">便利さ増大！便利なプラグイン</a></li>
<li><a href="#w3">サムネイル画像をカスタムフィールドで管理する</a></li>
</ol>
<h3 id="w1">そもそもカスタムフィールドってなに？？</h3>
<p>WordPress を使い始めてある程度慣れて来ると、だんだん気になってくるのがこのカスタムフィールドの存在ではないでしょうか。説明には「カスタムフィールドは投稿に特別なメタデータを追加するために使うものです。ほにゃらら～」と書いてありますが、正直よく分かりません。いきなりメタデータなんて言われても･･･と思ってしまうのは僕だけでしょうか。</p>
<p>実際のところ、メタデータが何なのか分からなくても問題ありません。カスタムフィールドは、情報を効率良く書き込める、くらいに思っておいて問題ないと思われます。難点を言えば、RSSに出力されないということでしょうか。もしかしたら出来るのかもしれませんが。</p>
<p>とりあえず、サンプル画像を見てみましょう。<a href="http://uetsuhara.com/articles/2008/10/excel-graph.html" target="_blank">エクセルで作るシンプルでクールなグラフ | UMLAND</a>で実物が見れます。</p>
<div id="attachment_834" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-834" title="customfield_in" src="http://uetsuhara.com/wp-content/uploads/customfield_in.png" alt="customfield_in" width="500" height="246" /><p class="wp-caption-text">これがカスタムフィールドにキーや値などを入力した画像</p></div>
<p><span class="entry_img"><br />
</span></p>
<div id="attachment_835" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-835" title="customfield_ex" src="http://uetsuhara.com/wp-content/uploads/customfield_ex.png" alt="customfield_ex" width="500" height="168" /><p class="wp-caption-text">これが、上のカスタムフィールドを実際に出力した画像</p></div>
<p>イメージ掴めましたでしょうか。上記の場合、気になるニュースというボックスがキーになります。そして、その箱に任意の文字を放り込みます。今回の場合だと、一言メモや URL などですね。</p>
<p>この箱の中に書き込む文字はなんでも構いません。自分が気になるニュースであれば、例えば、「上野動物園からパンダが脱走したらしい！」でもOKです。</p>
<p>一方、入れ物であるキーの側はいつも一緒です。むしろ、<strong>使い回すことで真価が発揮されます</strong>。繰り返し使うモノにカスタムフィールドは適しています。</p>
<p>そして、テンプレートにカスタムフィールドの値を出力するコードを埋め込んでおけば、値がある場合には、指定した場所に値が出力されます。値が空の場合は、何も出力されません。</p>
<p>最後に、もう一度おさらい代わりに次の画像をご覧下さい。拙い画でごめんなさい。<br />
<img class="size-medium wp-image-837" title="customfield_01" src="http://uetsuhara.com/wp-content/uploads/customfield_01.png" alt="customfield_01" width="500" height="458" /></p>
<p>これは、あるサイトの簡略図です。コンテンツやサイドバーが黄緑色の所です。それでですね、赤い部分に、カスタムフィールドのキーや値を出力したいとしましょう。下の図で、赤い部分を詳しく見てみましょう。</p>
<div id="attachment_838" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-838" title="customfield_kye_01" src="http://uetsuhara.com/wp-content/uploads/customfield_kye_01.png" alt="customfield_kye_01" width="500" height="259" /><p class="wp-caption-text">ボックスの概念図。さまざまな値を入れることができる。</p></div>
<p>kye(都道府県)と書いてあるボックスがカスタムフィールドのキーとなります。今回は、記事毎に、都道府県を入れると想定します。ですから、ボックスの周りにあるのが、値になります。なにを入れてもOKです。</p>
<div id="attachment_839" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-839" title="customfield_kye_02" src="http://uetsuhara.com/wp-content/uploads/customfield_kye_02.png" alt="customfield_kye_02" width="500" height="259" /><p class="wp-caption-text">ボックスの概念図その2。ボックスは幾つでも作ることが可能。</p></div>
<p>また、ボックスは何もひとつだけでなくても構いません。いくつでも作れます。こんな風に。</p>
<p>さぁ余計分かりにくくなったかもしれないところで次にいきましょうｗ</p>
<h3 id="w2">プラグインは入れなきゃ損損！</h3>
<p>何となく使い方が分かったところで、いきなり応用編に突入してしまいましょう。応用編は、オススメのプラグインや使い方をお伝えします。と思いましたが、以前にも、<a href="http://uetsuhara.com/articles/2008/09/custom-field.html" target="_blank">WP　カスタムフィールドを便利に使いこなすプラグイン | UMLAND</a>という記事を書いておりますので、詳しくはそちらをご覧下さい。</p>
<p>こちらでは、サムネイル画像や画像をカスタムフィールドを使って差し込む方法を詳しく書きたいと思います。</p>
<p>いちおー必須のプラグインだけ載せておきます。</p>
<ul>
<li><a href="http://www.tinybeans.net/blog/download/wp-plugin/cfg-utility-100.html">Custom Field GUI Utility &#8211; WordPress プラグイン &#8211; かたつむりくんのWWW</a></li>
<li><a href="http://coffee2code.com/wp-plugins/get-custom-field-values/">coffee2code.com » Get Custom Field Values</a></li>
</ul>
<h3 id="w3">カスタムフィールドで画像を表示させる</h3>
<div id="attachment_843" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-843" title="2008-10-31_0008" src="http://uetsuhara.com/wp-content/uploads/2008-10-31_0008.png" alt="サムネイルサンプル" width="500" height="445" /><p class="wp-caption-text">実際にカスタムフィールドを使ってサムネイル画像を表示させたサンプル</p></div>
<p>先ほどご紹介したプラグインを使って、自由自在に画像を表示させてみましょう。このサイトの<a href="http://uetsuhara.com/" target="_blank">トップページ</a>や<a href="http://uetsuhara.com/articles/tag/seeds-of-ideas" target="_blank">アーカイブページ</a>では、実際にカスタムフィールドを使いサムネイル画像を表示させています。参考までにご覧下さい。</p>
<p>画像を表示させること自体は、プラグインなしでも実現できます。が、やはりプラグインはあった方が便利ですね。四の五の言わずにとっとと入れてしまいましょう。まぁ何かあっても自己責任でお願いしますｗと言っても今まで不具合はありませんが。</p>
<p>では、テンプレートに差し込むコードを見てみませう。</p>
<p><span style="color: #f6087f;">&lt;?php</span> <span style="color: #8b008b;">echo</span> c2c_get_custom(<span style="color: #0000ff;">&#8216;entry-thumb&#8217;</span>,<span style="color: #0000ff;">&#8216;&lt;div id=&#8221;single-thumb&#8221;&gt;<br />
&lt;img src=&#8221;http://uetsuhara.com/wp-content/uploads/&#8217;</span>,<span style="color: #0000ff;">&#8216;&#8221; alt=&#8221;サムネイル&#8221; /&gt;&lt;/div&gt;&#8217;</span>,<span style="color: #0000ff;">&#8216;entry_thumbnail.gif&#8217;</span>,<span style="color: #0000ff;">&#8221;</span>,<span style="color: #0000ff;">&#8221;</span>); <span style="color: #f6087f;">?&gt;</span></p>
<p>c2c_get_custom というのは、プラグイン <a href="http://coffee2code.com/wp-plugins/get-custom-field-values/">Get Custom Field Values</a> のテンプレートタグです。このタグを使うことで、かなり柔軟に出力を行なうことが可能になります。HTMLタグを出力することもできるので重宝します。</p>
<p>タグの詳しい使い方は<a href="http://g2a-folio.blogspot.com/2008/03/au.html">[WP] Get Custom Field Values の復習 &#8211; G2A Folio</a> さんが分かりやすいと思います。当サイトでは、上記のテンプレタグの解説をしたいと思います。</p>
<div id="attachment_849" class="wp-caption alignnone" style="width: 482px"><img class="size-medium wp-image-849" title="customfield_wp_top" src="http://uetsuhara.com/wp-content/uploads/customfield_wp_top.png" alt="customfield_wp_top" width="472" height="133" /><p class="wp-caption-text">編集画面のカスタムフィールドはこんな感じです</p></div>
<p>まず、<span style="color: #0000ff;">&#8216;entry-thumb&#8217;</span> がキーになります。出力したいキーをここに入れましょう。これで、値を取り出すことができます。値には、出力したい画像のファイル名を入れます。ここでは、wp_top_thumbnail.gif とします。<br />
つぎに、値の前後に入れるHTMLタグなどを入れます。上記の例では、<span style="color: #0000ff;">&#8216;&lt;div id=&#8221;single-thumb&#8221;&gt;&lt;img src=&#8221;http://uetsuhara.com/wp-content/uploads/&#8217;</span> が、値の前に出力されます。つぎに、カンマで区切り、値の後ろに入れるHTMLタグを入れます。ここでは、<span style="color: #0000ff;">&#8216;&#8221; alt=&#8221;サムネイル&#8221; /&gt;&lt;/div&gt;&#8217;</span> ですね。</p>
<p>HTMLが途切れているのは、間に値であるファイル名が入るからです。</p>
<p>&lt;img src=&#8221;http://uetsuhara.com/wp-content/uploads/<span style="color: #ff0000;">wp_top_thumbnail.gif</span>&#8221; alt=&#8221;サムネイル&#8221; /&gt;</p>
<p>この例だと、赤い部分が値になります。赤字の値は編集画面で任意の値を書きこみます。ですから、テンプレート側には、値の部分を除いた部分を書きこみます。下のコードの青い部分です。</p>
<p><span style="color: #0000ff;">&lt;img src=&#8221;http://uetsuhara.com/wp-content/uploads/</span>wp_top_thumbnail.gif<span style="color: #0000ff;">&#8221; alt=&#8221;サムネイル&#8221; /&gt;</span></p>
<p>ちなみに、出力される画像の拡張子、例えば .gif など、が毎回同じならば、HTMLに含めることもできます。当サイトでは、png や jpeg なども使うので、拡張子は含めていませんが、いつも同じ拡張子を使うようにすれば手間が省けるかもしれませんね。</p>
<span id="_1"><h3>値が空の場合の処理</h3></span>
<div id="attachment_846" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-846" title="entry_thumbnailgif" src="http://uetsuhara.com/wp-content/uploads/entry_thumbnailgif.png" alt="entry_thumbnailgif" width="500" height="150" /><p class="wp-caption-text">値に何も入力しなかった場合の出力結果</p></div>
<p>最後に、値が空だった場合の処理を書きこみます。今回の例では、<span style="color: #0000ff;">&#8216;entry_thumbnail.gif&#8217;</span> が空だった場合の処理になります。下の画像は、値が空の場合の処理が実際にされている場合の画像です。</p>
<p>こういったサムネイル画像の場合、空の場合の処理をしておかないと悲惨な結果になるかもしれません。未処理の場合、実際に値が空だと、そこのサムネイル部分には何も表示されず、全体的な統一感が損なわれてしまいます。</p>
<div id="attachment_847" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-847" title="thumbnail_put" src="http://uetsuhara.com/wp-content/uploads/thumbnail_put.png" alt="thumbnail_put" width="500" height="348" /><p class="wp-caption-text">こちらは空の場合の処理をした画像</p></div>
<div id="attachment_848" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-848" title="thumbnail_empty" src="http://uetsuhara.com/wp-content/uploads/thumbnail_empty.png" alt="thumbnail_empty" width="500" height="348" /><p class="wp-caption-text">こちらは空の場合の処理がされていない場合のサンプル</p></div>
<p>処理をしてないと、ちょっと寂しい感じになりますね。もちろん、毎回違ったサムネイル画像を入れられれば良いのですが、実際は記事毎にサムネイル画像を用意するのは<span style="text-decoration: line-through;">面倒くさい</span>なかなか大変です。なので、値が空の場合の処理はしておくことをおすすめいたします。</p>
<p>とまぁ長くなりました。最後に、wp_top_thumbnail.gif を値とした場合の出力結果をご覧頂いて、本日はお別れしたいと思います。</p>
<div id="attachment_849" class="wp-caption alignnone" style="width: 482px"><img class="size-medium wp-image-849" title="customfield_wp_top" src="http://uetsuhara.com/wp-content/uploads/customfield_wp_top.png" alt="customfield_wp_top" width="472" height="133" /><p class="wp-caption-text">編集画面のカスタムフィールド</p></div>
<div id="attachment_851" class="wp-caption alignnone" style="width: 510px"><img class="size-medium wp-image-851" title="customfield_finished_thumb" src="http://uetsuhara.com/wp-content/uploads/customfield_finished_thumbn.png" alt="customfield_finished_thumb" width="500" height="154" /><p class="wp-caption-text">実際の出力結果</p></div>
<p>質問などが浮上しましたら、分かる範囲でご協力いたします。コメントかメッセージからお願いします。では、ごきげんよう。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2008/10/custom-field.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>WP　カスタムフィールドを便利に使いこなすプラグイン</title>
		<link>http://uetsuhara.com/articles/2008/09/custom-field-2.html</link>
		<comments>http://uetsuhara.com/articles/2008/09/custom-field-2.html#comments</comments>
		<pubDate>Wed, 03 Sep 2008 11:27:19 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=231</guid>
		<description><![CDATA[読了目安 4分45秒 カスタムフィールドをそのまま使うのも悪くないですが、場合によってはプラグインを使うともっと便利になったりします。今回は、二つのプラグインの複合技です。（そんな大袈裟なもんじゃないですが。） 今回使う &#8230; <a href="http://uetsuhara.com/articles/2008/09/custom-field-2.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 4分45秒</span>
<div class="entry_img"><img class="aligncenter size-medium wp-image-251" title="wordpress-plugin" src="http://uetsuhara.com/wp-content/uploads/wordpress-plugin.png" alt="" width="350" height="70" /></div>
<p>カスタムフィールドをそのまま使うのも悪くないですが、場合によってはプラグインを使うともっと便利になったりします。今回は、二つのプラグインの複合技です。（そんな大袈裟なもんじゃないですが。）</p>
<span id=""><h3>今回使うプラグイン</h3></span>
<ul>
<li><a href="http://www.tinybeans.net/blog/download/wp-plugin/cfg-utility-100.html">Custom Field GUI Utility &#8211; かたつむりくんのWWW</a></li>
<li><a href="http://coffee2code.com/wp-plugins/get-custom-field-values/">Get Custom Field Values &#8211; coffee2code.com</a></li>
</ul>
<span id="Custom_Field_GUI_Utility_"><h3>Custom Field GUI Utility の効能</h3></span>
<p>本家版の <a href="http://rhymedcode.net/projects/custom-field-gui/">Custom Field GUI</a> はなかなか有名ですので、もしかしたらご存知の方もいらっしゃるかもしれませんね。これは、カスタムフィールドの入力を容易にするプラグインです。チェックボックスなどもあり、度々入力する場合などに重宝します。定型フォーマットを作れば、商品情報管理などにも使えますね。</p>
<p>有効化すると、下記画像のように、テキストフィールドが現れます。</p>
<div id="attachment_232" class="wp-caption aligncenter" style="width: 510px"><img class="size-medium wp-image-232" title="rc-custom-field-gui" src="http://uetsuhara.com/wp-content/uploads/rc-custom-field-gui-500x325.png" alt="" width="500" height="325" /><p class="wp-caption-text">Custom Field GUI を有効化させると、編集画面に上記のようなフィールドが出現。</p></div>
<p>そして、Custom Field GUI Utility はその改良版です。とても使い易く改良されています。画像確認や、日本語表示など、まさに欲しかった機能満載です。いままでは、本家版を使っていましたが、今後はこれを使わせて貰おうと思っています。</p>
<p>ちなみに、<a href="http://wordpressgogo.com/development/custom-field-template.html">Custom Field Template plugin &#8211; WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go</a>というプラグインもあります。お好きな方をお選びください。個人的には、最初の方が細かく設定できるので好きです。</p>
<span id="Get_Custom_Field_Values_"><h3>Get Custom Field Values の効能</h3></span>
<p><span class="entry_img"><a href="http://coffee2code.com/wp-plugins/get-custom-field-values/"><img class="aligncenter size-medium wp-image-261" title="get-custom-field-values" src="http://uetsuhara.com/wp-content/uploads/get-custom-field-values-500x241.png" alt="" width="500" height="241" /></a></span></p>
<p>さて、お次は <a href="http://coffee2code.com/wp-plugins/get-custom-field-values/">Get Custom Field Values</a> です。（WP2.6.1で使用可能）これは、入力したカスタムフィールドを出力するプラグインです。ただ出力するだけではありません！手軽に柔軟な出力が行なえるというわけです。以下、要点です。</p>
<ul>
<li>HTMLタグを織り込める</li>
<li>ループの外でも使える</li>
<li>値が空の場合の処理ができる</li>
</ul>
<span id="HTML"><h3>HTMLタグを織り込める</h3></span>
<p>例えば、c2c_get_customというテンプレートタグではHTMLタグも同時に使えるので、好きな場所に好きなHTMLタグを吐き出すことができます。値が空の場合は、HTMLタグも吐き出されないようにすることが可能です。</p>
<span id="_1"><h3>ループの外でも使える</h3></span>
<p>このテンプレートタグは、ループの外でも使えるので、面白い使い方もできます。下の画像を見て貰えれば分かりますが、サイドバーの各エントリーにサムネイルが挿入されているのが分かります。</p>
<div id="attachment_234" class="wp-caption aligncenter" style="width: 423px"><img class="size-medium wp-image-234" title="2008-09-02_1928" src="http://uetsuhara.com/wp-content/uploads/2008-09-02_1928.png" alt="" width="413" height="246" /><p class="wp-caption-text">カスタムフィールドを使って、サムネイル画像を表示</p></div>
<p>これは、<a href="http://pingmag.jp/J/">PingMag</a> さんのサイドバーを撮らせて頂きました。このように、Get Custom Field Values を使い、カスタムフィールドに画像を登録しておけば、ちょっとオシャレな感じにすることも出来ます。</p>
<p>詳しくは、<a href="http://pingmag.jp/J/2006/06/22/8-invaluable-wordpress-plugins/">PingMag &#8211; 東京発 「デザイン＆ものづくり」 マガジン » Archive » ものすごく貴重なWordpressのプラグイン</a>をご覧ください。</p>
<p><ins datetime="2008-11-20T07:10:17+00:00">追記：<a href="http://uetsuhara.com/articles/2008/10/custom-field.html" target="_blank">カスタムフィールドの活用法、実例を使って…</a>という記事を追加しました。サムネイル画像を表示させる方法に関する内容もあります。併せてご覧頂ければ理解が深まる<strong>かも</strong>しれません。</ins></p>
<span id="_2"><h3>値が空の場合の処理ができる</h3></span>
<p>カスタムフィールドの値が空だった場合の処理も可能です。例えば、お店紹介サイトなどで、お店を紹介していくとします。Webサイトの<strong>店舗 A </strong>の場合はカスタムフィールドにURLを記入すると、URLが吐き出されます。</p>
<p>反対に、Webサイトを持っていない<strong>店舗 B </strong>を紹介する場合は、カスタムフィールドに書き込むものがありませんので、空欄にします。値が空の場合の処理を、例えば ” Webサイトはありません ” を吐き出すようにしておくと、この場合、表には ” Webサイトはありません ” が自動で吐き出されることになります。</p>
<p>1件や2件の店舗数なら、手動でやれよという話ですが、登録件数が多い場合には有効ではないでしょうか。また、もっと単純にも使えます。毎日のブログ更新で、記事の最後に「今日のブック紹介」などと銘打ってアマゾンを貼り付けるとします。</p>
<p>紹介する本が毎日あればいいのですが、たまには紹介しない日もあるとします。そんな日には ” 今日は紹介する本がありません。 ” と表示させることも可能です。色々な使い方が出来ると思います。是非試してみてくださいな。（もしかしたら、既存のテンプレートタグで実現可能だったりして。その時はごめんなさい。。。）</p>
<p>ちなみに、せっかくなので今回から当サイトでも、読んでる本などをカスタムフィールドで出力しております。テンプレートタグはこんな感じになっています。参考になるか分かりませんが。</p>
<p><a href="http://uetsuhara.com/wp-content/uploads/2008-09-02_1815.png"><img class="aligncenter size-medium wp-image-233" title="2008-09-02_1815" src="http://uetsuhara.com/wp-content/uploads/2008-09-02_1815-499x43.png" alt="" width="499" height="43" /></a></p>
<p>そうそう、テンプレートタグなどの使い方は、<a href="http://g2a-folio.blogspot.com/2008/03/au.html">[WP] Get Custom Field Values の復習 &#8211; G2A Folio</a> のサイトさんが分かりやすい解説かと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2008/09/custom-field-2.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>WP　管理画面のデザイン変更、お勧めのプラグイン</title>
		<link>http://uetsuhara.com/articles/2008/08/admin-design.html</link>
		<comments>http://uetsuhara.com/articles/2008/08/admin-design.html#comments</comments>
		<pubDate>Wed, 27 Aug 2008 12:17:52 +0000</pubDate>
		<dc:creator>上津原 雅之</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://uetsuhara.com/?p=173</guid>
		<description><![CDATA[読了目安 3分16秒 ワードプレスの大好きな僕も、あの管理画面の使いづらさにはちょっとウンザリしております。ちょっとだけね。2.5以降はさらに使い辛くなったような気がするのは僕だけでしょうか。まぁそんな愛らしい管理画面を &#8230; <a href="http://uetsuhara.com/articles/2008/08/admin-design.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<span class="dokuryou">読了目安 3分16秒</span>
<p>ワードプレスの大好きな僕も、あの管理画面の使いづらさにはちょっとウンザリしております。ちょっとだけね。2.5以降はさらに使い辛くなったような気がするのは僕だけでしょうか。まぁそんな愛らしい管理画面を、見た目も使い勝手も変えてしまうプラグインをご紹介いたします。人生変わります。</p>
<ol>
<li><strong><a href="http://deanjrobinson.com/projects/fluency-admin/">Fluency Admin</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/fluency.png"><img class="aligncenter size-medium wp-image-175" title="fluency" src="http://uetsuhara.com/wp-content/uploads/fluency-500x261.png" alt="" width="500" height="261" /></a></p>
<p>一番のオススメがこれです！デザインも使い勝手も良いです。表のデザインを替える設定画面の所がバグってる以外は特に問題なく動作すると思われます。僕はこのプラグインを使用しております。</p>
<p>以前は、後でご紹介するドロップダウンメニュー系のプラグインを使っていましたが、これを使い始めてからはもう手放せません。是非一度お試しあれ。</p>
<li><strong><a href="http://www.teddyhwang.com/resources/leopardadmin/">Leopard Admin</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/leopard.png"><img class="aligncenter size-medium wp-image-176" title="leopard" src="http://uetsuhara.com/wp-content/uploads/leopard-500x263.png" alt="" width="500" height="263" /></a></p>
<p>これもオススメｗ Mac 好きな人には堪りません。 Leopard 風のデザインです。使い勝手も文句なし。ローカルのWPで使用中です。ちなみに、こちらも表のデザイン変更の設定画面がおかしいような。それ以外はとくに問題なさそうです。</p>
<li><strong><a href="http://planetozh.com/blog/my-projects/wordpress-admin-menu-drop-down-css/">Admin Drop Down Menu</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/ozh-admin-drop-down-menu.png"><img class="aligncenter size-medium wp-image-177" title="ozh-admin-drop-down-menu" src="http://uetsuhara.com/wp-content/uploads/ozh-admin-drop-down-menu-500x224.png" alt="" width="500" height="224" /></a></p>
<p>メニュー項目をドロップダウンにするプラグイン。可愛らしいアイコンやインターフェースになり、日々癒されるでしょう。またとてもシンプルにまとまります。メニュー項目のわずらわしさから解放されること請け合いです。ちょっとした設定もできます。</p>
<p>以前はこれを使っていました。上二つのデザインや使い勝手が気に入らなければ是非こちらを。</p>
<li><strong><a href="http://www.italyisfalling.com/lighter-menus/">Lighter Menus</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/lighter-menus.png"><img class="size-medium wp-image-178 aligncenter" title="lighter-menus" src="http://uetsuhara.com/wp-content/uploads/lighter-menus-499x224.png" alt="" width="499" height="224" /></a></p>
<p>これも捨てがたいです。基本的には上の<a href="http://planetozh.com/blog/my-projects/wordpress-admin-menu-drop-down-css/">Admin Drop Down Menu</a>と遜色ありません。違いは、デザインくらいでしょうか。お好きな方をどうぞ。</p>
<li><strong><a href="http://www.wp-plugins-db.org/plugin/spotmilk/">SpotMilk</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/spotmilk-ozh.png"><img class="aligncenter size-medium wp-image-179" title="spotmilk-ozh" src="http://uetsuhara.com/wp-content/uploads/spotmilk-ozh-500x263.png" alt="" width="500" height="263" /></a></p>
<p>この画像は、 SpotMilk と Admin Drop Down Menu を組み合わせてモノです。単体ではまだ使えないようです。バグります。ただ、組み合わせると使えます。使い勝手もとくに悪くありませんし、デザインさえ気に入れば、こちらもナイスなプラグインではないでしょうか。</p>
<li><strong><a href="http://www.sevban.com/wordpress/planet-x7-wordpress-admin-theme/">Planet X7 WordPress Admin Theme</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/planet-x7.png"><img class="aligncenter size-medium wp-image-182" title="planet-x7" src="http://uetsuhara.com/wp-content/uploads/planet-x7-500x309.png" alt="" width="500" height="309" /></a></p>
<p>ブルー好きなあなたにはもってこいの一品ですね！（青さのせいで、目がチカチカするのはひみつ。）プラグインの名前通り、地球の青をあらわしているのでしょうか。WP2.6には未対応のようですが、これまた Admin Drop Down Menu と組み合わせると問題なく使えるようです。 （Lighter Menus でも使えるはず。）</p>
<p>ただ、投稿画面が少々狭苦しくなるのはご愛嬌ということで。首を長くして最新バージョンをお待ちください。</p>
<p><a href="http://uetsuhara.com/wp-content/uploads/planet-2.png"><img class="aligncenter size-medium wp-image-183" title="planet-2" src="http://uetsuhara.com/wp-content/uploads/planet-2-500x262.png" alt="" width="500" height="262" /></a></p>
<li><strong><a href="http://qwertyuiopia.com/2008/04/23/qwerty-admin-panel-theme-plugin-for-wordpress/">Qwerty Admin Panel Theme</a></strong></li>
<p><a href="http://uetsuhara.com/wp-content/uploads/qwerty-admin.png"><img class="aligncenter size-medium wp-image-184" title="qwerty-admin" src="http://uetsuhara.com/wp-content/uploads/qwerty-admin-500x205.png" alt="" width="500" height="205" /></a></p>
<p>こちらは、デザインのみのカスタマイズプラグインです。テキストやバックグラウンドがある程度変更できる点が、他のとは異なっています。自分だけのデザインをお求めの方には丁度良いかもしれません。もっとカスタマイズできれば、ぼくも使ってみたいです。ちなみに、ドロップダウンメニュー系のプラグインとの併用もOKです。</p>
<li><strong><a href="http://aenonfiredesign.com/blog/afd-wordpress2-admin-theme">afd wordpress2 admin theme</a></strong></li>
<p>2.6未対応ですので、特に利用する理由は今のところなさそうです。ただ、デフォルトテーマより少しだけクールな仕上がりですので、今後アップデートが行なわれれば、使う余地もありかと思います。</p>
<li><strong><a href="http://orderedlist.com/wordpress-plugins/wp-tiger-administration/">WordPress Tiger Administration</a></strong></li>
<p>こちらも今のところ、2.6未対応のようです。アップデートがあれば、個人的には使ってみたいプラグインですね。</ol>
<h4 class="reference"><img src="http://uetsuhara.com/wp-content/themes/umland/images/entry_url.png" alt="参考にさせて頂いたサイトさんリスト" /></h4>
<ul>
<li><a href="http://speckyboy.com/2008/02/27/the-best-wordpress-admin-themes-you-could-possibly-find/">The Best WordPress Admin Themes You Could Possibly Find</a></li>
</ul>
<p>- Speckyboy</p>
]]></content:encoded>
			<wfw:commentRss>http://uetsuhara.com/articles/2008/08/admin-design.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

