Pure Skin Builderの使い方

PureにはSkin BuilderというPureのテンプレートをカスタマイズする便利なものがあります

操作も簡単なのであっというまに自分好みのデザインができます！

Skin Builder

英語で書かれていますが心配ありません

動的にCSSが書き換わるので直感的にできます

サンプル

作成したCSSを誰かに見てもらいたい場合は、Codeタブの∞ Linkボタンをクリックしたください

リンクが出てきますのでそのリンクをコピーして見せたい相手に送れば見てもらうことができます

実際に作成したCSSを組み込むにはCodeタブのCopy CSS for selected Widgets/Modules のテキストボックス内にあるCSSコピーして読み込ませます

bodyタグにclass="pure-skin-mine"をつけることでbodyタグ内にCSSがあたります

divタグにclass="pure-skin-mine"をつけることで局所的にCSSをあてることもできます