<?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>湘南画材研究所 &#187; WordPress</title>
	<atom:link href="http://tomono10g.com/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://tomono10g.com</link>
	<description>Macを中心に、Win, Linux ハード,ソフト人柱的テスト</description>
	<lastBuildDate>Sat, 04 Feb 2012 07:02:45 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tomono10g.com/category/wordpress/feed/" />
		<item>
		<title>掲載画像 Lightbox化</title>
		<link>http://tomono10g.com/2009/11/30/%e6%8e%b2%e8%bc%89%e7%94%bb%e5%83%8f-lightbox%e5%8c%96/</link>
		<comments>http://tomono10g.com/2009/11/30/%e6%8e%b2%e8%bc%89%e7%94%bb%e5%83%8f-lightbox%e5%8c%96/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 02:04:44 +0000</pubDate>
		<dc:creator>saburo102x</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[自己紹介]]></category>

		<guid isPermaLink="false">http://tomono10g.com/?p=878</guid>
		<description><![CDATA[自分の覚書ということもあり、記事エントリします。 土日にかけて、この「湘南画材研究所」掲載画像をLightbox化すべく、色々なWordPress Pluginをグリグリ試してました。 最初に試したのは、Picasa I [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_blue" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Ftomono10g.com%252F2009%252F11%252F30%252F%2525e6%25258e%2525b2%2525e8%2525bc%252589%2525e7%252594%2525bb%2525e5%252583%25258f-lightbox%2525e5%25258c%252596%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22%E6%8E%B2%E8%BC%89%E7%94%BB%E5%83%8F%20Lightbox%E5%8C%96%22%20%7D);"></div>
<p>自分の覚書ということもあり、記事エントリします。</p>
<p>土日にかけて、この「湘南画材研究所」掲載画像をLightbox化すべく、色々なWordPress Pluginをグリグリ試してました。</p>
<p>最初に試したのは、Picasa Image Express for WordPress ＋ Slimbox Plugin</p>
<p>ここで気がつくべきだったのですが、Picasa Image Express for WordPressでは、サムネイル表示が 160 pixelが最大、400 pixel（幅）にしたいのはダメでした&#8230;</p>
<p>・　サムネイル 400 pixel（幅）　ー＞　それをクリックすると、Lightbox表示　ー＞　且つ、元画像へのリンク</p>
<p>・　物凄くアナクロなのですが、小生の記事エントリ掲載画像は、Google Picasaの画像を埋め込みコードをそのまま貼り付けている。これは、CNET Japanにも同じ画像を掲載したいからです。</p>
<p>あと、Install　ー＞　Uninstallを繰り返した。名前も忘れてしまうほど、色々試してみた。結局、Picasa Image Express for WordPress ＋ WP-Slimbox2 と言うよりも、</p>
<p>WP-Slimbox2 に落ち着いた。</p>
<p><span style="font-size: 1.4em"><span style="color: blue">CSSにコードを貼り付けることもしていないのですが、今までGoogle Picasaの画像を埋め込みコードをそのまま貼り付けていたものもLightbox化されたではないですか!</span></span>　一応成功ということか。</p>
<p>↓　そう言えば、この表示も「ばみり」と言えばそうですね。一応横線の替わりのつもり？</p>
<p>&nbsp;</p>
<p><img src="http://tomono10g.com/wp-content/uploads/2009/11/Upload32.png" alt="Upload32" title="Upload32" width="400" height="49" class="alignnone size-full wp-image-704" /></p>
<p>画像1</p>
<p>lightbox.jpg（1068 x 857）</p>
<p><a href="http://picasaweb.google.co.jp/lh/photo/TE-QvFd98fhLLILymiBmgw?feat=embedwebsite"><img src="http://lh5.ggpht.com/_wjVZ4gRyKmw/SxMjAHsFBSI/AAAAAAAADZU/CVPbSsdnYt8/s400/lightbox.jpg" /></a></p>
<p>今までだと、掲載画像をクリック　ー＞　Google Picasaへ　ー＞　拡大表示をクリック</p>
<p>元画像を見るためには、最低1クリック　拡大表示を見るためにはもう1クリック　必要だったものがLightbox化によって1クリックで見られるようになった（但し最大幅は800 pixelなので、それ以上の大きさの元画像を見るためにはLightbox左下のアルバムへのリンクをクリックする）。多少なりとも、掲載画像の視認性が高まったと思います。</p>
<p>テスト環境</p>
<p>WordPress バージョン 2.8.6 ＋ WP-Slimbox2 バージョン 0.9.7.1</p>
<p>Apple MacBook Pro（Late 2008）（Mac OS X Leopard 10.5.8）</p>
<p>Safari バージョン 4.0.4（Mac版）</p>
<p>Firefox 3.5.5（Mac版）</p>
<p>HP Compaq dx7500 MT（Windows XP Professional SP3）</p>
<p>IE8</p>
<p>Firefox 3.5.5（Win版）</p>
<p>&nbsp;</p>
<p>現在は、Picasa Image Express for WordPressで、Photo Galleryを作成中です。</p>

]]></content:encoded>
			<wfw:commentRss>http://tomono10g.com/2009/11/30/%e6%8e%b2%e8%bc%89%e7%94%bb%e5%83%8f-lightbox%e5%8c%96/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tomono10g.com/2009/11/30/%e6%8e%b2%e8%bc%89%e7%94%bb%e5%83%8f-lightbox%e5%8c%96/" />
	</item>
	</channel>
</rss>

