WordPressのウィジェット作成方法に関する情報のまとめ

過去に「WordPressのウィジェットを作成するときの最低限の基本形について」という記事を公開しました。 WordPressのウィジェットを作成するときの最低限の基本形について これを書いた当初から3年が過ぎました。WordPressの機能が拡張されていくに…

続きを読む

[WordPress]カレンダーウィジェットのHTMLをCSSで調整しやすくするカスタマイズ ~ 日付をspanで囲む

WordPressのカレンダーウィジェットは空欄なら「pad」クラスが付いていたり、曜日はthead、ナビゲーションはtfootと綺麗に分かれているHTML構造になっています。 ただ1点、tbody内でのリンク有無によるtdタグのCSS調整が難しいです。 ので…

続きを読む

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は受け継いでい…

続きを読む