はてなブックマーク

CSSを書くのにずっとSass（Scss）を使ってたんですが、PostCSSへ移行することにしたので、PostCSSの使い方をメモっておきたいと思います。 元々はSassで書いて、CSSにコンパイルして、ベンダープレフィックス付けて、minify（圧縮）して…というのをGulpで処理していました。しかし脱Gulpの波（？）もあって、npm-scriptsを利用するようになってくると、Sassのコンパイルやビルドが面倒に… そこで、色々と検索してみると、自分の開発環境ではSassよりもPostCSSの方が使いやすそうだったので、PostCSSへ移行することにしました。 インストール まずは本体であるPostCSSをインストールします。 npm install --save-dev postcss-cli 続いて、PostCSSで利用したいプラグインをインストールします。PostCSSはSas

カラーミーショップのテンプレートファイルをカスタマイズして、自由にレイアウト（HTML）やデザイン（CSS）を変更したい！ そんな人のために、カラーミーショップには「独自タグ」というものが用意されています。 カラーミーショップの独自タグ一覧（PC、スマートフォン） 上記の公式マニュアルにもあるように、この独自タグを利用すれば、ショップ情報や商品説明などを自由にカスタムすることができます。 しかし、このマニュアルには独自タグの使い方が詳しく…載って…ない…？？ ということで、カラーミーショップを運営している方から、よく独自タグの使い方についての問い合わせをいただくので、基本的な使い方・編集方法を説明します。 テンプレートの編集方法 独自タグを利用する前に、まずは「テンプレート」や「フリーページ」の編集方法について簡単に触れておきましょう。 カラーミーショップの管理画面にログインし、「ショップ

WordPressのトップページで記事と記事の間に広告を表示する方法（TwentyTwelve/Adsense）。index.phpのループをPHPでカスタマイズ。WordPressでAdsense（広告）を貼り付ける場所を色々と模索しています。 その中で、トップページの「記事と記事の間」に貼り付けたいと思ったんですが、トップページ（index.php）はループ（繰り返し）になっているので、このまま貼り付けると広告までループしてしまいます。 どういうことかと言うと、トップページは、 ———————- 記事 ———————- 記事 ———————- 記事 ———————- …（記事が続く） となっているんですが、index.php でこの記事を呼び出しているコードの下に、広告コードをそのまま貼り付けてしまうと、こうなります。 ↓　↓　↓　↓ ———————- 記事 広告 ———————- 記