wordpress テーマ制作で scss / compass を使う時、はじめに設定すること
最近、前から気になっていた「scss」と「compass」を使い始めてみました。 まだまだ使いこなせていないまでも、初歩的なことを覚えるだけでも、グッと効率が上がります。今回はWordPressのテーマ作成を行う際に、準備しておくと使いやすい設定をまとめておきます。 使い始めなので、記述にミスがあるかもですが、その際はご指摘いただければありがたく。 また、環境は「Mac OS X Maverick ＋ coda 2」で制作しています。 なお、インストールについてはまとめておりませんので、記事末尾の参考URLをご確認いただければ。 WordPress テーマのファイル構造に合わせる ご存知の通り、WordPressのテーマは「style.css」を元にしています。通常のテーマではcssファイルは、この「style.css」のみを利用することになります。 scss / compass では、分
知って得するSass/Compassのインストールと使い方
本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする設定の方法を紹介。第2回の「WordPress初心者でも爆捗！ テンプレートカスタマイズ＆ショートコード作成超入門」でWordPressの内部構造、Dreamweaverを使ったテンプレートのカスタマイズ方法、ショートコードの作り方について解説した。 第3回の「CSSコーディングで泣かないためのSassの基礎知識と10の利点」では、さらなる爆捗のために、「Sass」についての概略を解説した。第4回の前回「いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携」では、Sassの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
