タグ

SCSSに関するnakagawのブックマーク (2)

  • wordpress テーマ制作で scss / compass を使う時、はじめに設定すること

    最近、前から気になっていた「scss」と「compass」を使い始めてみました。 まだまだ使いこなせていないまでも、初歩的なことを覚えるだけでも、グッと効率が上がります。今回はWordPressのテーマ作成を行う際に、準備しておくと使いやすい設定をまとめておきます。 使い始めなので、記述にミスがあるかもですが、その際はご指摘いただければありがたく。 また、環境は「Mac OS X Maverick + coda 2」で制作しています。 なお、インストールについてはまとめておりませんので、記事末尾の参考URLをご確認いただければ。 WordPress テーマのファイル構造に合わせる ご存知の通り、WordPressのテーマは「style.css」を元にしています。通常のテーマではcssファイルは、この「style.css」のみを利用することになります。 scss / compass では、分

    wordpress テーマ制作で scss / compass を使う時、はじめに設定すること
    nakagaw
    nakagaw 2014/10/06
    テンプレートとかでこういうのは発揮される
  • CSSコーディングで泣かないためのSassの基礎知識と10の利点

    CSSコーディングで泣かないためのSassの基礎知識と10の利点:爆捗! WordPressテーマ作成ショートカット(3)(1/3 ページ) 連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、現場におけるCSSコーディングの3つの問題点、Sassの概要と主な10の機能、SASS記法とSCSS記法の違いなどを紹介。 連載「爆捗! WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」(以下、Dreamweaver)でWordPressのテーマをカスタマイズできるようにする環境構築や設定を行い、前回の「WordPr

    CSSコーディングで泣かないためのSassの基礎知識と10の利点
  • 1