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)のコードは…

続きを読む

[WooCommerce]商品詳細ページで独自のテンプレートを適用させるスニペット

WordPress 4.4から詳細記事ページ用（single.php）に新しいテンプレートが用意されました。 テンプレートのファイル名をsingle-{post_type}-{post_name}.phpの仕様に則ることで、詳細記事ごとに専用のテンプレートを割…

続きを読む

WooCommerceで自ら退会できない問題をプラグインで解決する（会員情報の削除機能を追加）

「嗚呼、WooCommerce凄い。凄いよWooCommerce」と思いながら構築していて気付いてしまいました。…退会機能が無いと。 WordPress自体には退会（自らアカウント情報を削除）という概念がないらしく、そのままWooCommerceは受け継いでい…

続きを読む

[WooCommerce Memberships]商品に付くバッジのテキスト、HTMLを変更・削除する

WooCommerce Membershipsを使って会員割引機能を付けると、会員がログインしている状態だと商品に「Member discount!」というテキスト（HTML）が表示されます。 デフォルトだとサイトのデザインと統一感が無かったり、そもそも必要な…

続きを読む

[WordPress]プラグイン「WooCommerce Memberships」使用時で商品ページに表示される英語テキストを変更・削除する

WooCommerceでECサイトを開発すればするほど良いプラグインだと実感してる最近です。 今回は公式の有料プラグイン「WooCommerce Memberships」を使って会員専用の割引機能を追加しました。ただ、このプラグインは日本語に翻訳されていません…

続きを読む