「コードスニペット」タグ一覧

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

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

続きを読む

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

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

続きを読む

[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 Memberships]商品に付くバッジのテキスト、HTMLを変更・削除する

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

続きを読む

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

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

続きを読む

[WooCommerce]価格表示の¥マーク(円記号)を変更する

WooCommerceは多くの言語に対応しており、日本語にも対応しています。 通貨もYEN(¥)に対応しているのですが、ECサイトによっては円に変更したい要望もあるかと思います。そんなわけで、通貨記号を「¥」から「円」に変更するスニペットをメモ。 以下のコード…

続きを読む

[WooCommerce]マイアカウントの各ページタイトルを任意のテキストに変更する

WooCommerceのマイアカウントの各ページは動的に生成されているため、管理画面からページタイトルの変更ができません。プログラムコードを記述する必要があります。 というわけで、マイアカウントの各ページタイトルを任意のテキストに変更するスニペットをメモ。 以…

続きを読む

[WooCommerce]マイアカウントページからダウンロードページのリンクを削除する

2016年12月26日追記: ダウンロードページの無効化はもっと簡単な方法がありました。 「WooCommerce > 設定 > アカウント > マイアカウントエンドポイント(URL表記)」のダウンロード項目にデフォルトで記述されている&#8…

続きを読む