<?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; CSS</title>
	<atom:link href="http://sakuratan.biz/archives/tag/CSS/feed" rel="self" type="application/rss+xml" />
	<link>http://sakuratan.biz</link>
	<description>モロモロ工事中です</description>
	<lastBuildDate>Sun, 25 Jun 2023 12:51:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>External CSS WordPress プラグインを公開しました</title>
		<link>http://sakuratan.biz/archives/1059</link>
		<comments>http://sakuratan.biz/archives/1059#comments</comments>
		<pubDate>Mon, 20 Jul 2009 00:14:06 +0000</pubDate>
		<dc:creator>さくら</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://sakuratan.biz/?p=1059</guid>
		<description><![CDATA[さくらです♡こんばんわ☆彡 …とか書いちゃったけど、 　　 ｎｎ 　 　&#124; &#124;&#124;&#124;　　　　　　　　予約投稿のﾖｶｰﾝ 　　（;ﾟДﾟ) 　　（●●ﾄﾞｷﾄﾞｷ 　⊂&#124;　）） 　　.∪∪ なんか最近あんまり AA 貼ってないんで、禁断症状でてきたような気がするww まあしょうもない話はこの辺にして本題へw つーことで調子に乗ってまたまた WordPress プラグインを公開してみちゃったりしました。... <div style="margin-top:1ex"><a href="http://sakuratan.biz/archives/1059">(続きを読む)</a></div>]]></description>
			<content:encoded><![CDATA[<p>さくらです♡こんばんわ☆彡<br />
…とか書いちゃったけど、</p>
<p class="AA">　　 ｎｎ<br />
　 　| |||　　　　　　　　予約投稿のﾖｶｰﾝ<br />
　　（;ﾟДﾟ)<br />
　　（●●ﾄﾞｷﾄﾞｷ<br />
　⊂|　））<br />
　　.∪∪</p>
<p>なんか最近あんまり AA 貼ってないんで、禁断症状でてきたような気がするww<br />
まあしょうもない話はこの辺にして本題へw</p>
<p>つーことで調子に乗ってまたまた WordPress プラグインを公開してみちゃったりしました。</p>
<p>今回公開したのは <a href="http://wordpress.org/extend/plugins/external-css/">External CSS</a> プラグインです。<br />
このプラグインをインスコすると、外部 CSS ファイルを WordPress のダッシュボードから編集できるようになります。</p>
<p>さくらのブログはテンプレの CSS をそれなりに弄くっちゃったりしてるのですが、テンプレ変える前から仕込んであるスタイルとかもあったりして、要は CSS の編集をテンプレと切り離したいので作ったプラグインです。</p>
<p>似たような機能のプラグインに <a href="http://wordpress.org/extend/plugins/custom-user-css/">Custom User CSS</a> や <a href="http://wordpress.org/extend/plugins/simpler-css/">Simpler CSS</a> などがありますが、これらのプラグインは CSS を &lt;style&gt; タグで直接埋め込じゃうのでできれば外部の CSS ファイルに保存するような似たようなプラグイン無いかなーと探していたのですが、無さげだったので作りました。</p>
<p>External CSS ではユーザーが編集した CSS を wp-content/plugins/external-css/css/custom.css に保存します。この CSS ファイルは管理パネルを除いたすべてのブログエントリ（ページ含む）から &lt;link&gt; タグで読み込まれます。</p>
<p><img src="http://sakuratan.biz/blog/wp-content/uploads/2009/07/externalcss.png" alt="External CSS WordPress Plugin" title="External CSS WordPress Plugin" width="472" height="70" class="alignnone size-full wp-image-1057 capture" /></p>
<p>そのため &lt;style&gt; タグで埋め込む形式のプラグインと比べネットワークやサーバへの負荷が低く、自分用 CSS を結構な量書く方には特に SEO 面で有利なプラグインとなってると思います。</p>
<p>ぜひご利用くださいませ！</p>
<h2>インストール</h2>
<p>以下のいずれかの方法でインストールできます。</p>
<ul>
<li>wordpress.org の <a href="http://wordpress.org/extend/plugins/external-css/">External CSS</a> からプラグインをダウンロードし、Zip ファイルを wp-content/plugins/ ディレクトリで展開</li>
<li>WordPress のプラグイン検索で &quot;External CSS&quot; を検索しインストールリンクをクリック</li>
</ul>
<p>簡単なので、プラグイン検索がオヌヌメです。<br />
インストール後はプラグインを有効にしてください。</p>
<h2>使い方</h2>
<p>インストールすると、ダッシュボードの 外観 (Appearance) メニューに External CSS メニュー項目が追加されます。追加されたメニュー項目をクリックすると、textarea ベースの簡単な CSS エディタが開きますので CSS を入力し保存してください。</p>
<p>保存された内容は wp-content/plugins/external-css/css/custom.css に記録されます。この CSS ファイルはプラグインを有効にした時点から、管理用ページを除くブログのすべてのページから &lt;link&gt; タグにより読み込まれます。</p>
<h2>細かいこと気にしてハゲそうな人向けのプラグインの一部の実装に関する説明</h2>
<p>以下は wp-content/plugins/external-css/custom.css ではなく wp-content/plugins/external-css/css/custom.css に CSS ファイルを保存する実装になってる理由の説明です。プログラム的な話に興味無い方は無視しちゃってください。</p>
<p>このプラグインではファイルの更新をアトミックに行うため、入力された内容を一度テンポラリファイルに保存してから rename 関数を使って CSS ファイルを更新してます。そのため WordPress プログラムから、CSS ファイルを保存するディレクトリに対して書き込める状態になっていないとプラグインが動作しません。</p>
<p>従って wp-content/plugins/external-css/custom.css に保存しようとすると wp-content/plugins/external-css ディレクトリに WordPress から書き込めるようにする必要があるのですが、それは仕様的に何か微妙なため、wp-content/plugins/external-css/css ディレクトリに CSS ファイルを作成するようにしてます。</p>
<p>あと将来的に編集できるファイルを増やそうかなーとか思ってるのですが、その時プラグインディレクトリを直接更新するのが問題になりそうなの</p>
<p class="AA">　　　　　　　/ﾆＹﾆヽ<br />
　 　(ヽ　 　/（ ﾟ )( ﾟ ）ヽ　　　/)<br />
　　(((i ) ／::::⌒｀´⌒::::＼ 　( i)))　　でっていうｗｗｗｗｗｗｗｗ<br />
　／∠_|　,-）＿＿＿（-，|＿ゝ ＼<br />
( ＿＿＿､　　|-┬-|　　　　,＿＿ ）<br />
　　　　|　　　　`ー&#8217;´　　 /´<br />
　　　　|　　　　　　　　　/</p>
<p>理由もあります。</p>
<p>まあ将来どうなるか、さくら17才だしまだ考えてないw</p>
<p><img src="http://sakuratan.biz/blog/wp-content/plugins/sakura-icons/icon2.png" width="160" height="160" border="0" style="border:0;float:left" /><br />
これでテーマを変えるたびにしてた<br />
CSS をコピペする作業から開放される…<br />
リベレーション！！<br />
<br clear="left" /></p>
]]></content:encoded>
			<wfw:commentRss>http://sakuratan.biz/archives/1059/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
