実践に見るカスタマイズの手法

実践に見るカスタマイズの手法カスタマイズのポイントとコルネのルール 2019年10月25日

HELLO! 吉村佳志子 Yoshimura Yoshiko コルネ株式会社システム開発部チーフプログラマー 2

今回のセッションで使用しているサイト健康食品サイト「Sport」健康食品サイトを想定して、定期購入販売のカスタマイズを紹介します。 https://sandbox.welcart.org/autodelivery/ この Sport サイトで使用している子テーマがダウンロードできます。 https://www.collne.com/dl/10th/welcart_panetteria-sport.zip
会員制情報サイト「News」会員の状態によって記事の閲覧を制御。自動継続課金（サブスクリプション）サイトの例です。 https://sandbox.welcart.org/news/ この News サイトで使用している子テーマがダウンロードできます。 https://www.collne.com/dl/10th/welcart_panetteria-wcnews.zip このスライドは公開しています。 http://bit.ly/2OJy2JS https://docs.google.com/presentation/d/1rgauuievKD5KFc9twE27NAqdlcS_ri-hm9_Xi52K5sk/edit?usp=sharing 3

1. 二通りの機能実装方法実情に応じたカスタマイズの設置方法 4

プラグインとして開発プラグインにするかテーマに施行するかテーマに設置 5

プラグインを作成する方法 ▹ 複数のサイトに同じ機能を実装したい場合修正はオリジナルプラグインのみ ▹ カスタマイズ規模が大きい場合それ単体でのバージョン管理ができるよう ▹ テーマ編集者の作業から分離させたい場合テーマ編集者とのコンフリクトを避ける
6

テーマに機能を施工する方法 ▹ カスタマイズ規模が小さい場合ごく簡単なカスタマイズ ▹ テンプレートに依存する場合テンプレートに記述が必要 7

2. カスタマイズの実際テーマへの実装方法 8

functions.php にはコードがいっぱいコードの設置方法 9

functions.php にカスタマイズを書く問題点 ▹ テーマ制作者のコードと見分けがつき難くなる ▹ functions.php が肥大化して管理し辛くなる ▹ クライアントとの同時作業など複数人での作業では、古いバージョンのファイルをかぶせてしまう危険性が高くなる
10 メンテナンス性の低下

ファイルが上書きされてしまう事故を防ぐとともに、メンテナンス性を考慮する。別ファイルに分けてインクルード 11

3. メンテナンス性を重視ファイルの分割 12

カスタマイズ用のファイルを置くフォルダを作って、functions.php にインクルードする。カスタマイズ用のフォルダを置く 13

カスタマイズファイルはジャンルごとに細かく分けて、内容が分かりやすいファイル名を付ける。これらのファイルは _loader.php でインクルードする。これによって、functions.php には下記の1行のみで、全てのカスタマイズファイルのインクルードができる。ファイルを細かく分ける 14
customizeフォルダの中

_loader.php にまとめてインクルード 15

ファイル名とカスタマイズ内容 ▹ _loader.php このフォルダ内のファイルを読み込む ▹ add-posttype.php ニュース記事用の投稿タイプを設定 ▹ cart_control.php 同じサブスクリプションを購入しないよう制御
▹ enqueue_scripts.php 会員登録時のバリデーションを、分かり易く表示するための JavaScript ▹ login_control.php ログイン後に、最後に見ていた記事にリダイレクトさせる ▹ shortcode.php 記事内のボタン表示制御を行うショートコードを作成 ▹ template-functions.php テンプレート内で使用するテンプレートタグを宣言 16

メンテナンス性を考慮したテーマカスタマイズ 17 functions.php に書かないファイルを分け、意味のあるファイル名を付けるカスタマイズ用のフォルダを作る細かくコメントを
入れるクライアントに編集させない

Welcart のカスタマイズに関する資料 DOCUMENTS Welcart に関するガイドや FAQ の入り口はこちらです。 https://www.welcart.com/documents/ また、テクニカルノートは旬な情報を追加してお知
らせしています。 https://www.welcart.com/archives/techinfo/ CUSTOMIZE SUPPORT カスタマイズやサイト構築を行っていて原因不明の不具合が発生した場合は、調査を依頼できます。 https://www.welcart.com/wc_nav/ カスタマイズ自体を依頼することも可能です。 https://www.welcart.com/service-welcustom/ このスライドは公開しています。 http://bit.ly/2OJy2JS https://docs.google.com/presentation/d/1rgauuievKD5KFc9twE27NAqdlcS_ri-hm9_Xi52K5sk/edit?usp=sharing 18

実践に見るカスタマイズの手法

実践に見るカスタマイズの手法

Welcart

More Decks by Welcart

Other Decks in Business

Featured

Transcript