<?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/"
	xmlns:georss="http://www.georss.org/georss" >

<channel>
	<title>WordPress なら最高！</title>
	<atom:link href="http://cook-le.com/wp_blog/feed" rel="self" type="application/rss+xml" />
	<link>http://cook-le.com/wp_blog</link>
	<description>WordPressを使いこなすために学んだ事をWordPressに綴っています</description>
	<lastBuildDate>Thu, 03 May 2012 07:27:52 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>便利なプラグイン Custom sidebars 落とし穴１つ</title>
		<link>http://cook-le.com/wp_blog/606.html</link>
		<comments>http://cook-le.com/wp_blog/606.html#comments</comments>
		<pubDate>Thu, 03 May 2012 07:20:03 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress エラーの回避]]></category>
		<category><![CDATA[WordPress プラグイン]]></category>
		<category><![CDATA[WordPress（ワードプレス）]]></category>
		<category><![CDATA[カスタム]]></category>
		<category><![CDATA[サイドバー]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[ワードプレス]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=606</guid>
		<description><![CDATA[Custom sidebars という非常に便利なプラグインを使ってみました。記事毎にサイドバーを設定できる優れものです。ウィジェット機能フル活用、つまりphpファイルをいじらず、管理画面で完結できます。ただ、１つ落とし穴（後述）があって、エラい苦労をしてしまったのだけれど……。 ※ウィジェット機能が追加されているテーマで使います。 １．プラグインの追加 「プラグイン」»「新規追加」» 検索「Cu [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Custom sidebars</strong> という非常に便利なプラグインを使ってみました。記事毎にサイドバーを設定できる優れものです。ウィジェット機能フル活用、つまりphpファイルをいじらず、管理画面で完結できます。ただ、１つ落とし穴（後述）があって、エラい苦労をしてしまったのだけれど……。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars-300x253.jpg" alt="Custom sidebars" title="Custom sidebars" width="240" height="202" class="alignright size-medium wp-image-609" /></a><span class="highbg">※ウィジェット機能が追加されているテーマで使います。</span></p>
<p>１．プラグインの追加<br />
「プラグイン」»「新規追加」»<br />
検索「Custom sidebars」 追加 » 有効化</p>
<p>２．任意のサイドバーを作る（<strong>図1 参照</strong>）。</p>
<p>サイドバーという名称ですが、サイドバーに限らず、フッターなどウィジェットが使えるようになっている場所なら、使えます。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars1.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars1-300x200.jpg" alt="Custom sidebars" title="Custom sidebars" width="240" height="160" class="alignright size-medium wp-image-610" /></a>３．ウィジェット挿入画面で、表示させたい項目を選ぶ（<strong>図2 参照</strong>）。通常のウィジェットと同じ使い方。</p>
<p class="clearfix">&nbsp;</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars2.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/05/CustomSidebars2-300x180.jpg" alt="Custom sidebars" title="Custom sidebars" width="240" height="144" class="alignright size-medium wp-image-611" /></a>４．投稿編集画面の右サイドバーに「sidebars」という項目が追加されているので、そのプルダウンメニューからセットしたいサイドバーの名称を選ぶ（<strong>図3 参照</strong>）。</p>
<p><span class="highbg">さて、これからが落とし穴の穴埋めです。</span></p>
<p>作業中に気づいたのですが、Custom sidebars は管理者としてログインしていないと機能しません。投稿編集画面で、サイドバーを切り替えようとしても、「更新」完了で、選んだサイドバー名がクリアされ元の状態に戻ります。管理者なら出来て、権限が編集者以下だとダメ！という事は、つまりその辺りを探れば良いワケで……。</p>
<p>customsidebars.php の27行目あたりを書き替えてください。<br />
switch_themes　»　edit_posts（固定ページの場合は、edit_pages に）</p>
<blockquote><p>var $cap_required = &#8216;switch_themes&#8217;;<br />
　　▼<br />
var $cap_required = &#8216;edit_posts&#8217;;</p></blockquote>
<p>複数のユーザーで WordPress を運営し、そのユーザーが内容やカテゴリに合わせてサイドバーを変更したい、なんてシーンは容易に想像できます。でも、たくさんの人を管理者にするのは怖い（特に好奇心旺盛の人は）です。是非とも、編集者以下の権限でこのプラグインを使いたい、そんな時にどうぞ。</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/606.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>API v3で動くGoogle Maps 決定版かも？</title>
		<link>http://cook-le.com/wp_blog/602.html</link>
		<comments>http://cook-le.com/wp_blog/602.html#comments</comments>
		<pubDate>Sun, 29 Apr 2012 11:50:48 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress プラグイン]]></category>
		<category><![CDATA[GoogleMap]]></category>
		<category><![CDATA[WordPress（ワードプレス）]]></category>
		<category><![CDATA[グーグル地図]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[マッシュアップ]]></category>
		<category><![CDATA[ワードプレス]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=602</guid>
		<description><![CDATA[「Lightweight Google Maps」もダメ、「Geo Mashup」もイマイチ動作が危ない、そして3つめの「Comprehensive Google Map Plugin」。使いやすさ、安定度とも、決定版かも？ その他にも、WordPress のプラグインサイトで評判の良さそうなのを試用したけれど、機能や表現の面で物足りなかったし…。 「Comprehensive Google Ma [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://cook-le.com/wp_blog/576.html">「Lightweight Google Maps」</a>もダメ、<a href="http://cook-le.com/wp_blog/591.html">「Geo Mashup」</a>もイマイチ動作が危ない、そして3つめの「Comprehensive Google Map Plugin」。使いやすさ、安定度とも、決定版かも？</p>
<p>その他にも、WordPress のプラグインサイトで評判の良さそうなのを試用したけれど、機能や表現の面で物足りなかったし…。</p>
<p><span class="highbg">「Comprehensive Google Map Plugin」の主な機能</span><br />
<strong>グローバルマップ（一覧＝Mashup）と記事ページの地図が自動で連動。<br />
ウィジェットにも対応。<br />
マップ上のマーカーを選べる。<br />
個別ページ上に複数のマーカーを置ける。</strong><br />
その他、設定できる項目がいろいろ…。<br />
<a href="http://cook-le.com/wp_blog/591.html">「Geo Mashup」</a>のバグフィックスをしてくれたプログラマ君もこれを使っているもよう（信頼度アップ）。</p>
<p>1．インストール<br />
プラグイン「新規追加」から「Comprehensive Google Map Plugin」をインストールし、有効化。</p>
<p>2．設定<br />
左メニュー「設定」の下に「Google Map」項目が追加。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/cgm.png"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/cgm.png" alt="Comprehensive Google Map Plugin" title="Comprehensive Google Map Plugin" width="300" height="454" class="alignright size-full wp-image-605" /></a><span class="highbg">個別ページへの挿入</span></p>
<p>プラグインを有効化すると、投稿編集画面の下部に多くの設定項目が表示されます。</p>
<p>・絶対に必要な設定は、右図の３つです（が、表示サイズや倍率、マーカなど細かい設定もどうぞ）。</p>
<p>※「Enter marker info bubble text here(optional)」欄は<strong>「optional」じゃない</strong>ようです。<br />
　 この欄を空にしたままだと、アラートが出て先に進めませんので、適当なテキストを！</p>
<p>・最後に「Send to Editor」をクリックすると、編集画面のカーソル位置にマップのコードが挿入されます。</p>
<p><span class="highbg">マッシュアップマップのページを作る</span></p>
<p>・左メニュー「Google Map」の「Shortcode Builder」をクリック。開いた画面がマッシュアップマップの設定画面です。サイズや表示を自由に設定します。</p>
<p>・中程のメニュー「GEO Mashup」の「Make this map a Marker Geo Mashup」にチェックを入れるとマーカーが非表示になります。各記事で設定した地図のポイントを一括表示するためなので、マーカーはいらないですから。</p>
<p>・すべての設定が終わったら、「GENERATE SHORTCODE」をクリック。別パレットに書き出されるコードをコピーして、投稿か固定ページにペースト。</p>
<p><span class="highbg">ウィジェットで使う</span></p>
<p>・ウィジェット挿入画面に「AZ::Google Map」という項目が追加されるので、それをサイドバーやフッターなど任意の位置にドラッグ＆ドロップ。</p>
<p>・目的の場所にマーカーを設置することも、マッシュアップマップを作る事もできます。</p>
<p><span class="highbg">ちょっとだけ使い易くする</span></p>
<p><strong>不要なマーカーを削除</strong></p>
<p>・マーカーが多すぎる（こんなにいらんって！ 場所取るし）。なので、使いそうなマーカーだけ残し、あとを削除＆表示スペースを縮める。</p>
<p>・「/wp-content/plugins/comprehensive-google-map-plugin/assets/css/images/markers/」内の不要なマーカーを削除。<br />
※爆笑！ マーカーを引っ張っているソースがわからないので、原始的に「ナシ」に。</p>
<p>そのままだと高さが変わらないので、functions.php の377行目あたりを編集。</p>
<pre>$items = &quot;&lt;div id=&#039;&quot;.$attr[&#039;id&#039;].&quot;&#039; class=&#039;&quot;.$attr[&#039;class&#039;].&quot;&#039; style=&#039;margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 30px; height: 200px; overflow: auto; </pre>
<p>　　　▼</p>
<pre>$items = &quot;&lt;div id=&#039;&quot;.$attr[&#039;id&#039;].&quot;&#039; class=&#039;&quot;.$attr[&#039;class&#039;].&quot;&#039; style=&#039;margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 30px; height: 60px; overflow: hidden;</pre>
<p><strong>自分用のマーカーをプリセットされた状態にしたい時は…</strong></p>
<p>「/wp-content/plugins/comprehensive-google-map-plugin/assets/css/」内の「cgmp.admin.css」を編集。</p>
<p>fieldset.fieldset table input.default-marker-icon{background:url(&#8216;images/markers/<strong>1-default.png</strong>&#8216;) no-repeat scroll 0 0 transparent !important}</p>
<p><strong>個別ページに入れるマップのサイズを任意の値にセットしたい時は…</strong></p>
<p>「/wp-content/plugins/comprehensive-google-map-plugin/data/」内の「html.elements.form.params.json」を編集。</p>
<p>20行目あたり<br />
　  &#8220;dbParameterName&#8221; : &#8220;width&#8221;,<br />
    &#8220;dbParameterValue&#8221; : &#8220;<strong>400</strong>&#8220;,　　　← よく使う横サイズに</p>
<p>28行目あたり<br />
    &#8220;dbParameterName&#8221; : &#8220;height&#8221;,<br />
    &#8220;dbParameterValue&#8221; : &#8220;<strong>250</strong>&#8220;,　　　← よく使う縦サイズに</p>
<p>▼ サンプル（ここで書いています）<br />
<br /></p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/602.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>API v3で動くGoogle Maps（個別も一覧ページも）</title>
		<link>http://cook-le.com/wp_blog/591.html</link>
		<comments>http://cook-le.com/wp_blog/591.html#comments</comments>
		<pubDate>Fri, 20 Apr 2012 08:32:41 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress プラグイン]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=591</guid>
		<description><![CDATA[少し前に紹介したばかりなのに、「Lightweight Google Maps」が新規には使えなくなりました。Google マップの API のバージョンが、v2 から v3 に上がり、「Lightweight Google Maps」に必要なAPI キーの取得が出来なくなったからです。「Lightweight Google Maps」は、2008年くらいで開発が止まっているので仕方ないです。で、 [...]]]></description>
			<content:encoded><![CDATA[<p>少し前に<a href="http://cook-le.com/wp_blog/576.html">紹介したばかりなのに、「Lightweight Google Maps」</a>が新規には使えなくなりました。Google マップの API  のバージョンが、v2 から v3 に上がり、「Lightweight Google Maps」に必要なAPI キーの取得が出来なくなったからです。「Lightweight Google Maps」は、2008年くらいで開発が止まっているので仕方ないです。で、同様の機能を持つ「Geo Mashup」を使ってみました。<span id="more-591"></span></p>
<p><span class="highbg">「Geo Mashup」の主な機能</span></p>
<p><strong>カテゴリー別にマップのマーカー色を設定できる。<br />
カテゴリーを識別し、対応する地図を表示してくれる。<br />
グローバルマップ（一覧＝Mashup）と記事ページの地図が自動で連動。<br />
グローバルマップ上の最新ポイントを差別化できある。</strong><br />
その他、設定できる項目がいろいろ…。</p>
<p>※個別ページの地図は複数のマーカーを置くことができない。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/GeoMashup.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/GeoMashup-300x280.jpg" alt="Geo Mashup" title="Geo Mashup" width="300" height="280" class="alignright size-medium wp-image-599" /></a>1．インストール<br />
プラグイン「新規追加」から「Geo Mashup」をインストールし、有効化。</p>
<p>2．設定<br />
左メニュー「設定」に「Geo Mashup」項目が追加されるので、クリックして設定画面へ。<br />
表示の仕方や倍率を好みの設定にする。</p>
<p><span class="highbg">「Geo Mashup」を使いこなすポイントが２つ。</span></p>
<p>・設定画面「Geo Mashup Options」の「Overall」でマッシュアップページを設定する。<br />
　Global Mashup Page　»　プルダウンメニューから選択<br />
　<strong>※予め固定ページの本文欄に　［geo_mashup_map］（括弧を半角にしてください！）　を記述し、保存しておく。</strong></p>
<p>・設定画面「Geo Mashup Options」の「Global Maps」でカテゴリーの色を決める。<br />
　「Geo Mashup」ならではの機能と思います。<br />
　グローバルマッシュアップマップ上で、カテゴリに設定した色のマーカーが並びます（便利！）。</p>
<p>※個別ページ・マッシュアップページ共、編集画面本文欄に下記のコードを記述すると、その位置にマップが表示されます。<br />
　»　［geo_mashup_map］（括弧を半角にしてください！）</p>
<p>▼ サンプル<br />
<div class="gm-map"><iframe name="gm-map-1" src="http://cook-le.com/wp_blog/?geo_mashup_content=render-map&amp;map_data_key=775c465a8a6598d623812018ccb636a0" height="200" width="300" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div></p>
<p class="clearfix">&nbsp;</p>
<blockquote><p><span class="highbg">問題点も……</span><br />
このプラグインは、使用テーマの Javascript とコンフリクトしてエラーアラートが出たら、諦めた方が良いかもしれません。私はプログラマ君に修正してもらったのだけど、彼曰く「根本的な解決じゃないので、提供者が改善しないと本当はダメなんだよ」と。事実、快調に動作していると思っていても、何かの折りに非表示になってしまって（アラートもでない）。プラグインを入れ替えればまた表示されますが、同じ現象を繰り返します。怖くて使えないですよ～ぉ。
</p></blockquote>
<p>というわけで、次回はもっと安定したマッシュアップマッププラグインを紹介します。</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/591.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<georss:point>35.6728554 139.8174133</georss:point>	</item>
		<item>
		<title>アップロードでつまづいたら…</title>
		<link>http://cook-le.com/wp_blog/594.html</link>
		<comments>http://cook-le.com/wp_blog/594.html#comments</comments>
		<pubDate>Fri, 06 Apr 2012 09:33:19 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress エラーの回避]]></category>
		<category><![CDATA[インストールと使い方]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=594</guid>
		<description><![CDATA[WordPress のアップデート、プラグインのインストール、テーマのインストールが上手くいかない時は、とりあえずメモリの割り当てをチェックすると良いかもしれません。 アップデートが途中で止まってしまうのは、メモリ不足で進退窮まった時かもしれないので。また、インストールしたはずのプラグインが動作しなかったり、テーマのインストール後画面が真っ白になったり（自分の頭の中も真っ白）…なんていうのも、メモ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/memory.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/04/memory-150x142.jpg" alt="メモリの割り当て" title="メモリの割り当て" width="150" height="142" class="alignright size-thumbnail wp-image-595" /></a>WordPress のアップデート、プラグインのインストール、テーマのインストールが上手くいかない時は、とりあえずメモリの割り当てをチェックすると良いかもしれません。</p>
<p>アップデートが途中で止まってしまうのは、メモリ不足で進退窮まった時かもしれないので。また、インストールしたはずのプラグインが動作しなかったり、テーマのインストール後画面が真っ白になったり（自分の頭の中も真っ白）…なんていうのも、メモリ不足でファイルがサーバーに上がりきっていない可能性があります。</p>
<p>そんな時はメモリを増やしてあげましょう（WordPress 3.3.1）。</p>
<p>wp-includes フォルダにある、default-constants.php（23行目あたり）</p>
<blockquote><p>
define(&#8216;WP_MEMORY_LIMIT&#8217;, &#8217;32M&#8217;);<br />
　↓<br />
define(&#8216;WP_MEMORY_LIMIT&#8217;, &#8217;128M&#8217;);
</p></blockquote>
<p>※低いバージョンのWordPressでは、「wp-config.php」や「wp-settings.php」に記述されているかもしれません。</p>
<p>と、書いたけれど、define(&#8216;WP_MEMORY_LIMIT&#8217;, &#8217;32M&#8217;);　で問題なく動くサイトもあるので、単純にメモリ量だけの問題でもない気がしています。</p>
<p>企業向けの結構メジャーなレンタルサーバーでは、この部分の解決が必須ですが、私のお気に入り<A href="http://px.a8.net/svt/ejp?a8mat=1C8KHH+AQED5M+CO4+609HU" target="_blank" onmouseover="window.status='http://www.xserver.ne.jp/';return true;" onmouseout="window.status='';return true;">エックスサーバー</A><img border="0" width="1" height="1" src="http://www17.a8.net/0.gif?a8mat=1C8KHH+AQED5M+CO4+609HU" alt="">では、１度もこれでつまずいた事はありませんから、サーバーの仕様なども関係しているかも、なんて思っています。</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/594.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一眼レフカメラやでーッ(OLYMPUS PEN Lite E-PL3)</title>
		<link>http://cook-le.com/wp_blog/587.html</link>
		<comments>http://cook-le.com/wp_blog/587.html#comments</comments>
		<pubDate>Sun, 01 Apr 2012 04:33:29 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[便利で得するネット情報]]></category>
		<category><![CDATA[IXY]]></category>
		<category><![CDATA[OLYMPUS]]></category>
		<category><![CDATA[オリンパス]]></category>
		<category><![CDATA[カメラ]]></category>
		<category><![CDATA[デジタル一眼レフ]]></category>
		<category><![CDATA[デジ一]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=587</guid>
		<description><![CDATA[全く生意気な話ですが、デジタル一眼レフカメラを使い始めました。カメラを手にしていても撮るのを忘れる、くらいの写真指向ゼロの私がです。丸っきりのカメラ負け。 これまでは、2009年に買ったキャノン「IXY」を愛用（クックる用の写真）してきましたが、近頃「もっとマシな写真を撮りたい……」なんて欲が出始めて……。 でも、ただ漠然とそう思っていただけなのに、60回目の誕生日に夫からのプレゼントというカタチ [...]]]></description>
			<content:encoded><![CDATA[<p>全く生意気な話ですが、デジタル一眼レフカメラを使い始めました。カメラを手にしていても撮るのを忘れる、くらいの写真指向ゼロの私がです。丸っきりのカメラ負け。</p>
<p>これまでは、2009年に買ったキャノン「IXY」を愛用（<a href="http://cook-le.com/" target="_blank">クックる用の写真</a>）してきましたが、近頃「もっとマシな写真を撮りたい……」なんて欲が出始めて……。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/6286.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/6286-150x150.jpg" alt="OLYMPUS PEN Lite E-PL3" title="OLYMPUS PEN Lite E-PL3" width="150" height="150" class="alignright size-thumbnail wp-image-589" /></a>でも、ただ漠然とそう思っていただけなのに、60回目の誕生日に夫からのプレゼントというカタチで、オリンパス<a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?vs=2716037&#038;vp=879794131&#038;vg=6000080979&#038;va=2360907&#038;vc_url=http%3A%2F%2Fshop.tsukumo.co.jp%2Fgoods%2F4545350037550%2F" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/productlink?vs=2716037&#038;va=2360907&#038;vp=879794131&#038;vg=6000080979" height="1" width="1" border="0">PEN Lite E-PL3 レンズキット</a> が私の元にやってきてしまったのでした。  </p>
<p>夫に勧められても長らく「IXYがダメになったらね……」と言い張っていた私なのに、カメラ店で手に取ったら、手の収まりやシャッターの感触がもうあまりにも違い過ぎて（良すぎて）、クラッときてしまいました。というわけで、夫、次女に続き、デジ一生活スタートです。</p>
<p style="text-align: center;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?vs=2716037&#038;vp=879794131&#038;vg=6000080979&#038;va=2360907&#038;vc_url=http%3A%2F%2Fshop.tsukumo.co.jp%2Fgoods%2F4545350037550%2F" target="_blank" ><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/referral.jpg" alt="OLYMPUS PEN Lite E-PL3" title="OLYMPUS PEN Lite E-PL3" width="280" height="180" class="alignleft size-full wp-image-588"><img src="http://ad.jp.ap.valuecommerce.com/servlet/productlink?vs=2716037&#038;va=2360907&#038;vp=879794131&#038;vg=6000080979" height="1" width="1" border="0"></a></p>
<p>重くなく、デジ一にしては華奢な佇まい。小さな私の手にピッタリと収まります。</p>
<p>ボタンや設定項目が多く、頑張ればそれなりの写真が撮れるような気がします。「押せばよい」のIXYとは違う心構えで使わなくちゃと、胸は弾みますが、写真は相変わらず。おっと、Autoで撮ってたわ。Auto からの卒業が、このカメラを使う第一歩だわ。</p>
<p> <a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2716037&amp;pid=880651410&amp;vc_url=http%3A%2F%2Fec-club.panasonic.jp%2Fmall%2Fsense%2Fopen%2F%3Futm_source%3Dvaluecommerce%26utm_medium%3Daffiliate%26utm_campaign%3DVA_PS" target="_blank"><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2716037&amp;pid=880651410" border="0" alt="" width="1px" height="1px" /></a></p>
<p style="text-align: center;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2716037&amp;pid=880651410&amp;vc_url=http%3A%2F%2Fec-club.panasonic.jp%2Fmall%2Fsense%2Fopen%2F%3Futm_source%3Dvaluecommerce%26utm_medium%3Daffiliate%26utm_campaign%3DVA_PS" target="_blank"><img src="http://panasonic.jp/support/viera_ni_link/photo/medium/camera/DMC-G3.jpg" border="0" alt="" /></a><br />
夫のカメラ、「LUMIX G3」。</p>
<p style="text-align: center;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2716037&amp;pid=880651349&amp;vc_url=http%3A%2F%2Fshop.olympus-imaging.jp%2Findex.html" target="_blank"><img src="http://www.olympus.co.jp/jp/news/2008a/image/nr080305e420j_01.jpg" border="0" alt="" /></a></p>
<p style="text-align: center;">ムスメのカメラ。</p>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/587.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Similar Postsで関連記事の画像だけ並べる</title>
		<link>http://cook-le.com/wp_blog/583.html</link>
		<comments>http://cook-le.com/wp_blog/583.html#comments</comments>
		<pubDate>Sun, 19 Feb 2012 08:44:03 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress タグ]]></category>
		<category><![CDATA[WordPress プラグイン]]></category>
		<category><![CDATA[Similar Posts]]></category>
		<category><![CDATA[WordPress（ワードプレス）]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<category><![CDATA[関連記事]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=583</guid>
		<description><![CDATA[WordPressのプラグインの中でも、超有名・超優良の「Similar Posts」。導入が簡単なのに、表示結果や表現をかなり好みにできるので重宝しています。今回は、運用中と立ち上げ中のサイトそれぞれに、関連記事の画像だけ並べてみました。 なぜ画像だけかというと、サムネイルを見ればわかる記事内容、テキストが邪魔なのでした。 ▲朝ごはん ときどき お弁当 使い方 １．「Post-Plugin Li [...]]]></description>
			<content:encoded><![CDATA[<p>WordPressのプラグインの中でも、超有名・超優良の「Similar Posts」。導入が簡単なのに、表示結果や表現をかなり好みにできるので重宝しています。今回は、運用中と立ち上げ中のサイトそれぞれに、関連記事の画像だけ並べてみました。</p>
<p>なぜ画像だけかというと、サムネイルを見ればわかる記事内容、テキストが邪魔なのでした。</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/similar1.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/similar1-300x202.jpg" alt="Similar Posts" title="Similar Posts" width="300" height="202" class="alignleft size-medium wp-image-584" /></a><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/similar2.jpg"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/similar2-300x202.jpg" alt="Similar Posts" title="Similar Posts" width="300" height="202" class="alignleft size-medium wp-image-585" /></a></p>
<p>▲<a href="http://cook-le.com/breakfast/582.html" target="_blank">朝ごはん ときどき お弁当</a></p>
<p><span class="highbg">使い方</span></p>
<p>１．「Post-Plugin Library」と「Similar Posts」をインストールし、有効化。<br />
　　※「Post-Plugin Library」がないと動きません）。<br />
２．それぞれの項目を目的に合わせて設定（参考サイトがたくさんありますので端折ります）。<br />
３．<strong>(注)</strong>見落としがちなのが「Manage Index」。下記２項目は「Yes」に。<br />
　 「Handle extended characters?」<br />
　 「Treat as Chinese, Korean, or Japanese?」</p>
<p>肝心なのは、ここからです！<br />
４．「Output」設定画面の「Output template」欄　
<pre>&lt;li&gt;&lt;a href=&quot;{url}&quot; title=&quot;{title}&quot;&gt;&lt;img src={imagesrc}  width=&quot;90&quot; height=&quot;126&quot;&gt;&lt;/a&gt;&lt;/li&gt;</pre>
<p>　※width、height は任意の値に変更。<br />
　　<strong>width、heightをスタイルシートで指定すると、左上から指定のサイズでトリミング</strong>されてしまいます。</p>
<p>５．「Text and codes before the list」欄　
<pre>&lt;ul class=&quot;similar&quot;&gt;</pre>
<p>　　※クラス名をつけておきます。</p>
<p>６．スタイルシートに下記を追加</p>
<pre>.similar li { display:block; float: left; }</pre>
<p>※これで横に並びます。margin は任意の値に設定してください。</p>
<p><span class="highbg">番外</span></p>
<p>個別ページの任意の場所に上記を入れたい時は下記のコードを single.php の目的の場所に貼ってください。</p>
<pre>&lt;?php similar_posts(); ?&gt;</pre>
<p>※その場合は、「Placement」欄の「Output after post」Activateを「No」に。</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/583.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

