<?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>Design Plus</title>
	<atom:link href="http://design-plus1.com/feed" rel="self" type="application/rss+xml" />
	<link>http://design-plus1.com</link>
	<description>WEBデザインを中心としたテーマを扱うサイトです</description>
	<lastBuildDate>Tue, 06 Dec 2011 11:07:02 +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://design-plus1.com/feed" />
		<item>
		<title>「Google+」の情報ばかりつぶやくツイッターBotを作ってみた</title>
		<link>http://design-plus1.com/2011/07/googleplus.html</link>
		<comments>http://design-plus1.com/2011/07/googleplus.html#comments</comments>
		<pubDate>Wed, 27 Jul 2011 21:19:53 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[Webservice]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[ツイッター]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=778</guid>
		<description><![CDATA[最近よく話題に上がるGoogle+ですが、まだ分からないところも多々あるので、定期的に新着情報を受け取る為のツイッターBotを作りました。 Google+ ホッテントリBot はてなブックマークで上がってきた情報がつぶや [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/07/googleplus00.jpg" alt="「Google+」の情報ばかりつぶやくツイッターBotを作ってみた" /></p>
<p class="mt10 mb30">最近よく話題に上がるGoogle+ですが、まだ分からないところも多々あるので、定期的に新着情報を受け取る為のツイッターBotを作りました。</p>
<p><span id="more-778"></span></p>
<h3>Google+ ホッテントリBot</h3>
<p><a href="https://twitter.com/#!/GoogleBot4" title="Google+ ホッテントリBot"><img src="http://design-plus1.com/wp-content/uploads/2011/07/googleplus01.gif" alt="Google+ ホッテントリBot つぶやき一覧" /></a></p>
<p class="mt10 mb30">はてなブックマークで上がってきた情報がつぶやかれます。ツイッターで更新情報を受け取りたい方は、よろしければフォローしてみてください。</p>
<p><a href="https://twitter.com/#!/GoogleBot4" title="Google+ ホッテントリBot">Google+ ホッテントリBot</a></p>
<p><a href="http://design-plus1.com/2010/12/twitter-bot.html" title="ツイッターBOTを作ってみた">ツイッターBOTを作ってみた</a></p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/07/googleplus.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/07/googleplus.html" />
	</item>
		<item>
		<title>フリーのボタン素材を作ってみました。</title>
		<link>http://design-plus1.com/2011/05/free-button.html</link>
		<comments>http://design-plus1.com/2011/05/free-button.html#comments</comments>
		<pubDate>Tue, 24 May 2011 13:37:00 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[Downloads]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=756</guid>
		<description><![CDATA[たいしたことないですが、フリーのボタン素材を作ってみましたので、よろしければどうぞ。 フリーボタン素材 デザインは、下のようなデザインのボタン6色（PNG）とPSDが入っています。素材の種類は、気が向いたらまた追加するか [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/05/button02.png" alt="フリーのボタン素材を作ってみました。" /></p>
<p class="mt10">たいしたことないですが、フリーのボタン素材を作ってみましたので、よろしければどうぞ。</p>
<p><span id="more-756"></span></p>
<h3>フリーボタン素材</h3>
<p>デザインは、下のようなデザインのボタン6色（PNG）とPSDが入っています。素材の種類は、気が向いたらまた追加するかもしれません（追加するときは、このページに追加）。</p>
<p class="mt30 mb30"><a href="http://design-plus1.com/blogfile/button.zip" title="フリーボタン素材ダウンロード"><img src="http://design-plus1.com/wp-content/uploads/2011/05/button01.png" alt="フリーボタン素材ダウンロード" /></a></p>
<p>商用も改変もOK、クレジット表記ももちろん不要です。</p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/05/free-button.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/05/free-button.html" />
	</item>
		<item>
		<title>Googleカレンダーでスケジュールを共有</title>
		<link>http://design-plus1.com/2011/05/google-calendar.html</link>
		<comments>http://design-plus1.com/2011/05/google-calendar.html#comments</comments>
		<pubDate>Mon, 16 May 2011 18:00:18 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[Webservice]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=731</guid>
		<description><![CDATA[Googleカレンダーを使って、スケジュールを共有する方法をご紹介します。 Googleカレンダー と言っても、Googleカレンダーのスケジュールを設定して、それを一般公開するだけです。 一般公開するには、左メニューの [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/05/google-calendar01.gif" alt="Googleカレンダーでスケジュールを共有" /></p>
<p class="mt10">Googleカレンダーを使って、スケジュールを共有する方法をご紹介します。</p>
<p><span id="more-731"></span></p>
<h3>Googleカレンダー</h3>
<p>と言っても、<a href="http://www.google.com/calendar" title="Googleカレンダー">Googleカレンダー</a>のスケジュールを設定して、それを一般公開するだけです。</p>
<p class="mt30 mb10"><img src="http://design-plus1.com/wp-content/uploads/2011/05/google-calendar02.gif" alt="Googleカレンダー" /></p>
<p>一般公開するには、左メニューの共有したいスケジュール名が書いてある右の矢印をクリックし、「カレンダー設定」を選択します。</p>
<p class="mt30 mb10"><img src="http://design-plus1.com/wp-content/uploads/2011/05/google-calendar03.gif" alt="Googleカレンダーを一般公開" /></p>
<p>「このカレンダーを共有」タブから「一般公開する」にチェックを入れます。これで公開OKです。</p>
<p class="mt30 mb10"><img src="http://design-plus1.com/wp-content/uploads/2011/05/google-calendar04.gif" alt="色のカスタマイズ" /></p>
<p>「カレンダーの情報」タブに戻り「色やサイズなどをカスタマイズします」をクリックします。</p>
<p class="mt30 mb10"><img src="http://design-plus1.com/wp-content/uploads/2011/05/google-calendar05.gif" alt="Google カレンダー埋め込み支援ツール" /></p>
<p>「Google カレンダー埋め込み支援ツール」が開きますので、そちらで各種設定を行い、コードを表示させたい箇所にコピペします。</p>
<p class="mt30 mb10">以下、表示例になります。</p>
<p><iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showTz=0&amp;height=500&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=dplus123%40gmail.com&amp;color=%23182C57&amp;src=ja.japanese%23holiday%40group.v.calendar.google.com&amp;color=%23856508&amp;ctz=Asia%2FTokyo" style=" border-width:0 " width="440" height="500" frameborder="0" scrolling="no"></iframe></p>
<p class="mt50">ちなみに、この共有機能を使うと、グループ内でのスケジュールの調整がしやすいだけではなく、ネット広告の掲載可能日を広告主とリアルタイムに近い状態で共有することも簡単にできます。</p>
<p class="mt30">応用次第では、自己管理以外の使い方も色々とできそうです。</p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/05/google-calendar.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/05/google-calendar.html" />
	</item>
		<item>
		<title>[メモ]PayPalの使い方</title>
		<link>http://design-plus1.com/2011/04/paypal.html</link>
		<comments>http://design-plus1.com/2011/04/paypal.html#comments</comments>
		<pubDate>Wed, 27 Apr 2011 16:51:14 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[Webservice]]></category>
		<category><![CDATA[PayPal]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=715</guid>
		<description><![CDATA[お金の受け渡しだけでなく、事業者側にとっての決済インフラとしても優秀なPayPalですが、詳細な使い方について解説されたサイトはあまりありません。ですので、当記事ではPayPalを導入する際に 役に立った記事をご紹介した [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal00.gif" alt="[メモ]PayPalの使い方" /></p>
<p class="mt10">お金の受け渡しだけでなく、事業者側にとっての決済インフラとしても優秀なPayPalですが、詳細な使い方について解説されたサイトはあまりありません。ですので、当記事ではPayPalを導入する際に 役に立った記事をご紹介したいと思います。と言いますか、メモに近いです。</p>
<p><span id="more-715"></span></p>
<h3>そもそもPayPalってどんな仕組みなの？</h3>
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal01.gif" alt="PayPal" /></p>
<p class="mt20">クレジット決済ができて、カード情報も相手側に漏れず行えるということ等々、PayPalってそもそも何？といった基礎知識を以下の記事で解説されています。</p>
<p><a href="http://nanapi.jp/702/" title="初心者のためのPayPal(ペイパル)の基礎知識">初心者のためのPayPal(ペイパル)の基礎知識</a></p>
<h3>PayPalアカウントを作る</h3>
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal02.gif" alt="PayPalアカウントを作る" /></p>
<p class="mt20">アカウントの種別は「パーソナル」「プレミア」「ビジネス」とあるのですが、事業者であれば、とりあえず「ビジネス」を選択します。その後は、記入欄を埋めていけば、すぐにアカウントを開設できます。</p>
<p><a href="http://nanapi.jp/696/" title="PayPal(ペイパル)の新規登録方法">PayPal(ペイパル)の新規登録方法</a></p>
<h3>月額課金をする</h3>
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal03.gif" alt="月額課金をする" /></p>
<p class="mt20">PayPalは月額課金も設定できるようです。素晴らしいですね。またまたnanapiさんの記事です。</p>
<p><a href="http://nanapi.jp/22071/" title="[PayPal]事業者向け月額課金など決済方法の解説">[PayPal]事業者向け月額課金など決済方法の解説</a></p>
<h3>決済後、自動返信メールを送る</h3>
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal04.gif" alt="決済後、自動返信メールを送る" /></p>
<p class="mt20">PayPalは、決済後にお客さんに自動返信メールを送ることが出来ません。サンキューメールやご案内メールを送りたい場合は、こちらのツールを使うと良いかもしれません。</p>
<p><a href="http://www.vector.co.jp/soft/unix/net/se475758.html" title="決済完了時自動で独自メール送信 PayPalオートメール">決済完了時自動で独自メール送信 PayPalオートメール</a></p>
<h3>アカウントのアクセス制限の解除方法</h3>
<p><img src="http://design-plus1.com/wp-content/uploads/2011/04/paypal05.gif" alt="アカウントのアクセス制限の解除方法" /></p>
<p class="mt20">日本ではあまり目にしませんが、海外ではPayPalのアカウント凍結に関する情報をよく目にします(<a href="http://paypalsucks.com/" title="Welcome To PayPal Sucks!">Welcome To PayPal Sucks!</a>)。私はこういうトラブルの経験がないので何とも言えませんが、まぁ、あらかじめ知っておくことも大切ということで。。。</p>
<p><a href="http://paypalmaster.net/trouble/091020.html" title="PayPal （ペイパル）のアカウント制限解除の方法は？">PayPal （ペイパル）のアカウント制限解除の方法は？</a></p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/04/paypal.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/04/paypal.html" />
	</item>
		<item>
		<title>画面がどんどん崩れていくYoutubeのおもしろ広告</title>
		<link>http://design-plus1.com/2011/02/youtube-ad.html</link>
		<comments>http://design-plus1.com/2011/02/youtube-ad.html#comments</comments>
		<pubDate>Sun, 27 Feb 2011 20:16:19 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[Webservice]]></category>
		<category><![CDATA[広告]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=664</guid>
		<description><![CDATA[Youtubeで 画面全体がどんどん崩れていくような 変わった仕掛けの広告をご紹介します。 &#8220;Tooheys Extra Dry 動画を再生すると、画面全体が凍っていきます。おもしろい仕掛けの広告ですね。Fl [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/02/ad-html.jpg" alt="画面がどんどん崩れていくYoutubeのおもしろ広告" /></p>
<p class="mt20">Youtubeで 画面全体がどんどん崩れていくような 変わった仕掛けの広告をご紹介します。</p>
<p><span id="more-664"></span></p>
<h3><a href="http://www.youtube.com/user/TooheysExtraDry" title="Tooheys Extra Dry">&#8220;Tooheys Extra Dry</a></h3>
<p>動画を再生すると、画面全体が凍っていきます。おもしろい仕掛けの広告ですね。Flashを使っています。</p>
<p class="mt10"><a href="http://www.youtube.com/user/TooheysExtraDry" title="Tooheys Extra Dry"><img src="http://design-plus1.com/wp-content/uploads/2011/03/ad-html2.jpg" alt=""Tooheys Extra Dry" /></a></p>
<h3><a href="http://www.youtube.com/wariolandshakeit2008" title="Wario Land: Shake It!">Wario Land: Shake It!</a></h3>
<p>これは昔話題になったワリオが暴れながら画面全体を破壊していく動画です。すごくおもしろいですよね。<a href="http://d.hatena.ne.jp/nitoyon/20080929/warioland_shake" title="ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード）">ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード）</a>を公開している記事もありましたので、ブラウザで遊んでみたい方はどうぞ。</p>
<p class="mt10"><a href="http://www.youtube.com/wariolandshakeit2008" title="Wario Land: Shake It!"><img src="http://design-plus1.com/wp-content/uploads/2011/03/ad-html3.jpg" alt="Wario Land: Shake It!" /></a></p>
<p class="mt50">以上です。こういった話題性を呼ぶ仕掛けのある広告は見ていると楽しいし、何かと勉強にもなりますよね。</p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/02/youtube-ad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/02/youtube-ad.html" />
	</item>
		<item>
		<title>［WordPress］管理画面からリアルタイムのアクセスを解析する「WordPress.com Stats」</title>
		<link>http://design-plus1.com/2011/01/wordpress-stats.html</link>
		<comments>http://design-plus1.com/2011/01/wordpress-stats.html#comments</comments>
		<pubDate>Sun, 30 Jan 2011 15:31:28 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=572</guid>
		<description><![CDATA[管理画面から リファラチェックやどこをクリックしたかまで解析できるWordPressプラグイン「WordPress.com Stats」を2ヶ月ほど使ってみて、使い勝手も良かったのでご紹介します。 WordPress.c [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2010/11/wordpress-stats00.jpg" alt="［WordPress］管理画面からリアルタイムのアクセスを解析する「WordPress.com Stats」" /></p>
<p class="mt20">管理画面から リファラチェックやどこをクリックしたかまで解析できるWordPressプラグイン「WordPress.com Stats」を2ヶ月ほど使ってみて、使い勝手も良かったのでご紹介します。</p>
<p><span id="more-572"></span></p>
<h3>WordPress.com Statsの導入</h3>
<p>まず、<a href="http://wordpress.org/extend/plugins/stats/" title="WordPress.com Stats">WordPress.com Stats</a>をダウンロードし、pluginsディレクトリにアップロードし、有効化します。すると、ダッシュボードに「WordPress.com Stats」というメニューが現れますので、そちらをクリックします。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2010/02/wordpress-stats02.jpg" alt="WordPress管理画面" /></p>
<p>次に、APIキーを入力します。</p>
<p>APIキーはAkismetの時と同じように<a href="http://wordpress.com/" title="wordpress.com">wordpress.com</a>で取得します。</p>
<p>・<a href="http://www.muzin.org/wp/wp-customize/api-key_38/" title="WordPress API keyの取得方法">WordPress API keyの取得方法</a></p>
<p class="mt10"><img src="http://design-plus1.com/wp-content/uploads/2010/02/wordpress-stats03.jpg" alt="APIキーの入力" /></p>
<h3>WordPress.com Statsの管理画面</h3>
<p>ダッシュボードの「Site Stats」からアクセス解析を見ることが出来ます（設置からある程度の時間が経っていないと解析結果は見られません）。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2010/02/wordpress-stats01.jpg" alt="WordPress管理画面" /></p>
<p><span class="b">Referrers:</span> リファラ</p>
<p><span class="b">Top Posts &#038; Pages:</span> ページごとのアクセス</p>
<p><span class="b">Search Engine Terms:</span> 検索経由のアクセス</p>
<p><span class="b">Clicks:</span> どのURLがクリックされたか</p>
<p class="mt30">また、下の方にある「Summary Tables」から統計や過去の分のアクセスをチェックすることもできます。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2010/02/wordpress-stats04.jpg" alt="Months and Years" /></p>
<p class="mt30">いかがでしたでしょう？リアルタイムで見れるには充分な機能ですね。Google Analyticsと併用して使うのも良いかもしれません。よろしければどうぞ。</p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/01/wordpress-stats.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/01/wordpress-stats.html" />
	</item>
		<item>
		<title>コピーライトの年号を自動表示する方法</title>
		<link>http://design-plus1.com/2011/01/copyright-date.html</link>
		<comments>http://design-plus1.com/2011/01/copyright-date.html#comments</comments>
		<pubDate>Wed, 19 Jan 2011 13:45:24 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=619</guid>
		<description><![CDATA[コピーライトの年号を自動更新する方法です。ページ数の多いサイトだったり、複数のサイトを管理していると 年号の入れ替えも面倒だったりするので、この機会に入れ替えてみても良いかもしれません。 PHPで自動更新 Javascr [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/01/copyright-date.gif" alt="[WordPress]記事タイトルや抜粋を文字制限付きで表示する方法" /></p>
<p class="mt20">コピーライトの年号を自動更新する方法です。ページ数の多いサイトだったり、複数のサイトを管理していると 年号の入れ替えも面倒だったりするので、この機会に入れ替えてみても良いかもしれません。</p>
<p><span id="more-619"></span></p>
<h3>PHPで自動更新</h3>
<pre class="brush: php; title: ; notranslate">Copyright(c) 2009-
&lt;?php echo date('Y');?&gt;
All Rights Reserved.</pre>
<h3>Javascriptで自動更新</h3>
<pre class="brush: jscript; title: ; notranslate">Copyright(c) 2009-
&lt;script type=&quot;text/javascript&quot;&gt;
myDate = new Date() ;myYear = myDate.getFullYear ();document.write(myYear);
&lt;/script&gt;
All Rights Reserved.</pre>
<p class="mt30">WordPressの場合はPHPを使うと良いと思います。それ以外はJavascriptでっていう感じです。なんてことないtipsですが、結構便利です。</p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/01/copyright-date.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/01/copyright-date.html" />
	</item>
		<item>
		<title>使用していないクラスタグを検出してくれるWEBサービス「Unused CSS」</title>
		<link>http://design-plus1.com/2011/01/unused-css.html</link>
		<comments>http://design-plus1.com/2011/01/unused-css.html#comments</comments>
		<pubDate>Mon, 10 Jan 2011 09:45:45 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Webservice]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=597</guid>
		<description><![CDATA[使っていないCSS設定を教えてくれるWEBサービスを百式さんの記事で知ったのですが、これ便利ですねー。使っていない設定を赤字で線引きされていたり、不要なクラスタグを削除したファイルをダウンロードできたりします。 Unus [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css00.gif" alt="使用していないクラスタグを検出してくれるWEBサービス「Unused CSS」" /></p>
<p class="mt20">使っていないCSS設定を教えてくれるWEBサービスを<a href="http://www.100shiki.com/archives/2011/01/unused_css.html" title="使われていないCSS設定があるか教えてくれる『Unused CSS』">百式さんの記事</a>で知ったのですが、これ便利ですねー。使っていない設定を赤字で線引きされていたり、不要なクラスタグを削除したファイルをダウンロードできたりします。</p>
<p><span id="more-597"></span></p>
<h3>Unused CSSの使い方</h3>
<p>まず<a href="http://unused-css.com/" title="Unused CSS">Unused CSS</a>にアクセスし、調べたいURLを入力します。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css01.gif" alt="CSSチェックをしたいURLを入力する" /></p>
<p>使用度を表したグラフがずらずらっと出てきます。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css02.gif" alt="CSS設定の使用度" /></p>
<p>次に、CSSファイルをダウンロードする為のメールアドレスを入力します。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css03.gif" alt="CSSファイルを送信したいメールアドレスを記入" /></p>
<p>メールが届きますので、メール文中に書かれたURLにアクセスし、ログインパスワードを設定します。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css04.gif" alt="メールを確認" /></p>
<p>このように、使っていない設定を赤でハイライトしてくれます。下のダウンロードボタンから今回作成されたCSSをダウンロードすることも出来ます。</p>
<p class="mt10 mb30"><img src="http://design-plus1.com/wp-content/uploads/2011/01/unused-css05.gif" alt="メールを確認" /></p>
<p>必要な設定まで削除してしまわないように、一応 確認しながら行ったほうが良さそうです。ただ、かなりの作業効率アップになりそうですね！</p>
<p><a href="http://unused-css.com/" title="Unused CSS">Unused CSS</a></p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/01/unused-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/01/unused-css.html" />
	</item>
		<item>
		<title>[WordPress]記事タイトルや抜粋を文字制限付きで表示する方法</title>
		<link>http://design-plus1.com/2011/01/php-excerpt.html</link>
		<comments>http://design-plus1.com/2011/01/php-excerpt.html#comments</comments>
		<pubDate>Fri, 07 Jan 2011 20:58:07 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=575</guid>
		<description><![CDATA[ワードプレスで、記事タイトルや抜粋を表示させたい時、文字数が多すぎると途中で折り返してデザインが崩れてしまうことがありますよね。それを未然に防ぐ為などに使える、字数制限を掛けるtipsです。 記事タイトルを30文字まで表 [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/01/php-excerpt.gif" alt="[WordPress]記事タイトルや抜粋を文字制限付きで表示する方法" /></p>
<p class="mt20">ワードプレスで、記事タイトルや抜粋を表示させたい時、文字数が多すぎると途中で折り返してデザインが崩れてしまうことがありますよね。それを未然に防ぐ為などに使える、字数制限を掛けるtipsです。</p>
<p><span id="more-575"></span></p>
<h3>記事タイトルを30文字まで表示</h3>
<pre class="brush: php; title: ; notranslate">&lt;?php
$title= mb_substr($post-&gt;post_title,0,30); echo $title;
?&gt;</pre>
<h3>抜粋を30文字まで表示</h3>
<pre class="brush: php; title: ; notranslate">&lt;?php echo mb_substr(get_the_excerpt(), 0, 30); ?&gt;</pre>
<p class="mt30">字数変更する場合は、30という数字を変えて使ってください。</p>
<p>こちらにも文字列の幅に関する記述が詳しく載っていますので、ご参考までにリンク載せておきます</p>
<p><a href="http://php.net/manual/ja/function.mb-strimwidth.php" title="PHP: mb_strimwidth - Manual">PHP: mb_strimwidth &#8211; Manual</a></p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/01/php-excerpt.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/01/php-excerpt.html" />
	</item>
		<item>
		<title>[SEO]Googleウェブマスター向けガイドライン要約</title>
		<link>http://design-plus1.com/2011/01/seo-google.html</link>
		<comments>http://design-plus1.com/2011/01/seo-google.html#comments</comments>
		<pubDate>Thu, 06 Jan 2011 22:23:13 +0000</pubDate>
		<dc:creator>nakata</dc:creator>
				<category><![CDATA[SEO/SEM]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://design-plus1.com/?p=588</guid>
		<description><![CDATA[サイト運営者にとっては運営の参考となるGoogleの「ウェブマスター向けガイドライン」ですが、YSTの統合によってよりGoogleの指針が重要となる為、見直しがてらまとめてみました。 ガイドライン要約 ・1 ページのリン [...]]]></description>
			<content:encoded><![CDATA[
<p><img src="http://design-plus1.com/wp-content/uploads/2011/01/google-seo.gif" alt="[SEO]Googleウェブマスター向けガイドライン要約" /></p>
<p class="mt20">サイト運営者にとっては運営の参考となるGoogleの「ウェブマスター向けガイドライン」ですが、YSTの統合によってよりGoogleの指針が重要となる為、見直しがてらまとめてみました。</p>
<p class="mt20"><span id="more-588"></span></p>
<h3>ガイドライン要約</h3>
<p>・1 ページのリンクを妥当な数に抑える</p>
<p>・情報が豊富で便利なサイトを作成し、コンテンツをわかりやすく正確に記述</p>
<p>・画像はalt属性を使用して説明テキストを記述</p>
<p>・titleタグとalt属性の説明を正確な表現にする</p>
<p>・リンク切れチェック</p>
<p>・正しいHTML</p>
<p>・検索エンジンではなく、ユーザーの利便性を最優先に考慮した運営</p>
<p>・読み込み時間の最適化</p>
<h3>スパムに該当する可能性のある事項</h3>
<p>・ユーザーに取って無価値なコンテンツの自動生成</p>
<p>・隠しリンク/隠しテキスト</p>
<p>・クローキングや不正なリダイレクト</p>
<p>・コンテンツと関連がないキーワードを入れる</p>
<p>・他ページで<a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66359" title="重複コンテンツ">類似コンテンツ</a>を公開</p>
<p>・フィッシング、ウイルス、トロイの木馬、不正なソフトウェアを忍ばせる行為</p>
<p>・<a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66361" title="オリジナルのコンテンツがほとんどまたはまったく存在しない">オリジナル性の低い</a>アフィリエイトプログラム</p>
<p>・価値の低いアフィリエイトサイト</p>
<p>・<a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66356" title="リンクプログラム">リンクプログラム</a>に参加</p>
<p class="mt30">ごく基本的なことばかりですし、ユーザーにとって価値のあるコンテンツを作りながら サイトパフォーマンスにも気を配っていれば大きな問題は生じないと思います。</p>
<p>参照: <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=35769" title="ウェブマスター向けガイドライン">ウェブマスター向けガイドライン</a></p>
<p class="mt30">また、実際どのような対策をとるべきか。基本的な施策をGoogleが示してくれているレポートも目を通しておいたほうが良いかもしれません。</p>
<p>参照: <a href="http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.co.jp/ja/jp/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf" title="Google検索エンジン最適化スターターガイド">Google検索エンジン最適化スターターガイド</a></p>

]]></content:encoded>
			<wfw:commentRss>http://design-plus1.com/2011/01/seo-google.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-plus1.com/2011/01/seo-google.html" />
	</item>
	</channel>
</rss>

