WooCommerceで配送地域を一括登録。

2020.04.10 / Notes

WordPressのECサイト構築プラグインWooCommerceで、配送地域をSQLコマンドで一括登録する際のメモです。
登録する内容は、配送地域と、それぞれの配送地域に含まれる地域(都道府県)、配送方法(定額送料)になります。

登録後は次のようになります。
 
配送地域
都道府県の「JP01〜JP47」は北海道から沖縄に該当しますが、一覧はこちら。

phpMyAdminやWP-DBManagerのようなプラグインからSQLコマンドを実行できますが、事前にバックアップをとってから慎重に行った方が良いです。

Drupal8で「node.html.twig」をURLエイリアスごとに振り分ける際のメモ。

2020.04.03 / Notes

ノード用テンプレート「node.html.twig」でURLエイリアスに基づいて、テンプレートファイルの命名規則を追加します。
例えば「company」ページの場合「node-company.html.twig」といった命名規則になります。

上記ではトップページの場合「node-front.html.twig」に、「company/about」ページの場合「node-company-about.html.twig」となるようにしています。

FullCalendarバージョン4の設置サンプル。

2019.08.14 / Labs

カレンダーの生成に便利なFullCalendarがバージョン4になり、ファイル構成や記述方法が大きく変わりましたので、簡単なサンプルを作成しました。
FullCalendarのJavaScript、CSSの各ファイル(計4点)はCDNから読み込んでいます。
サンプルはこちら

日本語化には標準で各言語に対応(ドキュメント)していますが、細かい調整のためにそちらはあえて使わず、個別に書き換えています。
イベント情報のJSONファイル(events.json)は次のように記述しています。外部ファイルではなく、直接記述でもOKです。

フォームのデザインのまとめ。

2017.12.19 / Labs

フォーム内のテキストフィールドなどのパーツデザインのカスタマイズのまとめです。
サンプルはこちら

 

デザインは基本的にCSSのみで行なっています。セレクトボックスの下向き矢印のみSVG画像を使用しています。
フォームのHTMLはこちら。

CSSはこちら。ラジオボタン、チェックボックスでは本来のパーツを非表示にして、<span>タグで独自のパーツを作成しています。