<?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>blog.alumican.net &#187; プラグイン</title>
	<atom:link href="http://blog.alumican.net/tag/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alumican.net</link>
	<description>日々の記憶と記録とActionScript とその周辺</description>
	<lastBuildDate>Tue, 20 Jul 2010 16:21:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WordPressにFlashを貼り付けるプラグインWP-Al-SWFObject</title>
		<link>http://blog.alumican.net/2009/04/19_233117</link>
		<comments>http://blog.alumican.net/2009/04/19_233117#comments</comments>
		<pubDate>Sun, 19 Apr 2009 14:31:17 +0000</pubDate>
		<dc:creator>alumican</dc:creator>
				<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://blog.alumican.net/?p=586</guid>
		<description><![CDATA[English is here.
WP-Al-SWFObject
WordPressのエントリにswfを簡単に貼り付けるためのプラグインを作ったので紹介します。WP-SWFObjectよりも細かくパラメータを指定できます [...]]]></description>
			<content:encoded><![CDATA[<p>English is <a href="http://blog.alumican.net/2009/05/18_005204">here</a>.</p>
<p><strong>WP-Al-SWFObject</strong><br />
WordPressのエントリにswfを簡単に貼り付けるためのプラグインを作ったので紹介します。WP-SWFObjectよりも細かくパラメータを指定できます。</p>
<p><a href="/2009/04/19_233117#wp_al_swobject_download">ダウンロード</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_usage">使い方</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_usage_anywhere">使い方（エントリー以外の場所に貼り付ける）</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_control">管理画面</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_example">使用例</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_swfobjectversion">使用するSWFObjectのバージョン</a><br />
<a href="/2009/04/19_233117#wp_al_swobject_license">ライセンス</a></p>
<p><strong id="wp_al_swobject_download">・ダウンロード</strong><br />
&gt;&gt;<a href="http://www.libspark.org/svn/wordpress/WP-Al-SWFObject/tags/v2.1/wp-al-swfobject_2.1_en.zip">Download （英語版）</a><br />
&gt;&gt;<a href="http://www.libspark.org/svn/wordpress/WP-Al-SWFObject/tags/v2.1/wp-al-swfobject_2.1_ja.zip">Download （日本語版）</a></p>
<p><strong id="wp_al_swobject_usage">・使い方</strong></p>
<ol>
<li>ダウンロードしたzipを解凍するとwp-al-swfobjectフォルダができるので、フォルダごとサーバのwp-content/pluginsディレクトリにアップロードします。</li>
<li>WordPressの設定画面-&gt;プラグインから、WP-Al-SWFObjectプラグインを有効化します。</li>
<li>エントリー内のswfを貼り付けたい位置に以下のコードを記述します。[／embedSWF]は[/embedSWF]に置き換えてください。</li>
</ol>
<pre><code>[embedSWF]<span style="color: #ff0000;">swf</span>, width, height, align, version, expressInstall, flashvars, params, attributes[／embedSWF]</code></pre>
<p>赤字のパラメータは必須、黒字のパラメータはオプション(省略可能)です。</p>
<ul>
<li><span style="color: #ff0000;">swf（必須） ･･･ 貼り付けるswfへのパスを記述します。</span></li>
<li>width（省略可） ･･･ swfの幅を指定します。省略するとプラグインの設定ページで指定したデフォルト値が用いられます。</li>
<li>height（省略可） ･･･ swfの高さを指定します。省略するとプラグインの設定ページで指定したデフォルト値が用いられます。</li>
<li>align（省略可） ･･･ swfを貼り付ける際の位置を指定します。左寄せ、右寄せ、中央寄せに対してそれぞれleft、right、centerで指定します。省略すると特に指定されません。</li>
<li>version（省略可） ･･･ 必要なFlashPlayerのバージョンを記述します。省略すると9.0.0となります。</li>
<li>expressInstall（省略可） ･･･ プレイヤーが要件を満たさない場合に表示するswfへのパスを記述します。省略するとSWFObjectデフォルトのexpressInstall.swfを表示します。</li>
<li>flashvars（省略可） ･･･ HTMLからflashに渡す変数（flashvars）を、{変数名1:&#8221;値1&#8243;, 変数名2:&#8221;値2&#8243;}という形式で記述します。</li>
<li>params（省略可） ･･･ swfを貼り付ける際のパラメータを、flashvarsと同形式で記述します。</li>
<li>attributes（省略可） ･･･ swfを貼り付ける際のhtml属性を、flashvarsと同形式で記述します。</li>
</ul>
<p><span id="more-586"></span></p>
<p><strong id="wp_al_swobject_usage_anywhere">・使い方（エントリー以外の場所に貼り付ける）</strong><br />
ヘッダーやサイドバーなど、エントリ以外の場所に貼り付ける場合は、貼り付けたい場所で以下のphp関数を呼び出します。引数として、エントリー内に貼り付ける場合のタグと同様のものをまるごと文字列で渡します。</p>
<pre><code>&lt;?php wp_al_swfobject_echo('[embedSWF]swf, width, height, align, version, expressInstall, flashvars, params, attributes[／embedSWF]'); ?&gt;</code></pre>
<p><strong id="wp_al_swobject_control">・管理画面</strong><br />
WP-Al-SWFObjectは管理画面から各パラメータのデフォルト値を設定できます。<br />
デフォルト値はWP-Al-SWFObjectによって貼られる全てのswfに適用されます。<br />
同じ変数を複数の箇所で設定した場合の優先順位は<br />
[embedSWF]タグ内 &gt; 設定画面の{変数名1:&#8221;値1&#8243;, 変数名2:&#8221;値2&#8243;} &gt; 設定画面の補助設定（paramsのみ設定可）<br />
となっており、優先順位の高い変数に上書きされます。また、flashvars、params、attributesに関しては各変数ごとに上書き判定がなされます。</p>
<p>例えば、管理画面からflashvarsの項目に</p>
<pre><code>aaa:"30", bbb:"50"</code></pre>
<p>を設定すると、WP-Al-SWFObjectを使って貼る全てのswfに aaa=&#8221;30&#8243;, bbb=&#8221;50&#8243; としてflashvarsが渡されます。この状態で、以下のようにしてswfを貼り付けます。</p>
<pre><code>[embedSWF]hoge.swf,,,,,,{aaa:"10"}[／embedSWF]</code></pre>
<p>この場合、タグ内でデフォルト値と同名の変数名aaaでflashvarsを指定しているため、デフォルト値は変数aaaに対して適用されません。つまり、このswfは aaa=&#8221;10&#8243;, bbb=&#8221;50&#8243; としてflashvarsを受け取ることになります。</p>
<p><strong id="wp_al_swobject_example">・使用例</strong><br />
オプションを指定せずに貼り付ける（管理画面で幅300、高さ50に設定してあります）</p>
<pre><code>[embedSWF]hoge.swf[／embedSWF]</code></pre>
<p><div style="text-align: center; width:300px; height:50px; line-height:50px; background: #ffffff;"><div id="swf4ade6">This movie requires Flash Player 9.0.0</div></div>
<script type="text/javascript">
	swfobject.embedSWF("http://lab.alumican.net/wp-al-swfobject/sample.swf", "swf4ade6", "300", "50", "9.0.0", "http://blog.alumican.net/wp-content/plugins/wp-al-swfobject/expressInstall.swf", {}, {}, {});
</script>
</p>
<p>幅と高さを指定して貼り付ける</p>
<pre><code>[embedSWF]hoge.swf, 200, 100[／embedSWF]</code></pre>
<p><div style="text-align: center; width:200px; height:100px; line-height:100px; background: #ffffff;"><div id="swf4ade7">This movie requires Flash Player 9.0.0</div></div>
<script type="text/javascript">
	swfobject.embedSWF("http://lab.alumican.net/wp-al-swfobject/sample.swf", "swf4ade7", "200", "100", "9.0.0", "http://blog.alumican.net/wp-content/plugins/wp-al-swfobject/expressInstall.swf", {}, {}, {});
</script>
</p>
<p>右寄せにしてflashvarsを渡す</p>
<pre><code>[embedSWF]hoge.swf, 200, 100, right,,,{aaa:"10"}[／embedSWF]</code></pre>
<p><div style="text-align: center; width:200px; height:100px; line-height:100px; margin-left: auto; background: #ffffff;"><div id="swf4ade8">This movie requires Flash Player 9.0.0</div></div>
<script type="text/javascript">
	swfobject.embedSWF("http://lab.alumican.net/wp-al-swfobject/sample.swf", "swf4ade8", "200", "100", "9.0.0", "http://blog.alumican.net/wp-content/plugins/wp-al-swfobject/expressInstall.swf", {aaa:"10"}, {}, {});
</script>
</p>
<p>htmlのidとname属性を付加する</p>
<pre><code>[embedSWF]hoge.swf, 200, 100,,,,{},{},{id:"sample", name:"sample"}[／embedSWF]</code></pre>
<p><div style="text-align: center; width:200px; height:100px; line-height:100px; background: #ffffff;"><div id="swf4ade9">This movie requires Flash Player 9.0.0</div></div>
<script type="text/javascript">
	swfobject.embedSWF("http://lab.alumican.net/wp-al-swfobject/sample.swf", "swf4ade9", "200", "100", "9.0.0", "http://blog.alumican.net/wp-content/plugins/wp-al-swfobject/expressInstall.swf", {}, {}, {id:"sample",name:"sample"});
</script>
</p>
<p>全パラメータを指定する（プレイヤーは9.0.0以上、プレイヤーバージョンが低い場合はhttp://hogehoge.jp/alt.swfを表示、aaa=10という変数をswfに渡す、右クリックメニューを出さない、htmlとswfの通信を常に許可する、htmlのidとname属性をsampleとする）</p>
<pre><code>[embedSWF]hoge.swf, 400, 360, center, 9.0.0, http://hogehoge.jp/alt.swf, {aaa:"10"}, {menu:"false", allowScriptAccess:"always"}, {id:"sample", name:"sample"}[／embedSWF]</code></pre>
<p><div style="text-align: center; width:200px; height:100px; line-height:100px; margin: auto; margin-right: auto; background: #ffffff;"><div id="swf4ade10">This movie requires Flash Player 9.0.0</div></div>
<script type="text/javascript">
	swfobject.embedSWF("http://lab.alumican.net/wp-al-swfobject/sample.swf", "swf4ade10", "200", "100", "9.0.0", "http://hogehoge.jp/alt.swf", {aaa:"10"}, {menu:"false",allowScriptAccess:"always"}, {id:"sample",name:"sample"});
</script>
</p>
<p><strong id="wp_al_swobject_swfobjectversion">・使用するSWFObjectのバージョン</strong><br />
管理画面から切り替えられます（デフォルトでは2.1）。<br />
バージョン1.5～2.2まで対応していますが、現在のところ1.5のattributesと2.2の新機能である<a href="http://code.google.com/p/swfobject/wiki/whats_new">Callback method</a>は指定できません。</p>
<p><strong id="wp_al_swobject_license">・ライセンス</strong><br />
元にしたWP-SWFObjectが<a href="http://sourceforge.jp/projects/opensource/wiki/licenses%2FGNU_General_Public_License">GPLライセンス</a>なのでGPLでお願いします。</p>
<p><strong>追記 09.04.24</strong><br />
使用方法が2エントリに分割されていたので、1つにまとめました。<br />
swfの幅と高さが省略可能となりましたので、それに伴いエントリ内容を修正しました。<br />
プラグインの紹介に特化するため、前段部分の文章（下記のもの）を削除しました。</p>
<blockquote><p><a href="http://blog.alumican.net/2009/04/17_134737">前回のエントリ</a>にも書いたのですが、WordPressにswfを貼り付けるには<a href="http://wordpress.org/extend/plugins/wp-swfobject/">WP-SWFObjectプラグイン</a>が便利です。が、どうにもparamsとattributeを指定できないようなので、プラグインを自作しました。（WP-SWFObjectでのflashvarsの渡し方は<a href="http://blog.alumican.net/2009/04/17_134737#comments">コメント欄で</a>まつもとさんに教えていただきました、ありがとうございます！）</p></blockquote>
<p><strong>追記 09.05.11</strong><br />
<a href="http://www.libspark.org/wiki/alumican/WP-Al-SWFObject">SparkProjectにコミット</a>しました。</p>
<p><strong>追記 09.05.18</strong><br />
<a href="http://blog.alumican.net/2009/05/18_005204">英語版エントリ</a>を書きました。</p>
<p><strong>追記 09.06.30</strong><br />
<a href="/2009/06/30_151045">v2.1にバージョンアップしました</a>。wp_al_swfobject_echo関数により、エントリー以外の場所でもswfの貼り付けが可能となりました。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alumican.net/2009/04/19_233117/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>
