<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>おじさんの備忘録-番外編- &#187; 表示</title>
	<atom:link href="http://www.dxcode.com/archives/tag/%e8%a1%a8%e7%a4%ba/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dxcode.com</link>
	<description>個人的なメモ書き</description>
	<lastBuildDate>Fri, 13 Jan 2012 23:57:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>プラグイン Random Image Plugin for WordPress</title>
		<link>http://www.dxcode.com/archives/2009/0325723.html</link>
		<comments>http://www.dxcode.com/archives/2009/0325723.html#comments</comments>
		<pubDate>Tue, 24 Mar 2009 23:53:49 +0000</pubDate>
		<dc:creator>kecha</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[表示]]></category>

		<guid isPermaLink="false">http://www.dxcode.com/?p=723</guid>
		<description><![CDATA[Widgetを利用してサイドバーに画像をランダムに表示しその画像へは該当記事へのリンクを貼ってくれるというもの。 ちょっとしたアクセントとして画像を表示できるので素晴らしいと思うが、当サイトの場合画像自体目を引くものでは [...]]]></description>
			<content:encoded><![CDATA[<p>Widgetを利用してサイドバーに画像をランダムに表示しその画像へは該当記事へのリンクを貼ってくれるというもの。<br />
ちょっとしたアクセントとして画像を表示できるので素晴らしいと思うが、当サイトの場合画像自体目を引くものではないのであまり見栄えが良くない。</p>
<p>開発及び配布先 »» <a title="Random Image Plugin for WordPress - Justinsomnia" href="http://justinsomnia.org/2005/09/random-image-plugin-for-wordpress/">Random Image Plugin for WordPress &#8211; Justinsomnia</a></p>
<p>表示がリスト表示になり現在のテーマでは崩れてしまったので少々修正してみた。<br />
randomimage.php 112行目から<br />
変更前</p>
<pre>
	function widget_randomimage() {
		print &#039;&lt;li&gt;&#039; . &quot;\n&quot;;
		randomimage();
		print &#039;&lt;/li&gt;&#039; . &quot;\n&quot;;
	}
</pre>
<p>変更後</p>
<pre>
	function widget_randomimage() {
		print &#039;&lt;dd class=&quot;randomimage&quot;&gt;&#039; . &quot;\n&quot;;
		randomimage();
		print &#039;&lt;/dd&gt;&#039; . &quot;\n&quot;;
	}
</pre>
<p>テーマのcssに追加</p>
<pre>
/*----------------------------------------
 Random Image
--------------------------------------- */

.randomimage{
text-align: center;
font-size: 90%;
}
.randomimage img{
border: 0px;
}
</pre>
<p>これでHtml Validatorのチェックでもエラーなく表示できた。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dxcode.com/archives/2009/0325723.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>サイトの表示時間</title>
		<link>http://www.dxcode.com/archives/2009/0316427.html</link>
		<comments>http://www.dxcode.com/archives/2009/0316427.html#comments</comments>
		<pubDate>Mon, 16 Mar 2009 03:39:15 +0000</pubDate>
		<dc:creator>kecha</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[最適化]]></category>
		<category><![CDATA[表示]]></category>

		<guid isPermaLink="false">http://www.dxcode.com/?p=427</guid>
		<description><![CDATA[トップページが表示し終わるまでの時間が遅いように感じていたのでFirefoxのアドオンFirebug及びそのプラグインYSlowを導入し結果を見てみた。 結果は案の定最低（？）ランクのFで42点でした。 結果を見るまでも [...]]]></description>
			<content:encoded><![CDATA[<p>トップページが表示し終わるまでの時間が遅いように感じていたのでFirefoxのアドオン<a title="Firebug - Web Development Evolved" href="http://getfirebug.com/jp.html">Firebug</a>及びそのプラグイン<a title="YSlow :: Firefox Add-ons" href="https://addons.mozilla.org/ja/firefox/addon/5369">YSlow</a>を導入し結果を見てみた。<br />
結果は案の定最低（？）ランクの<strong>F</strong>で<strong>42点</strong>でした。<br />
結果を見るまでもなく原因はJavaScriptの多様と無意味に貼り付けている画像。</p>
<p>画像はともかくはWordPressはプラグインを増やせばそれだけでJavaScriptやCSSファイルが増えてしまう事が多々ある。導入しなければ済む話だがやはり素晴らしい機能は使いたくなるのでついついインストールしてしまった結果がこのありさま。</p>
<p><img class="attachment wp-att-435" src="http://www.dxcode.com/wp-content/uploads/2009/03/firebug_yslow.gif" alt="YSlow on Firebug" width="385" height="370" /></p>
<p>当面の目標として画像の品質を落とす事とGzip圧縮の導入で点数アップを狙ってみる。<br />
ただ重たく感じるのはプラグインだけではなくテーマによってもかなり違う。<br />
現在はwp.Vicuna Extを利用させてもらっているが、デフォルトのテーマに比べると読み込みに時間がかかっていそうだったので下記サイトで計測してみた。<br />
<a title="Pingdom Tools - Full page test" href="http://tools.pingdom.com/">Pingdom Tools &#8211; Full page test</a><br />
<img class="attachment wp-att-437" src="http://www.dxcode.com/wp-content/uploads/2009/03/pingdom.thumbnail.jpg" alt="WEBページの表示速度測定" width="500" height="332" /><br />
4秒弱の差があるのは結構大きい方だと思うが、それよりも軽いと思っていたデフォルトのテーマでさえ8秒以上かかっているのには海外からの測定という条件を考慮したとしても結構ショック。</p>
<p>と書きつつも今回も懲りずに画像を貼っている。因みに普通のhtmlな静的ページは問題のない数値が出ている。</p>
<p>Firebugは素晴らしいと思うが何故ゴキブリ？？ 今にもステータスバーから飛び出しそうで・・・。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dxcode.com/archives/2009/0316427.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

