<?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:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>FoundationPress - WordPressカスタマイズ、サイト作成メモ</title>
	<atom:link href="https://msn100.org/foundationpress/feed" rel="self" type="application/rss+xml" />
	<link>https://msn100.org/foundationpress</link>
	<description>WordPressサイト制作を手がけるToshiyuki TanakaのFAQ、ヒント、Tipsなどの覚え書きです</description>
	<lastBuildDate>Mon, 20 Oct 2025 03:44:30 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>
	<atom:link rel='hub' href='https://msn100.org/?pushpress=hub'/>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/><site xmlns="com-wordpress:feed-additions:1">106065909</site>	<item>
		<title>FoundationPressでFontAwesomeが使えるようになってた！</title>
		<link>https://msn100.org/foundationpress/foundation_fontawesome.html</link>
		
		<dc:creator><![CDATA[Kota]]></dc:creator>
		<pubDate>Fri, 27 Feb 2015 00:00:48 +0000</pubDate>
				<category><![CDATA[FoundationPress]]></category>
		<category><![CDATA[FontAwesome]]></category>
		<category><![CDATA[アイコンフォント]]></category>
		<guid isPermaLink="false">http://msn100.org/?p=266</guid>

					<description><![CDATA[<p>フレームワークのBootStrapはデフォルトでアイコンフォントが使えますが、Foundationにはセットされていないと思っていました。なので自力でFontAwesomeをセットしていたのですが、いつからかは知りません [&#8230;]</p>
<p><a href="https://msn100.org/foundationpress/foundation_fontawesome.html">FoundationPressでFontAwesomeが使えるようになってた！</a>は<a href="https://msn100.org">WordPressカスタマイズ、サイト作成メモ</a>で公開された投稿です。</p>
]]></description>
										<content:encoded><![CDATA[<p>フレームワークのBootStrapはデフォルトでアイコンフォントが使えますが、Foundationにはセットされていないと思っていました。なので自力でFontAwesomeをセットしていたのですが、いつからかは知りませんが、何の手順も不要でFoundationでFontAwesomeが使えることを知りました。もちろんFoundationPressでも、です。</p>
<p><span id="more-266"></span></p>
<p>たまたま以下のページにたどり着き、フツーに使えることを知りました（英文）。</p>
<p><a href="http://docs.joeworkman.net/rapidweaver/stacks/foundation/content/font-awesome" target="_blank">Using Font Awesome With Foundation</a></p>
<p>この記事では「今はFontAwesomeの4.03までしか使えないけど、次のFoundationのアップデートで4.1も使えるようにするよ！」的なことが書いてありますが、先ほどFoundationPressの5.1.1で確認したら、FontAwesome4.3までが使えるようになってました。</p>
<p>使い方は上記ページにあるとおり、普通にhtmlタグでアイコンのタグを入れるだけです。</p>
<pre class="brush: xml; light: true; title: ; notranslate">&lt;i class=&quot;fa fa-chevron-circle-right&quot;&gt;&lt;/i&gt;</pre>
<p>アイコンフォントは便利で多用していますが（このブログでは使ってないんですけど(^^;）、FoundationPressにセットされていた、というのはうれしい驚きでした＾＾</p>
<p>もし「・・・そんなんずいぶん前からやん」「・・・当たり前やん」という話でしたらすいません(^^ゞ</p>
<p><a href="https://msn100.org/foundationpress/foundation_fontawesome.html">FoundationPressでFontAwesomeが使えるようになってた！</a>は<a href="https://msn100.org">WordPressカスタマイズ、サイト作成メモ</a>で公開された投稿です。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">266</post-id>	</item>
		<item>
		<title>compass最新バージョンではFoundationPressのscssが一部コンパイルされない</title>
		<link>https://msn100.org/foundationpress/compass_vdown.html</link>
		
		<dc:creator><![CDATA[Kota]]></dc:creator>
		<pubDate>Sat, 14 Feb 2015 16:47:26 +0000</pubDate>
				<category><![CDATA[FoundationPress]]></category>
		<category><![CDATA[compass]]></category>
		<category><![CDATA[scss]]></category>
		<category><![CDATA[Foundation]]></category>
		<guid isPermaLink="false">http://msn100.org/?p=232</guid>

					<description><![CDATA[<p>「最近はFoundationPress押し」という話を先ほど書きましたが、実は先日、FoundationPressのscssが一部コンパイルされなくなって不完全なcssが出力されて、サイトがメチャメチャになったことがあり [&#8230;]</p>
<p><a href="https://msn100.org/foundationpress/compass_vdown.html">compass最新バージョンではFoundationPressのscssが一部コンパイルされない</a>は<a href="https://msn100.org">WordPressカスタマイズ、サイト作成メモ</a>で公開された投稿です。</p>
]]></description>
										<content:encoded><![CDATA[<p>「最近はFoundationPress押し」という話を先ほど書きましたが、実は先日、FoundationPressのscssが一部コンパイルされなくなって不完全なcssが出力されて、サイトがメチャメチャになったことがありました(^^;</p>
<p>原因は、compassのバージョンを上げたことでした・・・</p>
<p><span id="more-232"></span></p>
<p>それまではcompassのバージョン0.12系をずっと使ってた（というかバージョンアップのやり方を知らなかったｗ）のですが、バージョンアップのやり方を知ったので何も考えずにトライ。</p>
<p>「お～、最新になった！」と喜んでいたのですが、FoundationPressで作成中のサイトのscssを修正してコンパイル＆アップロードしたら、ほぼcssが効いてない「素」のような状態に((( ；ﾟДﾟ)))</p>
<p>FoundationやCSSフレームワークはcssが肥大化しがちですが、compassアップロード後のcssはサイズが半分以下になっていたんですね。</p>
<p>「お、これはcompassバージョンアップで画期的な圧縮機能でも付いたんだろうか」などとワクワクしてたんですが、何のことはない、コンパイルできなくなったscss部分がゴッソリ抜け落ちていただけでしたｗ</p>
<p>とにかくこれではFoundationPressでのサイト作りができませんから、おっかなびっくりでcompassをバージョンダウン。ついでにsassも前のバージョンに戻しました。</p>
<p>やり方はこちら「<a href="http://ameblo.jp/hs1985/entry-11932402124.html" target="_blank">CompassをヴァージョンアップしたらCodekit2でコンパイルできなくなった&#8230;｜Heasteaのブログ</a>」様を参考にさせていただきました。</p>
<p>バージョンダウンのやり方は、コマンドプロンプトで</p>
<p><code>gem uninstall compass<br />
gem uninstall sass<br />
gem install sass --version "3.2.10"<br />
gem install compass --version "0.12.2"</code></p>
<p>です。一度アンインストールして、古いバージョンのものをバージョン番号を指定して再インストール、ということですね。順番はこの順番どおりにした方がいいそうです。</p>
<p>compassの1.0系は0.1系とかなりいろいろと違うようです。なので別にsassはバージョンダウンする必要はなかったかもしれませんが、「君子危うきに近寄らず（でいいのかこの場合？ｗ）」ということで一緒に戻しておきました。</p>
<p>いずれFoundation側でcompass1.0系に対応してくれることが望ましいですが、とりあえずcompassでFoundationをコンパイルしたらcssがおかしい、という方は、compassのバージョンを疑ってみてください。</p>
<p><a href="https://msn100.org/foundationpress/compass_vdown.html">compass最新バージョンではFoundationPressのscssが一部コンパイルされない</a>は<a href="https://msn100.org">WordPressカスタマイズ、サイト作成メモ</a>で公開された投稿です。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">232</post-id>	</item>
	</channel>
</rss>
