ウェブサイト構築チュートリアル: WooCommerce テーマを変更するには?

ウーコマースほとんどのユーザーは、これが非常に柔軟な電子商取引 WodPess プラグインであることを知っていると思います。美しいインターフェイス、ユーザーフレンドリーな背景、およびデータ テーブルが少ないことに加えて、これを気に入る理由はたくさんあります。最近、WooCommece テーマを変更する方法について質問する顧客がいます。実際、その方法は非常に簡単です。この記事で説明します。

WooCommece では、テンプレートを変更する方法が 2 つあります。1 つはフック関数を使用する方法で、これは WodPess で最も一般的な変更方法でもあります。もう 1 つはテンプレートを「上書き」する方法です。

この上書き方法は、WodPess プラグインでも一般的です。中心的な考え方は、ユーザーがテーマ ディレクトリにプラグイン テンプレート ファイルと同じ名前のファイルを配置すると、プラグインが最初にこのファイルを呼び出すというものです。

WooCommece もこのメソッドをサポートしており、詳細は以下で説明します。

WooCommece のデフォルトのテンプレート ファイルは、プラグインの templtes ディレクトリ (/wp-content/plugins/woocommece/templtes) にあります。テンプレート ファイルを開くと、多くのフック (例: do_ction(̺woocommece_befoe_min_content̻);) があることがわかります。そのため、テンプレートを変更するときは、次の原則に従う必要があります。

フックでできる変更はフックを使ってみてください

ファイルに変更が多数ある場合、またはフックだけでは変更を完了できない場合は、テンプレート オーバーレイを使用します。

どちらの方法で行われた変更も、アップグレード時に失われることはありません。

例1: マイアカウントページを変更する

現在のテーマディレクトリにWooCommeceディレクトリを作成します

WooCommeceディレクトリの下に別のmyccountディレクトリを作成します。

plugins/woocommece/templtes/myccount/my-ccount.php ファイルを youtheme/woocommece/myccount/ ディレクトリにコピーします。対応関係は次のとおりです。

この時点では、テーマの下の my-ccount.php の方が優先度が高く、プラグイン ディレクトリの my-ccount.php を上書きします。このファイルを変更するだけです。

例2: すべてのテンプレートを上書きする

すべてのテンプレートを上書きするには、すべてのテンプレート ファイルをテーマにコピーし、ディレクトリ構造を維持する必要があります。つまり、

このディレクトリ内のすべてのファイルをコピーします

以上、WooCommeceテーマを変更する2つの方法の紹介でした。皆さん理解できましたか？比較的簡単なので、急いで学んでください。