タグ

ブックマーク / torounit.com (2)

  • WordPressのテーマの作り方その1 - Toro_Unit

    職場で新しく入った人にWordPress信者になって頂こうという布教活動の一環で、WordPressのテーマの作り方をまとめていきたいと思います。 デフォルトでついてくるテーマtwentytenとか、色々配布テーマがありますよね。ただ、多機能だったりして、ブログテーマとしてはいいんだけど、WordPressのテーマを理解する上ではハードルが高い気がします。 というわけで、ここではゼロから作ることをテーマにして、まとめていこうかなと思います。 WordPressテーマの最小構成 WordPressのいろんなテーマを見るとたくさんファイルがあってややこしいですが、最低限 index.php style.css が入ったディレクトリが、wp-content/themes内にあればテーマとして成立します。簡単なブログとかだったらこれで十分かもしれません。 また、文字コードはutf-8、DOCTYP

  • LESSでCSSを書いてみた - Toro_Unit

    CSSのメンテナンス性の悪さは広く知られて居るとは思いますが、その解決策として、SASSとかSCSSなどがあります。今回はその仲間のLESSの導入記録です。 公式サイト:LESS « The Dynamic Stylesheet language LESSというのは、CSSのメタ言語で、コレをコンパイルすると、CSSが出力されます。 LESSを使うとこんなことが出来ます。 LESSを使うと出来ること ルールのネスト 変数 Mixin 四則演算などちょっとした関数 また、普通のCSSの記法も使えますので、リセット用のCSS等そのままコピペも可能です。 ルールのネスト(階層化) CSSのルールをネスト出来ます。いちいちセレクタをコピペしなくていいし、コードの視認性や、構造が非常にわかりやすくなります。親のセレクタを再利用するには、”&”を用います。 less [css] #header { h

    LESSでCSSを書いてみた - Toro_Unit
  • 1