<?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:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CafeDawn &#187; ブログカスタマイズ</title>
	<atom:link href="http://www.cafedawn.net/category/blog_customize/feed" rel="self" type="application/rss+xml" />
	<link>http://www.cafedawn.net</link>
	<description>コーヒーやカレーなど茶色いものの食べ歩きと、メタルなガジェットが好きなagni99のブログ</description>
	<lastBuildDate>Sun, 16 May 2010 07:34:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/category/blog_customize/feed" />
		<item>
		<title>ブログのデザイン一部リフォームしました【格闘！WordPress】</title>
		<link>http://www.cafedawn.net/2009/06/04/versionup.html</link>
		<comments>http://www.cafedawn.net/2009/06/04/versionup.html#comments</comments>
		<pubDate>Wed, 03 Jun 2009 16:49:42 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=1416</guid>
		<description><![CDATA[				みなさんこんばんわ。
				本日の写真もエントリーとはまったく関係のない光の国、秋葉原です。
				
				今回は食べ物ネタは少しお休みして、ウチのブログの話をしたいと思います。
				何度か見ていただい [...]]]></description>
			<content:encoded><![CDATA[				<p>みなさんこんばんわ。</p>
				<p>本日の写真もエントリーとはまったく関係のない光の国、秋葉原です。</p>
				<p><a title="2009年5月の秋葉原" href="http://www.flickr.com/photos/34680940@N05/3582277808/" target="_blank"><img style="border: 1px solid #cccccc; margin: 10px; padding: 10px;" src="http://static.flickr.com/3303/3582277808_121f0c91f1.jpg" alt="2009年5月の秋葉原" width="500" height="375" /></a></p>
				<p>今回は食べ物ネタは少しお休みして、ウチのブログの話をしたいと思います。</p>
				<p>何度か見ていただいている方はお気づきかもしれませんが、少しだけブログをいじりました。一種備忘録的なエントリーではありますが、何をどう変えたのか？僕と同じように、<a href="http://ja.wordpress.org/" target="_blank"><strong>WordPress</strong></a>やプラグイン<a href="http://ma38su.org/" target="_blank"><strong>wp.Vicuna Ext. Custom</strong></a>を使っている方の役に立つかもしれませんので、ざっくりまとめてご紹介したいと思います。興味がある方は是非続きをどうぞ。</p>
				<p><span id="more-1416"></span></p>
				<h3>タイトルを大きくした。そしてサブタイトルを変えた。</h3>
				<p>ウチのサイトの名前は”CafeDawn”ですが、テキストで書かれた屋号が小さかったので、今回太く大きめに調整しました。画像のタイトルもつけているし、別にいじる必要もないかな？と思ったのですが気になったので念のため。</p>
				<p>さらにブログのサブタイトルを<strong>”コーヒーと革と金属とPCが好きなひとのブログ”</strong>から<strong>”コーヒーやカレーなど茶色いものの食べ歩きと、メタルなガジェットが好きな人のブログ”</strong>に改めました。</p>
				<p>革小物は好きですが、そんなに頻繁に書くこともないので～。</p>
				<h3>faviconを実装。</h3>
				<p>ウインドウの左側に表示されるアイコンのことです。これも細かな改修ですが、せっかくだから、いつもの豆アイコンをつけてみました。</p>
				<p>通常faviconを実装するときにはfaviconファイルをサーバーにアップして、簡単なコードをＨＴＭＬのヘッダーに書けばいいのですが、<a href="http://ma38su.org/" target="_blank"><strong>wp.Vicuna Ext. Custom</strong></a>を用いた環境でfaviconを表示するためには、それに対応した書き方でないとだめでした。</p>
				<p>調べてみたところ、<strong><a href="http://blog.emuxx.net/wordpress/themes/wpwpvicuna-ext-custom.html" target="_blank">emuxx blogさんのエントリー</a></strong>で、wp.Vicuna Ext. Customでのファビコン設定方法が詳細に解説されており、とても参考になりました。</p>
				<p>ありがとうございます。</p>
				<p>それにしても、無いときは気になりませんでしたが、つけてみると自分のサイトって感じがしてきますね。モチベーションアップに最適です。</p>
				<p>そして大量のタブを開いた状態でも自分のサイトがすぐわかるので、実は結構便利だということに気がつきました。</p>
				<h3>Googleサイトマップに対応。</h3>
				<p>ウチのサイトの場合他のサイトや検索エンジンから、直接エントリー単体に飛んでくる方がほとんどですが、サイト名で検索した際に検索結果にサイトマップが表示されるように設定しました。</p>
				<p>次回クロールされた後には、検索結果に色々サブ項目が表示されるはず。</p>
				<p>やり方はＸＭＬファイルを作ってアップして、グーグルウェブマスターツールでヒモ付ければＯＫ。</p>
				<h3>「続きを読む」を大きく見やすくした。</h3>
				<p>各エントリーのリード文から全文を表示させるためのボタン（いわゆる続きを読むボタン）は、これまで英語表記の「continue reading」でした。また、記述された文字も小さく、わかり辛かったので、リード文だけ読んで離脱される方も多いのでは？という懸念が・・・。</p>
				<p>そこで今回、文言を日本語で「続きを読む」と修正し、大きく見やすい書式に変更しました。</p>
				<p>こちらのやり方と設定すべきファイルに関しては、<a href="http://39kn.com/2009/02/09/238/"><strong>カメぞうのメモ書きさんのエントリー</strong></a>で詳細に解説が非常に丁寧で参考にさせていただきました。ありがとうございます。</p>
				<h3>ついでに写真も大きくした。</h3>
				<p>flickrもプロ登録したことですし、アクセス解析の結果を見る限りブロードバンド経由の方が多いので、容量的に問題なかろうということで、画像の基本サイズを大きくしました。多少重くなるけど、きれいに見えたほうが楽しいし情報が伝わると思いますので。</p>
				<h3>リンクカラーを判りやすく修正。</h3>
				<p>これまで文字色同様にグレーだったリンクテキストを、<a href="http://www.ideaxidea.com/" target="_blank"><strong>idea＊ideaさん</strong></a>の色指定を参考に水色に修正。リンクテキストが明示的になったと思います。見た目的にこれが今回一番の改良ポイントかもしれません。</p>
				<h3>ページ番号を判りやすく修正。</h3>
				<p>うちのサイトの一番下に表示されているページ番号。こちらも見た目を<a href="http://www.flickr.com/photos/34680940@N05/" target="_blank"><strong>Flickr</strong></a>の表示を参考に修正しました。以前のものより、自分が今どのページにいるのかなど、見やすくなったはず。</p>
				<h3>Ｇｏｏｇｌｅ AdsenseとAmazonアソシエイトを表示。</h3>
				<p>これは改善とは違いますが、広告＆アフィリエイトを表示するようにしてみました。Ｗｅｂで広告に近いお仕事をしている身としては自分使って、どんなものなのか「理解」ではなく「実感」したいと思ったので。</p>
				<p>（カレーとコーヒーとやる気の足しになればいいなっていう下心は沢山あります。）</p>
				<p>Google Adsenseの設定には、<a href="http://wppluginsj.sourceforge.jp/i18n-ja_jp/adsence-deluxe/" target="_blank"><strong>AdSense-Deluxe</strong></a>というプラグインを用いました。</p>
				<p>今回、テンプレートファイル内にコードを入れ込んで、すべてのページに広告が出るように設定したかったのですが、その際のコードの書き方が良くわからずハマってしまいました。</p>
				<p>説明によると、テンプレートに記述する際には</p>
				<blockquote><p><strong>&lt;?php adsense_deluxe_ads(&#8217;Ad_Name&#8217;); ?&gt;</strong></p></blockquote>
				<p>と記述せよと書いてありますが、Ad_Nameの具体的な記述方法がいまいちわかりませんでしたが、正解は以下のとおり。</p>
				<p>例えば、AdSense-Deluxeで広告につけた名前が、（&lt;!&#8211;adsense#ad01&#8211;&gt;）だった場合は以下の記述となります。</p>
				<blockquote><p><strong>&lt;?php adsense_deluxe_ads(&#8217;ad01&#8242;); ?&gt;</strong></p></blockquote>
				<p>この手のドキュメントはプログラムが出来る人を対象に書かれていて微妙に不親切。検証に時間がかかってしまいました。</p>
				<p>上記のような記述を広告掲載対象のphpファイルに挿入するのですが、ただ入れただけだとレイアウトが崩れてしまうので、レイアウト調整のためのBOXを新規に設置しレイアウトを整えました。</p>
				<p>AmazonアソシエイトはG-Tools というサービスを使ってリンクを生成し、ページに貼り付けています。こちらは割りとすんなり。</p>
				<h3>ＴｗｉｔＴｈｉｓプラグインをインストール</h3>
				<p><a href="http://www.100shiki.com/archives/2007/03/twittertwitthis.html" target="_blank"><strong>idea*ideaさんのエントリーでも取り上げられていた</strong></a>ＷｏｒｄＰｒｅｓｓ用のＴｗｉｔｔｅｒプラグイン、ＴｗｉｔＴｈｉｓプラグインをインストールしました。</p>
				<p>これをインストールすると、ブログのエントリーを見てくれたTwitterユーザーの方が、僕のブログに興味を持ってもらった時に、ボタンを押してそのまま内容をtwitしてもらえます。</p>
				<p>ただし、こちらのプラグインは普通にインストールしたままだと、レイアウトが崩れまくってしまうので、twitthis.phpの122行目で微妙にレイアウトを調整しました。詳細は以下のとおり。（※”\”は”￥”です。）</p>
				<blockquote><p><strong>$script .= &#8220;&lt;div style=\&#8221;margin:20px 40px \&#8221;text-align:&#8221;.$align.&#8221;;\&#8221;&gt;\n&#8221;;</strong></p></blockquote>
				<p>まぁ微妙に上下にマージン足しただけですが、どこに記述したらよいか僕自身わかりづらかったので。備忘録です。</p>
				<h3>まとめ</h3>
				<p>全体的に、別にどうでもいいじゃないって感じの調整かもしれませんが、細部のディテールが人に与える印象ってのは馬鹿にできないですし、何より自分が一番気になっていたことが割とすっきりしたので大満足。</p>
				<p>これでより一層、純粋に「書くこと」に専念できるというものです。</p>
				<p>そんなこんなで、皆様これからもウチのサイトをよろしくお願いいたします。</p>
				<table class="g-tools_table" border="0">
				<tbody>
				<tr>
				<td valign="top"><span class="g-tools_img"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798106577/cafedawn-22/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51QWRRQ709L._SL160_.jpg" alt="教科書には載らないニッポンのインターネットの歴史教科書" /></a></span></td>
				<td valign="top"><span class="g-tools_body"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798106577/cafedawn-22/" target="_blank">教科書には載らないニッポンのインターネットの歴史教科書</a><br />
				ばるぼら</p>
				<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/475710149X/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/475710149X.09._SCTHUMBZZZ_.jpg" border="0" alt="ウェブログの心理学" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B0009W5MRK/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/B0009W5MRK.09._SCTHUMBZZZ_.jpg" border="0" alt="インターネットの夜明け 弐 [DVD]" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000A1ONRK/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/B000A1ONRK.09._SCTHUMBZZZ_.jpg" border="0" alt="インターネットの夜明け 参 [DVD]" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000A1ONRU/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/B000A1ONRU.09._SCTHUMBZZZ_.jpg" border="0" alt="インターネットの夜明け 四 [DVD]" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4757214499/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/4757214499.09._SCTHUMBZZZ_.jpg" border="0" alt="NYLON100% 80年代渋谷発ポップ・カルチャーの源流" /></a></p>
				<p></span><span class="g-tools_by"><br />
				by <a href="http://www.goodpic.com/mt/aws/index.html">G-Tools</a></span></td>
				</tr>
				</tbody>
				</table>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/06/04/versionup.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/06/04/versionup.html" />
	</item>
		<item>
		<title>Vicuna Ext.でのブログタイトル表示調整</title>
		<link>http://www.cafedawn.net/2009/02/23/title_customize.html</link>
		<comments>http://www.cafedawn.net/2009/02/23/title_customize.html#comments</comments>
		<pubDate>Sun, 22 Feb 2009 15:19:54 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=1117</guid>
		<description><![CDATA[				
				みなさんこんばんわ。本日も写真は内容と全く関係ない永代橋からの風景です。
				本日自分のブログを見ていて気が付いたのですが、タイトルが今までの
				「CafeDawn コーヒーと革と金属とPCが [...]]]></description>
			<content:encoded><![CDATA[				<p style="text-align: center;"><a title="月島方面" href="http://www.flickr.com/photos/34680940@N05/3288013104/" target="_blank"><img class="aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 10px; margin-bottom: 10px;" src="http://static.flickr.com/3643/3288013104_7cf1240c61.jpg" alt="月島方面" width="400" height="300" /></a></p>
				<p>みなさんこんばんわ。本日も写真は内容と全く関係ない永代橋からの風景です。</p>
				<p>本日自分のブログを見ていて気が付いたのですが、タイトルが今までの</p>
				<p><strong>「CafeDawn コーヒーと革と金属とPCが好きなひとのブログ」</strong></p>
				<p>ではなくて、</p>
				<p>ただの<strong>「CafeDawn」</strong>だけになっておりました。</p>
				<p>さらに調べてみると、うちのブログを検索した際に表示される説明文（descriptionタグ）も今まで表示されていた</p>
				<p><strong>「コーヒーと革と金属とPCが好きなひとのブログ」</strong></p>
				<p>ではなくて、コードを上からなめただけの表示になっております。（気づくの遅っ！）</p>
				<p>こいつはおかしいぞってなことで追跡調査をしてみると、どうやらタイトルタグを制御している<a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank"><strong>All in One SEO Pack</strong></a>と最近ブログのデザインを変更するために導入した<a href="http://ma38su.sourceforge.jp/wp/vicuna/ja/" target="_blank"><strong>Vicuna Ext.</strong></a>がバッティングしているようです。</p>
				<p>ソースを読んでみても、descriptionタグの二つ記述されているという状態です。</p>
				<p>うーん。。よくわかりませんが、このまま放っておくのも非常に気持ちが悪いのでめんどくさくても修正することにします。（結果的にはご覧のとおり、無事修正完了しました。）</p>
				<p><span id="more-1117"></span></p>
				<h3>All in One SEO Packを停止</h3>
				<p>調べてみたものの、All in One SEO PackとVicuna Ext.の共存させるのはWordPress初心者の僕には敷居が高そうだったので諦めました。</p>
				<p>人間諦めが肝心。ツキが無い時はさっさとテーブルを離れて、運がめぐってくるのを待つものです。もうそろそろいい歳なんだからガツガツするのはやめましょう。しつこい男は嫌われます。</p>
				<p>話が脇にそれました。</p>
				<p>このプラグイン便利ではあるのですが、冷静に考えてみると機能的にはブログのタイトル管理ぐらいにしか使っていなかったしVicunaをいじることで対処できそうだったので機能停止しました。</p>
				<p>これでdescriptionタグの表示は正常化されるはずです。（次のクロールまで内心ドキドキ）</p>
				<h3>index.phpを手作業で変更</h3>
				<p>さて、続いてタイトルタグの変更です。（とうちのサイトの場合、サイト名だけだとやたらシンプルすぎて何のサイトだか全く判りません。）</p>
				<p>作業の規模的に大したことでは無いはずなのですが、すごくハマってしまい、途中で何度も挫折しそうになりました。</p>
				<p>しかしやると決めたら男は諦めてはいけません。ネバーギブアップ。</p>
				<p>また話が脇にそれました。</p>
				<p>さくっとまとめると以下の手順で解決しました。（ちゃんとした解決方法なのかはわからないけど。）</p>
				<p>まずVicuna Ext.のindex.phpを開きます。（WordPressの管理画面経由またはFTPソフトで該当ファイルをダウンロード）</p>
				<p>コードの上の方に書かれている</p>
				<pre>&lt;title&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/title&gt;</pre>
<p>の表記を以下に変更。</p>
<pre>&lt;title&gt;&lt;?php bloginfo('name'); ?&gt; - &lt;?php bloginfo('description'); ?&gt;&lt;/title&gt;</pre>
				<p>以上。</p>
				<p>結果だけ書くとすげー簡単ですが、あまり技術的な知識が無かったのでここにいたるまでに時間がかかりました。意味的には、</p>
				<p>ブログのタイトル<strong>「CafeDawn」</strong>を吐き出している</p>
				<p><strong>&lt;?php bloginfo(&#8217;name&#8217;); ?&gt;</strong></p>
				<p>に加えて</p>
				<p>descriptionタグ<strong>「コーヒーと革と金属とPCが好きなひとのブログ」</strong>を吐き出している</p>
				<p><strong>&lt;?php bloginfo(&#8217;description&#8217;); ?&gt;</strong></p>
				<p>を追記することでタイトル＋description</p>
				<p>つまり</p>
				<p><strong>「CafeDawn コーヒーと革と金属とPCが好きなひとのブログ」</strong></p>
				<p>の表記を実現しています。</p>
				<p>※真ん中の「-」はブログタイトルとdescriptionタグの間に隙間を作りたかったのでいれました。</p>
				<h3>ついでにエントリーのタイトル表示も最適化</h3>
				<p>各エントリーのタイトルが「＜ブログ名＞　＜エントリータイトル＞」の表示順になっていたので、これを「＜エントリータイトル＞　＜ブログ名＞」の並び順に修正しました。</p>
				<p>検索エンジンで何かを調べている人たちにとっては、僕のブログの名前なんて（たとえ半角8文字とはいえ）ノイズでしかないわけです。</p>
				<p>その辺意識して一応エントリー名にはできるだけ内容を含めるようにしていますので、プラスアルファ、エントリータイトルが先に表示されるようにしました。</p>
				<p>これはいたって簡単。</p>
				<p>まずWordPressの管理画面を開く。</p>
				<p>外観＞<strong>Vicuna config</strong>をクリック。</p>
				<p><strong>Title Tag項目</strong>のプルダウンから<strong>Entry Title &#8211; Blog Name</strong>を選択し変更を保存。</p>
				<p>以上。</p>
				<p>これですっきりした気分で月曜日を迎えられます。</p>
				<p>今週も気合入れていこう。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/02/23/title_customize.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/02/23/title_customize.html" />
	</item>
		<item>
		<title>wordpressで導入したプラグインのまとめ</title>
		<link>http://www.cafedawn.net/2009/02/11/wordpress_plugin.html</link>
		<comments>http://www.cafedawn.net/2009/02/11/wordpress_plugin.html#comments</comments>
		<pubDate>Wed, 11 Feb 2009 11:25:02 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=1044</guid>
		<description><![CDATA[				本日はお休みということで、家で本を読んだり、撮り貯めしていたテレビみたり、ブログのバックアップを取ったりしております。
				すでに何度も書いておりますが、このブログは現在Wordpressで作っております。M [...]]]></description>
			<content:encoded><![CDATA[				<p>本日はお休みということで、家で本を読んだり、撮り貯めしていたテレビみたり、ブログのバックアップを取ったりしております。</p>
				<p>すでに何度も書いておりますが、このブログは現在Wordpressで作っております。MTから移行して以来、カスタマイズの手軽さにとにかく驚かされっぱなしです。中でもプラグインの導入のしやすさにはすばらしいものがあります。（殆どのものがpluginフォルダに入れて管理画面で有効化するだけで利用可能）</p>
				<p>ですが、調子にのって色々入れていると（特に酒をのみながら遊んでいると）、Firefoxのaddonと同じく「これ、何に使うプラグインだっけ？」と訳がわからなくなりがちです。</p>
				<p>プラグインをインストールする度にエントリーで内容を記録はしていますが、何かのときにイチイチ探すのも面倒くさい。本日ブログの整理をしたことですし、ここらで一発、うちで利用しているプラグインをまとめておきましょう。（WordPress2.7で標準インストールされているものは除きます。）</p>
				<p><span id="more-1044"></span></p>
				<h3><strong><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank">All in One SEO Pack</a></strong></h3>
				<p>エントリーのタイトルや、description、keywordsといったmetaタグ情報を細かく設定できるプラグイン。検索エンジンからのブログの見た目を最適化してくれます。</p>
				<h3><strong><a href="http://www.captcha.fr/" target="_blank">Cryptographp</a></strong></h3>
				<p>コメントスパム対策。登録フォームなんかでよくある、画像で書かれた数字や文字を入力させるためのプラグイン。</p>
				<p>よく見かける機能ですが、正式には<a class="l" onmousedown="return rwt(this,'','','res','3','AFQjCNEyc4aGtZAdY5FPzJgSSbjmeeimAw','&amp;sig2=No9q0RQD-SJI2ql4w1zftw')" href="http://www.aconus.com/%7Eoyaji/server/captcha.htm" target="_blank">CAPTCHA</a>という名前の機能だそうです。こういう、よく見るけれどいざ導入しようとした時に、何てキーワードで検索したらよいか判らない機能って探すの大変です。</p>
				<h3><strong><a href="http://wppluginsj.sourceforge.jp/ktai_style/" target="_blank">Ktai Style</a></strong></h3>
				<p>導入するだけでケータイ（しかも3キャリア対応らしい）での表示を最適化してくれるプラグイン。</p>
				<p>どれだけの人が携帯から見てくれているか判りませんが、より多くの人がサイトを見ることができるようになります。</p>
				<p>ってか、外から見たくなるようなコンテンツ（カフェ情報とか飯屋情報）を充実させないとね。</p>
				<h3><a href="http://www.gavinbarker.co.uk/gblog/?page_id=78" target="_blank"><strong>Litebox Plugin</strong></a></h3>
				<p>画像をクリックすると画面上でオーバーレイ表示する、いわゆるLitebox表示をするためのプラグイン。</p>
				<p>Litebox表示をするためのプラグインは色々あるのですがシンプルなこちらをえらびました。<a href="http://www.cafedawn.net/2008/12/24/lightbox.html" target="_blank">導入時のエントリーはこちら</a></p>
				<p>だがしかし、最近は写真は<a href="http://www.flickr.com/photos/34680940@N05/" target="_blank">Flickr</a>に掲載しているのであまり使わなくなりました。</p>
				<h3><a href="http://alexking.org/projects/wordpress" target="_blank"><strong>Twitter Tools</strong></a></h3>
				<p>エントリーの隣の「Twitterでのつぶやき」を表示しているプラグインです。</p>
				<p>ブログ上にTwitterでの発言を表示したり、管理者であればブログの管理画面やブログ上からTwitterに発言を投稿することができるようになります。</p>
				<p>英語版ですが設定はそれほど複雑ではないので大丈夫かと。<a href="http://lovelog.eternal-tears.com/wordpress/wp-plugin-ja/twitter-tools/" target="_blank">日本語化ツール</a>も配布されています。作ってくれた方ありがとうございます。</p>
				<p>色んなサイトの情報が知れるので便利ですよ。Twitter</p>
				<h3><strong><a title="プラグインのホームページを開く" href="http://www.oratransplant.nl/uga">Ultimate Google Analytics</a></strong></h3>
				<p>アクセス解析ツールGoogleAnalyticsの設定をWordPressの管理画面上から行えます。</p>
				<p>通常GoogleAnalyticsはすべてのページにコードを入れなければいけないのですが、これなら管理画面上で、一回コードを入力するだけ。</p>
				<p>さらに、自分のアクセスをカウントしないように設定できたりします。</p>
				<h3><strong><a title="プラグインのホームページを開く" href="http://wordpress.org/extend/plugins/wordpress-media-flickr/" target="_blank">Wordpress Media Flickr</a></strong></h3>
				<p>エントリー内でFlickrの写真を貼り付けることができます。これを入れておけば、イチイチFlickrを開いて、コードを取得して・・・という手間がなくなります。</p>
				<p>こちらのプラグインについては、<a href="http://factage.com/yu-ji/2008/03/31/wordpress-media-flickr-1_0_0/#extended" target="_blank">こちらのブログ</a>で詳細な情報が掲載されています。</p>
				<h3><strong><a href="http://wppluginsj.sourceforge.jp/wp-jrelated/" target="_blank">WordPress Related Post for Japanese</a></strong></h3>
				<p>ブログのエントリーの下に表示される「このブログで関連すると思われる他の投稿」を表示するプラグインです。</p>
				<p>動作させるためにはphp5が必要になるため、ハッスルサーバーではhtaccessファイルをいじる必要がありました。（一行書いただけですが。）</p>
				<p>またYahoo! JAPAN Webサービスの技術を利用するため、IDを取得する必要もあります。（これも簡単。）</p>
				<h3><a href="http://lesterchan.net/portfolio/programming/php/#wp-pagenavi" target="_blank"><strong>WP-PageNavi</strong></a></h3>
				<p>ページの下部にGoogleの検索結果のように、ページナンバーを表示するためのプラグイン。ページをめくるように、新しいエントリーから古いエントリーまでサクサク表示できるようになります。</p>
				<h3><a href="http://ma38su.sourceforge.jp/wp/vicuna/ja/" target="_blank"><strong>wp.Vicuna Ext.</strong></a></h3>
				<p>このブログのデザインを実現しているプラグイン。外見上のデザインだけでなく生成されるHTMLの構造自体もキレイで、表示も速いらしい。</p>
				<p><a href="http://www.cafedawn.net/2009/02/08/blog_design_change.html" target="_blank">くわしくはコチラ。</a></p>
				<h3><strong><a title="プラグインのホームページを開く" href="http://ma38su.sourceforge.jp/wp/vicuna/adaptor/ja/" target="_blank">Vicuna Adaptor</a></strong></h3>
				<p>上記のVicunaのプラグイン的なもの。これを入れると文字の拡大縮小機能、エントリーへのスターマーク付与機能などを一度に実装できる。</p>
				<p>とっても美味しいプラグインです。特に文字の拡大縮小機能は、読む人目線で是非入れておきたい機能です。</p>
				<p>とりあえず今入れているのはこれくらい。</p>
				<table  class="g-tools_table">
				<tr>
				<td valign="top"><span class="g-tools_img"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798022012/cafedawn-22/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51S-xygTogL._SL160_.jpg"  alt="WordPress 2.7対応「導入&#038;カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&#038;無料で構築できる!" /></a></span></td>
				<td valign="top"><span class="g-tools_body"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798022012/cafedawn-22/" target="_blank">WordPress 2.7対応「導入&#038;カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&#038;無料で構築できる!</a><br />吉村 正春</p>
				<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929254/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/4839929254.09._SCTHUMBZZZ_.jpg" border="0" alt="基本からしっかりわかる WordPress 2.7 カスタマイズブック (Web Designing BOOKS)" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376222/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/4883376222.09._SCTHUMBZZZ_.jpg" border="0" alt="WordPressレッスンブック―ステップ・バイ・ステップ形式でマスターできる" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/479811667X/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/479811667X.09._SCTHUMBZZZ_.jpg" border="0" alt="WordPress逆引きデザイン事典[2.X対応]" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929734/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/4839929734.09._SCTHUMBZZZ_.jpg" border="0" alt="現場のプロから学ぶXHTML+CSS" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048673963/cafedawn-22/" target="_blank"><img src="http://images.amazon.com/images/P/4048673963.09._SCTHUMBZZZ_.jpg" border="0" alt="いま一番わかりやすい WordPress日本語版でブログサイト構築入門" /></a> </span><span class="g-tools_by"><br />by <a href="http://www.goodpic.com/mt/aws/index.html" >G-Tools</a></span></td>
				</tr>
				</table>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/02/11/wordpress_plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/02/11/wordpress_plugin.html" />
	</item>
		<item>
		<title>wp.Vicuna Ext.でブログのデザイン変えました。</title>
		<link>http://www.cafedawn.net/2009/02/08/blog_design_change.html</link>
		<comments>http://www.cafedawn.net/2009/02/08/blog_design_change.html#comments</comments>
		<pubDate>Sun, 08 Feb 2009 12:37:17 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=1025</guid>
		<description><![CDATA[				皆さんこんばんわ。長いことブログ更新しておりませんでしたが、ご覧のとおりブログのデザイン変更に夢中でそれどころではありませんでした。
				（書きたいことは色々あったんですけど、作業途中で別のエントリーを書いて [...]]]></description>
			<content:encoded><![CDATA[				<p>皆さんこんばんわ。長いことブログ更新しておりませんでしたが、ご覧のとおりブログのデザイン変更に夢中でそれどころではありませんでした。</p>
				<p>（書きたいことは色々あったんですけど、作業途中で別のエントリーを書いてしまうと、中途半端な状態のままデザイン放置しそうだったので・・・）</p>
				<p>PCからご覧の方々は既に二三日前から見た目がガラリと変わったことにお気づきかと思いますが、今日やっとサイドバーのウィジェットとCSSの調整が完了。</p>
				<p>念願の左側メインカラムと右寄せ２サブカラムの3カラムデザインを実現しました。</p>
				<p>いやー。中央メインコンテンツのいわゆるブログデザインもいいけど、ナウでヤングなWebサイトで多用される、<strong><a href="http://gigazine.net/index.php?/news/comments/20060419_f_pattern/" target="_blank">Fパターン視点移動</a></strong>に最適化されたこのレイアウトに前々からあこがれてたんですよね。個人的に大満足です。</p>
				<p>前のデザインもそれなりに良かったのですが、レイアウトが気に入らなかったのと、文字の大きさがちょっと小さく思えたり、変なところが英語だったりと、チマチマと気に入らない部分がありましたので・・・</p>
				<p>さて、忘れないように、そして誰かの役にたつかもしれないので、簡単な作業レポートをしてみます。</p>
				<p><span id="more-1025"></span></p>
				<h2>wp.Vicuna.Extをダウンロード＆テストサイトを用意</h2>
				<p>今回はデザイン変更にあたり、<strong><a href="http://www.ideaxidea.com/archives/2009/01/wordpress_theme.html" target="_blank">idea×ideaさんのエントリー</a></strong>を参考に、<a href="http://ma38su.sourceforge.jp/wp/vicuna/ja/" target="_blank"><strong>wp.Vicuna.Ext</strong></a>というテーマプラグインを利用することにしました。</p>
				<p>加えてデザインテスト用に、このサイトでも使っていて、10日間無料レンタル可能な<a href="http://www.hustle.ne.jp/" target="_blank"><strong>ハッスルサーバー</strong></a>で新たにテストサイトを立ち上げました。</p>
				<p>今のサイトで色々やっても良かったのですが、デザイン変更作業中は見た目が激しくグチャグチャになったり表示されなくなったり、最悪失敗することも考えられましたので、念のため。（それに10日間のタイムリミットのおかげで作業にも張りがでます。）</p>
				<p>テストサイトにワードプレスを入れて、<strong><a href="http://ma38su.sourceforge.jp/wp/vicuna/ja/" target="_blank"><strong>wp.Vicuna.Ext</strong></a></strong>をインストールしたら、レイアウトやパンくずリストなど基本的な設定を済ませます。</p>
				<p>インストールさえ完了してしまえば、基本設定は管理画面上からサクサクできてしまうので相当便利です。</p>
				<h2>メインスペースを拡張。500pxから600pxに変更</h2>
				<p>レイアウトの変更自体はかなり簡単だったのですが、ここで一つ問題が。メインスペースの幅が若干狭く500pxしかございません。</p>
				<p>それだけあれば十分かもしれませんが、写真を載せたり、長めの記事を書くには若干せせこましい。</p>
				<p>そこで、メインスペースを100px広げて600pxとしました。</p>
				<p>あわせてヘッダーの背景画像も1000px版を作成。今回は相当シンプルにつくりました。そのうちサイトのデザインの方向性が決まったらまた変えるかも。</p>
				<h2>Firebugを使いながらCSSを最適化</h2>
				<p>この辺は<strong><a href="http://www.ideaxidea.com/archives/2009/01/wordpress_theme.html" target="_blank">idea×ideaさんのエントリー</a></strong>と同じで、<a href="https://addons.mozilla.org/ja/firefox/addon/1843" target="_blank"><strong>Firebug</strong></a>を見ながら、スタイルシートをカリカリといじります。めんどくさいけどサイトが徐々にキレイになっていくのは気持ちがいいですわ。</p>
				<p>全体的にはWeb2.0チックなうっすらさっぱりなデザインテイスト、モノトーンでまとめましたが、あまりに薄すぎても読みづらいので、文字は大きめ、テキストの色は濃い目として、さし色にオレンジを加えました。（idea×ideaさんの色使いを参考に・・・）</p>
				<p>テーマカラーの候補にはブルー、グリーンも考えましたが無難にモノトーンに。（服もそうだけど、色で冒険できません。モノトーンな風景。）</p>
				<p>全体的な設定が完了して、あとは細かな部分の調整だけとなったらテストサイトでの作業は終了です。</p>
				<h2>本サイトに適用してプラグインの類を調整</h2>
				<p>本番サイトにも<strong><a href="http://ma38su.sourceforge.jp/wp/vicuna/ja/" target="_blank"><strong>wp.Vicuna.Ext</strong></a></strong>をインストールし、テストサイトの内容をコピーします。</p>
				<p>その後、本番サイト独自のプラグインの設定やらサイドバーの設定やらを調整しました。</p>
				<p>本当はテストサイトで本番と同じプラグイン実装して調整すればよかったのですが、めんどくさかったので・・・。</p>
				<h2>リニューアル完了と新プラグインの実装</h2>
				<p>以上でデザイン変更は完了です。ついでに新しいプラグインを実装しました。</p>
				<p><strong>プロフィール表示にiddyを利用</strong></p>
				<p>これまでabout meを使ってましたが、若干デザインが浮いていたのと、他のサービスとの連携の面で難があったので、今回は<a href="http://iddy.jp/" target="_blank"><strong>iddy</strong></a>を利用しました。</p>
				<p>iddyならデザインもわりといじりやすく、flickrやyoutubeとの連携ができたり、マイページ自体も色々いじれたりするので、今回導入してみました。</p>
				<p><strong>Flickrブログパーツを導入</strong></p>
				<p>いままで撮った写真をランダム表示するブログパーツです。見た目殺風景になりがちな個人ブログにはいいアクセントです。</p>
				<p>そんなこんなでブログのデザイン変更は一旦完了です。</p>
				<p>さて！エントリーガシガシ書くぞ！！</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/02/08/blog_design_change.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/02/08/blog_design_change.html" />
	</item>
		<item>
		<title>WordPress Related Post for Japanese　で関連記事を表示</title>
		<link>http://www.cafedawn.net/2009/01/26/jrelatede.html</link>
		<comments>http://www.cafedawn.net/2009/01/26/jrelatede.html#comments</comments>
		<pubDate>Sun, 25 Jan 2009 16:10:08 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=996</guid>
		<description><![CDATA[				先ほどのエントリーでもやってみたいと書いていた、記事の中での関連記事表示。
				機能を実現するためのプラグインにはいくつか種類があったのですが、今回はWordPress Related Post for Ja [...]]]></description>
			<content:encoded><![CDATA[				<p>先ほどのエントリーでもやってみたいと書いていた、記事の中での関連記事表示。</p>
				<p>機能を実現するためのプラグインにはいくつか種類があったのですが、今回は<a href="http://wppluginsj.sourceforge.jp/wp-jrelated/" target="_blank"><strong>WordPress Related Post for Japanese</strong></a>というものを導入してみました。</p>
				<p>当初は<a href="http://wordpress.org/extend/plugins/similar-posts/" target="_blank">Similar Posts</a>という有名なプラグインを使おうとしたのですが、なぜだかうまいこと関連記事が表示されませんでした。</p>
				<p>今回導入した<a href="http://wppluginsj.sourceforge.jp/wp-jrelated/" target="_blank"><strong>WordPress Related Post for Japanese</strong></a>はyahooが開発した技術と連動しているそうで、閲覧者のサイト内行動をもとに関連記事リストを生成るすらしい。すばらしい。かしこい。</p>
				<p>さて、これでやっと、<a href="http://www.cafedawn.net/2009/01/11/charge_ktai_style.html" target="_blank">モバイル対応</a>、<a href="http://www.cafedawn.net/2009/01/22/twittertool.html" target="_blank">twitter対応</a>、<a href="http://www.cafedawn.net/2009/01/19/about-me.html" target="_blank">プロフィール表示</a>、<a href="http://www.cafedawn.net/2009/01/24/wp-pagenav.html" target="_blank">ページ番号表示</a>に<a href="http://www.cafedawn.net/2009/01/25/bikeintokyo.html" target="_blank">Flickr対応</a>、さらに関連記事表示と欲しかった機能を１００パーセント実装完了できました。</p>
				<p>おかげで見た目がかなりツギハギチックに・・・</p>
				<p>今週はじっくりデザイン変更するよー。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/26/jrelatede.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/26/jrelatede.html" />
	</item>
		<item>
		<title>パレスサイクリング＆都内行脚</title>
		<link>http://www.cafedawn.net/2009/01/25/bikeintokyo.html</link>
		<comments>http://www.cafedawn.net/2009/01/25/bikeintokyo.html#comments</comments>
		<pubDate>Sun, 25 Jan 2009 12:36:29 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[自転車]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=986</guid>
		<description><![CDATA[				
				本日はお日柄もよろしく、午後からチャリンコで出かけてみました。
				僕自身、ただでさえ友達が少ない上に予定を組むのがへたくそな為、週末はほぼスタンドアローン、いくらPCいじったり、本読んだり、筋トレ [...]]]></description>
			<content:encoded><![CDATA[				<p style="text-align: center;"><a title="中央大橋" href="http://www.flickr.com/photos/34680940@N05/3224404613/" target="_blank"><img class="aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 0pt; margin-bottom: 10px;" src="http://static.flickr.com/3470/3224404613_dd7241e3f4_m.jpg" alt="中央大橋" width="180" height="240" /></a></p>
				<p>本日はお日柄もよろしく、午後からチャリンコで出かけてみました。</p>
				<p>僕自身、ただでさえ友達が少ない上に予定を組むのがへたくそな為、週末はほぼスタンドアローン、いくらPCいじったり、本読んだり、筋トレするのが好きでも、こう毎週毎週部屋にこもっていると気分がドンドン滅入ってくるのです。なんというか寒さのためか、今週はかなり限界に近かったので、このままじゃまずい！！と思い立ち、特に用事はなかったけど出かけることにしたのですよ。</p>
				<p>強引に定めた目的はずばり、皇居一周。せっかく近所なんだし、東京にいるうちに一度はやってみたかったんですよ。最近ランニングで人気ですし。</p>
				<p>ってなわけでいってみました。皇居まで。<span id="more-986"></span></p>
				<p style="text-align: center;"><a title="車道ど真ん中！" href="http://www.flickr.com/photos/34680940@N05/3224403451/" target="_blank"><img class="aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 0pt; margin-bottom: 10px;" src="http://static.flickr.com/3122/3224403451_5a7b04fa07_m.jpg" alt="R0012360" width="240" height="180" /></a></p>
				<p>車道チャリンコオンリー！！</p>
				<p>行ってみて初めて知ったのですが、皇居の内堀通りの一部って、毎週日曜日になるとサイクリングコースとして開放されているそうです。</p>
				<p><a href="http://www.cycle-info.bpaj.or.jp/japanese/cycling/ps1.html" target="_blank">パレスサイクリング</a>という毎週開かれるイベントだそうで祝田橋から平川門までの間、往復約３キロがチャリンコ天国となっていました。</p>
				<p>皇居の前の超一等地ということで道幅は広いし、路面状況も最高。加えて冬場の抜けるような青い空と、実に気持ちがいい！</p>
				<p>普段は全く使うことのないトップギア＆全速力で自転車を漕ぐとダホンのような小径車でも相当スピードが出ます。そして疲れます。でもサイコーに気持ちがよいです。</p>
				<p style="text-align: center;"><a title="myshadow" href="http://www.flickr.com/photos/34680940@N05/3224403287/" target="_blank"><img class="aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 0pt; margin-bottom: 10px;" src="http://static.flickr.com/3324/3224403287_cf58332911_m.jpg" alt="myshadow" width="240" height="180" /></a></p>
				<p>実にブログ向きな記念撮影もしてみました。</p>
				<p>それにしても皇居でランニングって、ほんとに流行ってるんですね。ソロのランナーはもちろん、ペアや、中には家族連れまで！</p>
				<p>走ってみてわかったのですが、皇居の周りって結構アップダウン激しいけど小さい子供とかきつくないのかしら？</p>
				<p>このごろサボりまくりだけど今の案件が落ち着いたらちゃんと走ろう。。。</p>
				<p>さて、その後の皇居一周ですが、案外さくっと終わってしまったので、そのまま自転車で都内を突っ走ることに。コースは良く覚えてませんが、どこで飯を食おうかなと悩みながら東へ東へと進み、六本木→青山→渋谷に到着。</p>
				<p><a title="自衛館" rel="lightbox" href="http://www.flickr.com/photos/34680940@N05/3225258494/"></p>
				<p style="text-align: center;"><a title="自衛館" href="http://www.flickr.com/photos/34680940@N05/3225258494/" target="_blank"><img class="aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 10px; margin-bottom: 10px;" src="http://static.flickr.com/3316/3225258494_9c89a36b0a_m.jpg" alt="自衛館" width="240" height="180" /></a></p>
				<p></a></p>
				<p>渋谷名物自衛館。この妙に可愛らしいマークとフォントはなんだろうか・・・・。</p>
				<p>うーんやりすぎた。結局食べたいものが見つからず、そのまま青山通りを逆戻り、家まで帰って近所のマクドで飯食いました。</p>
				<p>それにしてもやっぱり身体を動かすのは気持ちがいいですね。部屋の中でゴニョゴニョ考えごとして疲れた頭がすっきりしました。</p>
				<p>よし！今度は山手線一周だ！！（無駄に制覇系ミッションが好き。）</p>
				<p>そうそう、このエントリーから写真の掲載にflickrを使い始めました。今回ブログでflickrを使うために用いたプラグインは<a href="http://factage.com/yu-ji/tag/wp-media-flickr/" target="_blank">Wordpress Media Flickr</a>というもの。とても便利。</p>
				<p>他にも写真を上げてますのでよかったら写真をクリックしてみてください。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/25/bikeintokyo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/25/bikeintokyo.html" />
	</item>
		<item>
		<title>WP-PageNaviでblogにページ番号を表示するようにしました。</title>
		<link>http://www.cafedawn.net/2009/01/24/wp-pagenav.html</link>
		<comments>http://www.cafedawn.net/2009/01/24/wp-pagenav.html#comments</comments>
		<pubDate>Sat, 24 Jan 2009 14:32:38 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=982</guid>
		<description><![CDATA[				皆さんこんばんわ。
				おとといぐらいからブログの一番下に、グーグルの検索結果表示のようにページ番号を表示するようにしました。
				利用したのはWP-PageNaviというプラグイン。他のプラグイン同様に [...]]]></description>
			<content:encoded><![CDATA[				<p>皆さんこんばんわ。</p>
				<p>おとといぐらいからブログの一番下に、グーグルの検索結果表示のようにページ番号を表示するようにしました。</p>
				<p>利用したのは<a href="http://www.lesterchan.net/wordpress/readme/wp-pagenavi.html" target="_blank"><strong>WP-PageNavi</strong></a>というプラグイン。他のプラグイン同様に指定のフォルダにインストールして、管理画面側で有効化すればそれだけでＯＫ！</p>
				<p>ちょっとデザインがマッチしていませんが、前々からこういう風に表示がしたかったので個人的には気分すっきり。見た目は後から少しずついじるのでそれほど問題ではないです。どうせ今からデザインいじろうと思ってますので。</p>
				<p>これで<a href="http://www.cafedawn.net/2007/10/03/createblog.html" target="_blank">ブログの最初のエントリー</a>から、最新のエントリーまで、ざーっとページを流し読みできるようになりました。（誰もそんなことしないと思いますが。）ぺらぺらとめくる感覚でサイトを閲覧できるので、ずっと実装したかったんですよね。これ。それにしてもあと二ヶ月チョいで、こっちに引っ越してきてから１年ですか・・早いもんです。</p>
				<p>あとは、エントリーごとに関連する別のエントリーへのリンクをつけるプラグインを見つければ、ブログの機能面では１００パーセント満足ね。</p>
				<p>さて、デザインいじろう。テイストは別として、<a href="http://test.wpthemesfree.com/?preview_theme=dandelion-style-10" target="_blank">こんな感じ</a>の左カラム主体の３カラム構成のページにあこがれてます。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/24/wp-pagenav.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/24/wp-pagenav.html" />
	</item>
		<item>
		<title>twitterプラグインtwitter toolsを入れてみました。</title>
		<link>http://www.cafedawn.net/2009/01/22/twittertool.html</link>
		<comments>http://www.cafedawn.net/2009/01/22/twittertool.html#comments</comments>
		<pubDate>Wed, 21 Jan 2009 20:57:52 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[つぶやき]]></category>
		<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=966</guid>
		<description><![CDATA[				いまさらながらにtwitter（ツイッター）をはじめ、今更ながらにブログにもtwitterプラグインを組み込んでみました。
				いいですね。twitter。僕は本来記事にもならないようなツブヤキを浮かんだ瞬間 [...]]]></description>
			<content:encoded><![CDATA[				<p>いまさらながらにtwitter（ツイッター）をはじめ、今更ながらにブログにもtwitterプラグインを組み込んでみました。</p>
				<p>いいですね。twitter。僕は本来記事にもならないようなツブヤキを浮かんだ瞬間に書きたくなるクセがあるので、そういう衝動をぶつけるのにはうってつけのツールです。</p>
				<p>ブログと一緒にやっていると自分の中でエントリーの住み分けが出来てとても快適なのですよ。</p>
				<p>twitter上ではブログエントリーほどにはまとめられない思いつきや、いつかはまとめたいけど時間がないこと、速報的な情報や、本当にただのつぶやきなどを書きなぐり、ブログのほうではある程度まとまった、記事を書く。</p>
				<p>ブログにtwitterを表示するためのプラグイン<a href="http://alexking.org/projects/wordpress" target="_blank"><strong>twitter tools</strong></a>はただ単にブログ上にtwitterを表示できるだけでなく、オーナーならば自分のブログ上からもtwitterに投稿できるのです。しかも、プラグインインストール後に設定画面でtwitterのアクセス情報を設定しておけば、ブログにログインすると同時にtwitterにもオートログインされるので、地味に便利です。</p>
				<p>なんでもやってみるもんですな。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/22/twittertool.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/22/twittertool.html" />
	</item>
		<item>
		<title>about meで自分のプロフィールをブログに表示</title>
		<link>http://www.cafedawn.net/2009/01/19/about-me.html</link>
		<comments>http://www.cafedawn.net/2009/01/19/about-me.html#comments</comments>
		<pubDate>Sun, 18 Jan 2009 18:19:18 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=952</guid>
		<description><![CDATA[				このところ力を入れているブログのマイナーチェンジですが、今回はabout meというサービスを使ってサイドバーに自分のプロフィールを表示してみました。
				一般的なＳＮＳやブログサービスでは当たり前の機能なの [...]]]></description>
			<content:encoded><![CDATA[				<p>このところ力を入れているブログのマイナーチェンジですが、今回は<a href="http://aboutme.jp/central" target="_blank"><strong>about me</strong></a>というサービスを使ってサイドバーに自分のプロフィールを表示してみました。</p>
				<p>一般的なＳＮＳやブログサービスでは当たり前の機能なのですが、これがあるとないとでは、決定的に自分のブログ感が違います。  家の表札とでも言うのでしょうか？  それに見る人の立場からすれば、誰が書いたかわからない記事よりは、ＨＮだけでも出ていたほうが、なんとなく安心して読める気がします。</p>
				<p><span id="more-952"></span> プロフィール表示は「夜明け前」のころから、いつかはつけたいな～と思っていた項目。</p>
				<p>今回のブログwordpress化においては、自分の中で必ず実現するぞと、心に決めておりました。</p>
				<p>自分で作っても良かったのですが、面倒くさいし、デザインテンプレートを変えたときに表示が崩れる恐れがあることとか考えると手をつけられていませんでした。</p>
				<p>それに最近はＷｅｂ上に各種ブログツールやらtwitterやらflickerなど、便利なサービスがたくさんあります。</p>
				<p>サイトを作る人はいかに自前で頑張ってカッコイイサイトを作るかよりも、便利なサービスを手軽に取り入れて、空いた時間と想像力で、面白い情報やアイデアを伝えあうか？という点に力を入れるべきだと思っているので。</p>
				<p>えらそうなことを言ってますが、便利なことはみんなで共有して、自分しか出来ないことのためにお金と時間と力を使いましょうよってことですね。</p>
				<p>さて、このabout me　クリックするとabout meのマイページに飛びます。懐かしいですねマイページ。  昔mixiをやっていたころを思い出します。</p>
				<p>もうひとつ、このサービスで面白いのがユーザーが簡単な質問を作ったり、答えたり、結果をグラフで表示できる機能。   <script src="http://p.aboutme.jp/p/qjs/57/91957.js" type="text/javascript"></script></p>
				<p>ちょっとサイトが重かったり、微妙に使いづらかったりする点はありますが、プロフィールを作れるうえに、自分のブログの更新情報も掲載されるので、大手サービスに属したくないくせに人とつながりたいという、僕のような個人ブロガーにとってはうれしいサービスといえます。</p>
				<p>これからはコミュニティーへの門戸も開き、より多くのネタを拾っていこうと思います。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/19/about-me.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/19/about-me.html" />
	</item>
		<item>
		<title>携帯電話の料金とKtai Styleでブログのモバイル対応</title>
		<link>http://www.cafedawn.net/2009/01/11/charge_ktai_style.html</link>
		<comments>http://www.cafedawn.net/2009/01/11/charge_ktai_style.html#comments</comments>
		<pubDate>Sun, 11 Jan 2009 05:35:10 +0000</pubDate>
		<dc:creator>agni99</dc:creator>
				<category><![CDATA[ブログカスタマイズ]]></category>
		<category><![CDATA[ktai style]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.cafedawn.net/?p=861</guid>
		<description><![CDATA[				みなさんこんにちわ。
				三連休の二日目、いかがお過ごしですか？
				
				私は真昼間から自分の携帯電話の料金プランについて、コーヒー飲みながら悶々としております。
				現在利用しているのはＡＵの [...]]]></description>
			<content:encoded><![CDATA[				<p>みなさんこんにちわ。</p>
				<p>三連休の二日目、いかがお過ごしですか？</p>
				<p style="text-align: center;"><img class="size-medium wp-image-862 aligncenter" style="border: 1px solid #cccccc; padding: 10px; margin-top: 10px; margin-bottom: 10px;" title="r0012278" src="http://www.cafedawn.net/wordpress/wp-content/uploads/2009/01/r0012278-300x225.jpg" alt="r0012278" width="300" height="225" /></p>
				<p>私は真昼間から自分の携帯電話の料金プランについて、コーヒー飲みながら悶々としております。</p>
				<p>現在利用しているのはＡＵの無料通話１４４分付きプランＭというサービス。多少ばらつきはあるものの、平均すると月額6～７０００円。</p>
				<p>そんなに話しているつもりないんだけど・・。というかプライベートで電話する宛もないのに（通話履歴に先々月のが残るくらい）年間にすると7万円ちょいも取られているのね。携帯電話って恐ろしい。</p>
				<p>しかしワンランク下のプランＳにしたところで、基本料金1000円程度しか変わらない上に、無料通話の時間は60分程度と半減。お得感がないわけですね。</p>
				<p>しばらく様子見て、もはや全く使わないようなら、いっそのことＡＵやめてガジェットとして色々遊べるＥモバイルのスマートフォンに変えてしまおうか・・・？</p>
				<p>でも、10年ちかく使っているので長期割引を考えるとなかなか捨てられない。うーん・・・悩ましい。</p>
				<p>というわけで悶々。</p>
				<p>まぁ使わないんだけどね。</p>
				<p>そうそう、ついこの間、<a href="http://wppluginsj.sourceforge.jp/ktai_style/" target="_blank"><strong>Ktai Style</strong></a>というプラグインを入れて、ケータイからもブログ閲覧ができるようにしました。</p>
				<p>インストールの際、利用しているハッスルサーバーのPHPバージョンが5じゃなかったので一瞬あせったけど、これは.htaccessファイルをちょっといじっただけで解決。</p>
				<p style="text-align: center;"><img class="aligncenter size-full wp-image-863" style="border: 1px solid #cccccc; padding: 10px;" title="qr" src="http://www.cafedawn.net/wordpress/wp-content/uploads/2009/01/qr.jpg" alt="qr" width="132" height="132" />ケータイ版はこちらから</p>
				<p>基本的にWordPressはプラグインのインストールが相当楽です。ツールとして、「ブログを書く」以外のストレスが最小限であるという点は非常に評価できます。今度はコメント投稿に画像認証を加えて、俺の承認がなくても即時にコメントが反映されるようにしようとおもいます。</p>
				
				
				<!-- Begin TwitThis script (http://twitthis.com/) -->
				<div class="twitter_button"text-align:left;">
				<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
				<script type="text/javascript">
				<!--
				document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
				//-->
				</script>
				</div>
				<!-- /End -->
]]></content:encoded>
			<wfw:commentRss>http://www.cafedawn.net/2009/01/11/charge_ktai_style.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.cafedawn.net/2009/01/11/charge_ktai_style.html" />
	</item>
	</channel>
</rss>
