wordpressのテーマCSSをSassで書く

Macでwordpressのテーマ編集作業しています(☝ ՞ਊ ՞)

Sassをインストール

Sassをインストールします。

sudo gem install sass

これでok

バージョンを確認。

sass -v
Sass 3.2.12 (Media Mark)

wordpressのテーマディレクトリへ移動

いまhogeという名前のテーマを扱っているとしてテーマのディレクトリに移動します。

cd
/Users/kawasakiosamu/wordpress/wp-content/themes/hoge/

ディレクトリを確認

pwd
/Users/kawasakiosamu/wordpress/wp-content/themes/hoge/

sass用ディレクトリとscssファイルを作成

同ディレクトリsassディレクトリを作成します。

mkdir sass

./にstyle.cssがあり、sassディレクトリ内にsass/style.scssを置きます。

style.scssを編集します。

vi sass/style.scss
/*
cssを色々書く
*/

scssからcssファイルを作成

sassコマンドを使ってstyle.scssファイルをstyle.cssに変換します。

sass 変換前のscss:変換後のcss

というように指定します。

この場合は、

sass sass/style.scss:style.css

これでstyle.cssが生成されます。

scssからcssファイルを作成

前回のコマンドを毎回叩くのは面倒なのですが、sassはcssへの変換を自動でやってくれます。
新しくタブを開き、sassディレクトリのscssファイルをテーマディレクトリに変換するコマンドを実行します。

sass --watch sass:./

hoge/sass/style.scssを更新すると自動変換され、hoge/style.cssが更新されます。

かなりべんりですねー(☝ ՞ਊ ՞)

ニコニコ超会議2、1日目をまわったところなどまとめ #chokaigi

ニコニコ超会議2いったのでじぶんのツイートまとめました(☝ ՞ਊ ՞)☝

イベント立てとるところから

当日

総理のお話聞いて撤退しました(☝ ՞ਊ ՞)☝
2日目はもうちょっとゆっくり回りたいです。

白川郷とかいきました(☝ ՞ਊ ՞)☝

白川郷とかいきました(☝ ՞ਊ ՞)☝

[tweet]
終わったので乙カレーでした

pixivにログインしたらまったく見た記憶のないエロ絵がブックマークしてあるんだけど

pixivでおどろきのできごと(☝ ՞ਊ ՞)☝

[tweet]
pixivこわい(☝ ՞ਊ ՞)☝

MacBookPro13inch2010midのメモリを8Gに増設しようとした

メモリ増設にちゃれんじ(☝ ՞ਊ ՞)☝

[tweet]
けっきょくメモリが違ったらしいよ!メモリのHz数は要チェックですね。

正解はこれ

シー・エフ・デー販売 メモリ ノートPC用 DDR3 SO-DIMM PC3-8500 CL7 256x8Mbit 4GB 2枚組 W3N1066Q-4G
シー・エフ・デー販売 メモリ ノートPC用 DDR3 SO-DIMM PC3-8500 CL7 256x8Mbit 4GB 2枚組 W3N1066Q-4G
シー・エフ・デー販売
売り上げランキング : 986

Amazonで詳しく見る by G-Tools

TitaniumMobileで開発したいなど

Titaniumってどうなの(☝ ՞ਊ ՞)☝

いっちょやってみっか

JavaScriptとTitaniumではじめる iPhone/Androidアプリプログラミング 【Titanium Mobile SDK 2.1 & Titanium Studio 2.1 対応】
JavaScriptとTitaniumではじめる iPhone/Androidアプリプログラミング 【Titanium Mobile SDK 2.1 & Titanium Studio 2.1 対応】 森 真吾

マイナビ 2012-09-14
売り上げランキング : 43360

Amazonで詳しく見る by G-Tools

[tweet]

京都に行ってきた

京都に行きました。レンタカーで行ったら行きが長かった。

ここの昼ごはんはおこぜ(野菜などのおかず?)が食べ放題でかなり美味しかった。
野菜が沢山たべられてかなり満足でした。

帰りは道が空いていてかなり爆速で帰ってこれました。

ローカルガチャからレアが2枚出るなど

運がよいこともあるものだ(☝ ՞ਊ ՞)☝

[tweet]
たしかに特別ガチャ撤退が有力(☝ ՞ਊ ՞)☝

昼ごはんのツイート

昼ごはん(☝ ՞ਊ ՞)☝

[tweet]
軽い感じで(☝ ՞ਊ ՞)☝

#お前らのエンブレム晒してけ のツイートまとめ

#お前らのエンブレム晒してけからまとめました(☝ ՞ਊ ՞)☝

このハッシュタグ盛り上がってていいね(☝ ՞ਊ ՞)☝