<?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>oganosin blog&#187; smells like facebook</title>
	<atom:link href="http://www.oganosin.net/blog/tag/smells-like-facebook/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.oganosin.net/blog</link>
	<description>oganosin weblog</description>
	<lastBuildDate>Wed, 29 Sep 2010 03:00:00 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.oganosin.net/blog/tag/smells-like-facebook/feed/" />
		<item>
		<title>テーマ smells like facebook をカスタマイズする際のメモ</title>
		<link>http://www.oganosin.net/blog/wordpress/20090813/</link>
		<comments>http://www.oganosin.net/blog/wordpress/20090813/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 10:15:51 +0000</pubDate>
		<dc:creator>oganosin</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[smells like facebook]]></category>

		<guid isPermaLink="false">http://www.oganosin.net/blog/?p=142</guid>
		<description><![CDATA[カスタマイズするにあたっての基本（？）色の変更をメインに。 まずはCSSをのぞいて使用している色を抜き出してみる。 抜き出し方はターミナルにて #grep color style.css &#124; sort &#124; uniq #g [...]]]></description>
			<content:encoded><![CDATA[<p><!--:ja-->カスタマイズするにあたっての基本（？）色の変更をメインに。<br />
まずはCSSをのぞいて使用している色を抜き出してみる。<br />
抜き出し方はターミナルにて</p>
<pre>#grep color style.css | sort | uniq
#grep background style.css | sort | uniq</pre>
<p><!--:--><span id="more-142"></span><!--:ja--></p>
<ul>
<li><span style="color: #5c75aa;">background-color: #5C75AA;</span></li>
<li>background-color: #FFFFFF;</li>
<li><span style="color: #5f78ab;">background-color:#5F78AB;</span></li>
<li><span style="color: #f5f5f5;">background-color: #f5f5f5;</span></li>
<li><span style="color: #f3f3f3;">background-color: #f3f3f3;</span></li>
<li><span style="color: #627aad;">background: #627AAD;</span></li>
<li><span style="color: #899bc1;">background: #899BC1;</span></li>
<li><span style="color: #d8dfea;">background: #D8DFEA;</span></li>
<li><span style="color: #eceff5;">background: #ECEFF5;</span></li>
<li><span style="color: #eeeeee;">background: #eee;</span></li>
<li><span style="color: #f7f7f7;">background:#F7F7F7 none repeat scroll 0 0;</span></li>
<li>border-color:<span style="color: #26446e;">#26446E</span> <span style="color: #152f5f;">#152F5F</span> <span style="color: #0c2253;">#0C2253</span>;</li>
<li>color: #000;</li>
<li><span style="color: #3b5998;">color: #3B5998;</span></li>
<li><span style="color: #666666;">color: #666;</span></li>
<li><span style="color: #777777;">color: #777777;</span></li>
<li><span style="color: #gray;">color: gray;</span></li>
<li><span style="color: #333333;">color:#333333;</span></li>
<li>color:#FFFFFF;</li>
</ul>
<p>画像のほうでは</p>
<ul>
<li>menubar.png：<span style="color: #3b5998;">color: #3B5998;</span></li>
<li>bodybg.gif : <span style="color: #EDEFF4;">color:#EDEFF4;</span></li>
<li>plus.gif：<span style="color: #3b5998;">color: #3B5998;</span></li>
<li>search.gif：<span style="color: #6D84B4;">color: #6D84B4;</span></li>
</ul>
<p>こうして見ると結構な数の色を使ってますね。メインの色を抜き出すと</p>
<ul>
<li>menubar.pngを中心に一番濃い色として多用されている：<span style="color: #3b5998;">color: #3B5998;</span></li>
<li>search.gif、カテゴリメニューに使用されている中間色：<span style="color: #6D84B4;">color: #6D84B4;</span></li>
<li>bodybg.gifに使用されている薄い色 : <span style="color: #EDEFF4;">color:#EDEFF4;</span></li>
<p></uL><br />
に集約されると思います。この3色とそれに近い色を置き換える事でテーマーカラーを変更していこうと思います。<!--:--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oganosin.net/blog/wordpress/20090813/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.oganosin.net/blog/wordpress/20090813/" />
	</item>
		<item>
		<title>ブログのテーマをsmells like facebookに変更してみた</title>
		<link>http://www.oganosin.net/blog/wordpress/20090802/</link>
		<comments>http://www.oganosin.net/blog/wordpress/20090802/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 14:40:41 +0000</pubDate>
		<dc:creator>oganosin</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[smells like facebook]]></category>
		<category><![CDATA[テーマ]]></category>

		<guid isPermaLink="false">http://www.oganosin.net/blog/?p=110</guid>
		<description><![CDATA[なんとなく、ブログのテーマを変更したくなったのでwordpressの管理画面から、良さげなテーマがないかしばし検索・・・。そして見つけました！ smells like facebook その名の通り、facebookにイ [...]]]></description>
			<content:encoded><![CDATA[<p><!--:ja-->なんとなく、ブログのテーマを変更したくなったのでwordpressの管理画面から、良さげなテーマがないかしばし検索・・・。そして見つけました！</p>
<p><a href="http://wp.nazieb.com/smells-like-facebook/">smells like facebook</a></p>
<p>その名の通り、facebookにインスパイアされたテーマ。別にfacebookラブな訳ではないけれども、シンプルさが気に入ったので即採用！<br />
これをベースに以下をカスタマイズ。<br />
<!--:--><!--:en-->なんとなく、ブログのテーマを変更したくなったのでwordpressの管理画面から、良さげなテーマがないかしばし検索・・・。そして見つけました！</p>
<p><a href="http://wp.nazieb.com/smells-like-facebook/">smells like facebook</a></p>
<p>その名の通り、facebookにインスパイアされたテーマ。別にfacebookラブな訳ではないけれども、シンプルさが気に入ったので即採用！<br />
これをベースに以下をカスタマイズ。<br />
<!--:--><span id="more-110"></span><!--:ja--></p>
<ul>
<li>デフォルトではgravatarのアイコンが投稿ごとに表示されるけど、そもそもgravatarアイコンを取得していないのでコメントアウト</li>
<li>日付表示を &#8216;Y/m/d&#8217; に変更
<li>無料アイコンを使って多少デコレーション。ちなみに今回使用してみたのは<a href="http://photoshopvip.net/archives/6271">こちら</a>で紹介されていた<a href="http://www.webdesignerdepot.com/2009/07/200-free-exclusive-vector-icons-primo/">Primo Icons</a></li>
<li>アーカイブページでは抜粋表示だったものを、インデックスと同じく本文表示に変更</li>
<li>記事、記事タイトルの文字サイズを調整</li>
<li>ajaxでページ遷移するのが好きではない &amp; URIがユニークではなくなるのが嫌なのでscript.js を修正してajaxでのページ読み込みをOFF</li>
</ul>
<p>といったところ。<br />
またテーマをころっと変えるかもしれないので、現在のスクリーンショットを以下に。<br />
しかし、このブログは画像が少ないね・・・・。もう少し画像を増やそう。</p>
<p><a href="http://www.oganosin.net/blog/wp-content/uploads/2009/08/oganosin-blog_20090802.gif" target="_blank"><img src="http://www.oganosin.net/blog/wp-content/uploads/2009/08/oganosin-blog_20090802-247x300.gif" alt="oganosin-blog_20090802" title="oganosin-blog_20090802" width="247" height="300" class="aligncenter size-medium wp-image-111" /></a><!--:--><!--:en--></p>
<ul>
<li>デフォルトではgravatarのアイコンが投稿ごとに表示されるけど、そもそもgravatarアイコンを取得していないのでコメントアウト</li>
<li>日付表示を &#8216;Y/m/d&#8217; に変更
<li>無料アイコンを使って多少デコレーション。ちなみに今回使用してみたのは<a href="http://photoshopvip.net/archives/6271">こちら</a>で紹介されていた<a href="http://www.webdesignerdepot.com/2009/07/200-free-exclusive-vector-icons-primo/">Primo Icons</a></li>
<li>アーカイブページでは抜粋表示だったものを、インデックスと同じく本文表示に変更</li>
<li>記事、記事タイトルの文字サイズを調整</li>
<li>ajaxでページ遷移するのが好きではない &amp; URIがユニークではなくなるのが嫌なのでscript.js を修正してajaxでのページ読み込みをOFF</li>
</ul>
<p>といったところ。<br />
またテーマをころっと変えるかもしれないので、現在のスクリーンショットを以下に。<br />
しかし、このブログは画像が少ないね・・・・。もう少し画像を増やそう。</p>
<p><a href="http://www.oganosin.net/blog/wp-content/uploads/2009/08/oganosin-blog_20090802.gif" target="_blank"><img src="http://www.oganosin.net/blog/wp-content/uploads/2009/08/oganosin-blog_20090802-247x300.gif" alt="oganosin-blog_20090802" title="oganosin-blog_20090802" width="247" height="300" class="aligncenter size-medium wp-image-111" /></a><!--:--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oganosin.net/blog/wordpress/20090802/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.oganosin.net/blog/wordpress/20090802/" />
	</item>
	</channel>
</rss>

