2017年03月の記事一覧

Sassの@at-rootをBEM記法で上手く使う方法 ~ Blockより親要素のクラスでElementとの子孫セレクタを作りたい

SassでBEM記法を使っていると、綺麗にコーディングできない場面が出てきていました。 どんな場面か。それはBlockよりも親要素のクラスでElementとの子孫セレクタを作りたいときです。これにはSassの「@at-root」を使うのですが、ネットで調べても…

続きを読む

[WordPress]テーマカスタマイザー(背景画像やヘッダー画像など簡易なモノ)の設定値を取得・判定し条件分岐させる方法

WordPress3.4から追加されたテーマカスタマイザー機能(テーマカスタマイズAPI)は直感的にテーマを弄ることができて便利ですし楽しいです。 しかし機能追加する側としては大変な面があり、対応するならばテーマのテンプレートファイルに記述するコード量は増えま…

続きを読む

[WordPress]CSSやJavaScriptをIEの条件付きコメントに対応させて読み込む

最近ではIE8、IE9以下に対応必須の案件は少なくなってきているかと思いますが、それでも必要なときがあったりするのではないでしょうか。(IE8、IE9だと情報を見ることができないレイアウト崩れが発生してしまっているなど) そんなときにInternet Expl…

続きを読む

Windowsでファイル名が長すぎて削除できない問題を解決する方法

Windowsでフォルダを削除しようとしたら「ファイル名が長すぎて削除出来ません。」というようなメッセージが出て不可能な状況になりました。 特にGulpやらGruntパッケージのインストール時に何かの手違いで、とても深いフォルダの階層構造になってしまうことが結…

続きを読む

[WordPress]公開日・更新日を元に記事に「New」ラベルを表示する

WordPressの記事更新情報などで、例えば「記事を公開してから7日間は”New”という文字(ラベル)を表示したい」というご要望があったりします。 日付を比較し表示する方法が書かれてある記事はあった記憶があるのですが、見当たらなくなっ…

続きを読む

WordPressの検索フォームをレスポンシブに対応するSass(CSS)のコード

WordPressのウィジェットや関数get_search_form()で出力される検索フォームをレスポンシブに対応するSassとCSSのコードを公開いたします。 ブラウザは最新のモノしか考慮していないのでご了承ください。 対応するHTML(PHP)のコードは…

続きを読む