<?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>DesignWalker &#187; 使い方</title>
	<atom:link href="http://www.designwalker.com/tag/%e4%bd%bf%e3%81%84%e6%96%b9/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/%e4%bd%bf%e3%81%84%e6%96%b9/feed" />
		<item>
		<title>ムーバブルタイプ Widget Managerの使い方</title>
		<link>http://www.designwalker.com/2006/10/widget_manager.html</link>
		<comments>http://www.designwalker.com/2006/10/widget_manager.html#comments</comments>
		<pubDate>Mon, 30 Oct 2006 19:59:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インストール方法を伝える男]]></category>
		<category><![CDATA[widget manager]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[使い方]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2006/10/%e3%83%a0%e3%83%bc%e3%83%90%e3%83%96%e3%83%ab%e3%82%bf%e3%82%a4%e3%83%97-widget-manager%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9.html</guid>
		<description><![CDATA[
			
				
			
		
ムーバブルタイプ3.3から、標準装備されておりますプラグインWidget Managerなんですが、こいつは非常に便利なツールなのです。が・・・意外と使い方がわからない方がいらっしゃるよ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fwidget_manager.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fwidget_manager.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>ムーバブルタイプ3.3から、標準装備されておりますプラグインWidget Managerなんですが、こいつは非常に便利なツールなのです。が・・・意外と使い方がわからない方がいらっしゃるようで・・・</p>
<p>っちゅうわけで、今日は簡単に使い方と設定のご説明を。</p>
<p>そもそも、Widget Managerっちゅうプラグインは使用頻度の高いhtml部分を切り取ってモジュール化して一元管理して、さらに、それを寄せ集めたものをウィジェット化して表示、非表示設定を行おうっちゅうプラグインです・・・っと、文章にしてみると非常に訳の分からん事になってしまいます。。。</p>
<p>それでは、実際のテンプレートを例にとってみると。。</p>
<div align="center">
実際のブログ↓</p>
<p><img src="http://www.designwalker.com/img/widget_sample.gif" alt="Widget Managerサンプル" /></p>
</div>
<p>上のようなブログで右側の一般にサイドバーなんて呼ばれてる部分って、大体どのテンプレートでも使い回ししますよねぇ。</p>
<p>とくにムーバブルタイプでは・・・</p>
<p>1. メインページ<br />
2. アーカイブページ<br />
3. エントリー・アーカイブ<br />
4. カテゴリー・アーカイブ<br />
5. 日付アーカイブ</p>
<p>
などなど。。。</p>
<div align="center">
<iframe frameborder="0" height="60" width="468" marginheight="0" scrolling="no" src="http://ad.jp.ap.valuecommerce.com/servlet/htmlbanner?sid=2300909&#038;pid=874804587" MarginWidth="0"><script language="javascript" type="" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2300909&#038;pid=874804587"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2300909&#038;pid=874804587" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2300909&#038;pid=874804587" height="60" width="468" border="0" alt="" /></a></noscript></iframe>
</div>
<p>「サイドバーのカテゴリーの見せ方をちょっと変えよう♪」 なんて思って日にゃぁ一般のユーザーさんには一日仕事？になってしまいます。。。（CSSで対応可能ならいいのですが・・・ｈｔｍｌごと変更するとなると・・・)</p>
<p>そこで登場いたしまするが、このWidget Managerさんなのでございます。</p>
<p>ムーバブルタイプの管理画面の左側メニューから「テンプレート」→「モジュール」をクリックします。</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget01.gif" alt="Widget Manager" /></p>
</div>
<p>すると、テンプレート名のところに「Widget: ～テンプレート名～」って書いてるのがずらっと並んでるっしょ？こいつらが、いわゆる「モジュール」ですわ。カレンダーやら、カテゴリーやら色々なパーツが並んどるのではないでしょうか？</p>
<p>で、そのまま下までスルスルっとスクロールしていくと。。。<br />
「プラグイン」のところに「Widgetの管理」って項目があるでしょ？</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget02.gif" alt="Widget Manager" /></p>
</div>
<p>すると、登録されてるWidgetの一覧が見れるんですわ。<br />
それを、クリックするとね。↓みたいな「Widget: ～テンプレート名～」って、書かれてるモジュールが表示されてるはず。左側が「インストールされているWidget」でそれをドラッグ＆ドロップで右側の「利用可能なWidget」に持っていくだけで、テンプレートに表示されますね～ん。便利でしょ。</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget03.gif" alt="Widget Manager" /></p>
</div>
<p>そこで、ひとつ気をつけないといけない事が・・・「Widget Managerの名前」ですねん。</p>
<p>いくら、Widget Managerで、「利用可能なWidget」に表示したい項目を持っていってもWidget Managerの名前をテンプレートのhtmlにかかれてないと、ムーバブルタイプさんはどこにそれを表示していいかわかりません。。。</p>
<p>っちゅうことで、↓のコードをテンプレートのhtmlに書いてやってくださいな。</p>
<pre>
<$MTWidgetManager name="Widget Managerの名前"$>
</pre>
<p>たとえば・・・こんな風に↓・・・このサイトで配ってるテンプレートの&lt;div id=&#8221;beta&#8221;&gt;の中身をさっくり削除して・・・書き換えることができます。</p>
<pre>
&lt;div id="beta"&gt;
&lt;$MTWidgetManager name="First Widget Manager"$&gt;
&lt;/div&gt;
</pre>
<p>最初は結構大変な作業なんですが・・・この作業を面倒がらずにやっておくと、あとあと、ちょっとした変更するときにかなり作業効率あがりますよ～ん！！</p>
<p>さらに！さらに！</p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.sixapart.jp/typepad/widgets/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.sixapart.jp/typepad/widgets/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p><a href="http://www.sixapart.jp/typepad/widgets/" target="_blank"><strong>ウィジェット・ギャラリー</strong></a><br />っちゅうのがございまして、占いやら、地図、ニュースなどなど、いろんな便利ツールが簡単にインストールできますよん！。</p>
<div style="clear: both;"></div>
<p></p>
<div id="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2006/10/widget_manager.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2006/10/widget_manager.html" />
	</item>
	</channel>
</rss>

