<?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 なら最高！ &#187; WordPress（ワードプレス）</title>
	<atom:link href="http://cook-le.com/wp_blog/category/wordpress/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>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>
		<item>
		<title>WordPressにGoogleマップ（個別も一覧ページも）</title>
		<link>http://cook-le.com/wp_blog/576.html</link>
		<comments>http://cook-le.com/wp_blog/576.html#comments</comments>
		<pubDate>Wed, 08 Feb 2012 07:16:53 +0000</pubDate>
		<dc:creator>marimo</dc:creator>
				<category><![CDATA[WordPress プラグイン]]></category>
		<category><![CDATA[WordPress（ワードプレス）]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[マップ]]></category>
		<category><![CDATA[マニュアル]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<category><![CDATA[地図]]></category>

		<guid isPermaLink="false">http://cook-le.com/wp_blog/?p=576</guid>
		<description><![CDATA[追記 GoogleマップAPI のバージョンがアップし、APIキーの取得が出来なくなったので、新規にこのプラグインを使うコトは出来なくなりました。 近日中に新しいAPI v3 で動く同機能のGoogleマップ プラグインをご紹介します。 WordPressプラグイン「Lightweight Google Maps」のご案内です。 記事中に場所の情報を入れるコトって多いですよね。レストランの紹介とか [...]]]></description>
			<content:encoded><![CDATA[<div class="highbg">追記<br />
GoogleマップAPI のバージョンがアップし、APIキーの取得が出来なくなったので、新規にこのプラグインを使うコトは出来なくなりました。<br />
近日中に新しいAPI v3 で動く同機能のGoogleマップ プラグインをご紹介します。
</div>
<p>WordPressプラグイン「Lightweight Google Maps」のご案内です。</p>
<p>記事中に場所の情報を入れるコトって多いですよね。レストランの紹介とか、観光名所とか…。そんな時、活躍しそうなプラグインを紹介します。</p>
<p>個別ページの記事中にマッピングされた地図を簡単に置くことができますし、地図だけのページを作って、そこへすべての個別ページのマッピングを集約することもできます。記事中の地図と集約された地図は互いにリンクしているので、とても便利です。</p>
<p><span class="highbg">まずは、サンプルから。</span></p>
<p>◆個別ページのGoogleマップ「<a href="http://cook-le.com/2380.html" target="_blank">マドリッド　２日目（10月15日 土曜日）の昼食</a>」（下の方）<br />
※マーカーをクリックすると、下記の集約ページにジャンプします。</p>
<p>◆マーカーが集約されたページ「<a href="http://cook-le.com/spain.html" target="_blank">スペイン旅行</a>」<br />
※マーカーをクリックすると、マーカーをセットした個別ページのタイトル・日付・概要が表示され、タイトルをクリックすると、個別ページにジャンプします。</p>
<p><span class="highbg">プラグインの説明</span></p>
<p>◆座標を取得するためのwebサービス<a href="http://www.geocoding.jp/" target="_blank">「Geocoding」をブックマーク</a>しておく。</p>
<p>◆<a href="http://wppluginsj.sourceforge.jp/lightweight-google-maps/" target="_blank">プラグイン「Lightweight Google Maps」のダウンロード</a>はこちらから。</p>
<p><span class="highbg">[1]</span><br />
「Lightweight Google Maps」をダウンロードし、プラグインディレクトリにアップロード（/wp-content/plugins/lightweight-google-maps　こんな感じ）。管理画面で有効化する。</p>
<p><span class="highbg">[2]</span><br />
個別ページのphpファイル（デフォルトでは、single.php）の地図を入れたい場所に　
<pre>&lt;div id=&quot;google_maps&quot;&gt;&lt;/div&gt;</pre>
<p>を貼る。</p>
<p><span class="highbg">[3]</span><br />
管理画面「設定」で「Google Maps」をクリック。開いた画面で目的の設定をする。<strong>画像参照</strong></p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/Lightweight.png"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/Lightweight-126x150.png" alt="Lightweight Google Maps プラグイン設定画面" title="Lightweight Google Maps プラグイン設定画面" width="126" height="150" class="alignleft size-thumbnail wp-image-580" /></a><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/API.png"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/API-300x73.png" alt="Google Maps API キーを取得" title="Google Maps API キーを取得" width="300" height="73" class="alignleft size-medium wp-image-577" /></a></p>
<p class="clearfix">&nbsp;</p>
<p><span class="highbg">[4]</span><br />
いよいよ、投稿です。まず、地図にマークしたい場所の住所や観光名所の名を、ブックマークしておいた「Geocoding」の窓に入力し、座標の値を得る。<strong>画像参照</strong></p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/Geocoding.png"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/Geocoding-300x168.png" alt="Geocodingで座標を調べる" title="Geocodingで座標を調べる" width="300" height="168" class="alignleft size-medium wp-image-579" /></a></p>
<p class="clearfix">&nbsp;</p>
<p><span class="highbg">[5]</span><br />
投稿画面に移り（普通に記事を書き）、カスタムフィールドに下記の情報を入れ公開。地図が記事内に表示されます。</p>
<p>　名前・・・Lat_Long　　値・・・座標の値をそのままペースト</p>
<p><a href="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/customfield.png"><img src="http://cook-le.com/wp_blog/wp-content/uploads/2012/02/customfield-300x105.png" alt="カスタムフィールドに座標をペースト" title="カスタムフィールドに座標をペースト" width="300" height="105" class="alignleft size-medium wp-image-578" /></a></p>
<p class="clearfix">&nbsp;</p>
<p><span class="highbg">[6]</span><br />
マーカーが一覧できるページの作り方。</p>
<p>新規の固定ページにタイトルを入れ、本文入力部分に　
<pre>&lt;div id=&quot;google_maps&quot;&gt;&lt;/div&gt;</pre>
<p>を貼って、公開。公開したページのIDを「Lightweight Google Maps」設定画面の「固定ページ用地図」内「ページID」欄に記入し、保存。</p>
<p>以上です。お店の紹介などが多いサイトには超便利と思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://cook-le.com/wp_blog/576.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

