WooCommerce 請求書・納品書の印刷２

今、WooCommerceのサイト導入を進めています

BtoC　ではなく、BtoB　なんです

さて

以前のブログで請求書・納品書を印刷に以下のプラグインを利用したことをメモしました

WooCommerce Print Invoice & Delivery Note

今回、新たに調べた見たら

WooCommerce PDF Invoices & Packing Slips

が良さそうに思えたので利用してみることにしました

早速、もろもろ設定をして請求書と納品明細書を表示してみたら

文字化け　(>_<)

標準のPDFテンプレート（Simple)では日本語フォントをサポートしてませんでした

そこで日本語フォントを適用する方法を探ってみました

結論から言うと意外に簡単に設定できました

以下、手順のポイントのみメモしておきます

1. 標準テンプレート(Simple) のフォルダー配下のファイルを 自分の子テーマのフォルダー配下(xxxx) にコピー
   1. Simple: wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/pdf/Simple
   2. 子テーマの構造： /wp-content/themes/（子テーマ）/woocommerce/pdf/xxxx    ( xxxx は任意のテンプレート名）
2. サブフォルダー /fonts/ に、利用する日本語フォントファイル（ttf）をアップロード
   1. プラグインのドキュメントでは、情報処理推進機構（IPA）が頒布しているフォントを紹介しています
      1. IPAフォント：　http://ipafont.ipa.go.jp/
      2. 今回は　IPAexゴシック(Ver.003.01)　をダウンロードして設置しました
3. 子テーマ　xxxx　内の　style.css 内にフォントを指定するコードを追記
   1. プラグイン・ドキュメント　Using custom fonts　にある/* Load font */コードスニペットをコピペして追加
      1. normal, bold, italic normal, italic bold の4つともコピペ
   2. /fonts/myfont.ttf　/fonts/myfont-bold.ttf　/fonts/myfont-italic.ttf　/fonts/myfont-bolditalic.ttf　を先ほどアップロードした日本語フォントのファイル名に置換
   3. body 内に   font-family: 'Open Sans', sans-serif;　とあるのを、　font-family: 'MyFont','Open Sans', sans-serif;　として MyFontを指定
4. 以上の設定で、WordPressの当プラグインの一般設定　「テンプレートを選ぶ」に  xxxx が選択できるようになっているはずです
   1. Simpleの代わりに xxxxを選択すれば、　これで   請求書、納品明細書が ゴシック体の日本語で表示されるのを確認できました

以上は最低限の設定で日本語の文字化けを解消する手立てです

細かな調整が必要であれば、さらに手を加えていく必要はあるかと思いますが・・・

次回は、フォームのちょっとしたカスタマイズ（明細の下の空欄に 文言を表示する基本 について）をメモする予定です ('◇')ゞ

書きました　⇒　コチラ