WordPressフックを使用してWooCommerceストアをカスタマイズする

公開: 2020-01-14
WordPress hooks

最終更新日-2020年2月24日

この記事では、WordPressのテーマまたはプラグインを開発する際の最も重要なトピックの1つであるWordPressフックを紹介し、アクションフックとフィルターフックの違いについて説明します。

フックは、WordPressコア、ほとんどのWordPressテーマ、およびすべてのトップWordPressプラグイン全体に埋め込まれています。 WordPressフックは、独自の新しいコードを追加したり、WordPressエコシステム内の既存のコードを編集したりできるイベント駆動型システムです。

WooCommerceフック

WordPressフックは基本的にphp関数であり、WordPressに独自のコードを追加したり、WordPressサイトやWooCommerceストアをカスタマイズするときにコアファイルを編集しなくてもWordPress全体で既存のコードを編集したりできます。

フックはWooCommerce全体でも使用されているため、開発者はアクションフックを介して独自のカスタム関数を簡単に追加したり、WooCommerceプラグインに組み込まれている機能を編集して、フィルターフックを介してオンラインストアをさらにカスタマイズしたりできます。

WooCommerceのアクションとフィルター:

WooCommerceストアをさらにカスタマイズするために使用できるフックには2つのタイプがあります。 テーマまたはプラグインファイルを直接編集しないことをお勧めしますが、子テーマを作成してからphpコードスニペットをfunctions.phpファイルに挿入するか、 WooCustomizerプラグインを使用することをお勧めします。コーディング方法を知らなくても、多くのフィルターを編集できます。

アクションフック:

アクションフックは、 do_action( 'action_name' )関数を使用してWooCommerce全体に配置されるため、アクション名を使用して、追加するコードを実行する場所を指定できます。

カスタムコードを追加するには、コードを内部に含む新しいphp関数を作成し、 add_action()関数の最初のパラメーターとしてアクション名を追加して、コードを実行する場所を指定します

例:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

つまり、WooCommerceコードに「このdo_actionの実行時にアクションを追加する」と言っているだけです

フィルターフック:

フィルタフックは、 apply_filter( 'filter_name', $variable )関数を使用してWooCommerce全体で呼び出されます。 これにより、関数に渡される変数を操作し、必要に応じて変数値を返すことができます。

例:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

アクションフックと同様に、独自のphp関数を作成し、それを使用するフィルターを指定しますが、今回は既存の変数を渡し、関数を使用して出力を必要なものに操作します。

フィルタフックを使用すると、値を返す必要があります

子テーマを作成したり、WooCommerceフックを使用して独自のphp関数を追加または編集したりすることに自信がありませんか?

WooCustomizerでWooCommerceストアをカスタマイズする

新しいWooCustomizerプラグインをご覧ください…WooCustomizerには、コーディングの知識がなくても、独自のコードを追加しなくても、WooCommerceストアを編集およびさらにカスタマイズするための多くの機能が付属しています。

WordPressフック

WooCustomizerは、編集したり、WooCommerceストアに機能を追加したりするための既存のWooCommerceフックを多数提供しています。

WooCustomizerプラグインが提供するいくつかの機能:

  • ショップと商品ページの商品「セール中」バナーを編集する
  • さまざまな製品タイプの[カートに追加]ボタンを編集します
  • ショップ、製品、ユーザーアカウント、カートページの要素をすべて削除します
  • 「新製品」または「売り切れ」のバナーをショップ製品に追加します
  • カートに追加ボタン、セールバナーなどのデザインをカスタマイズします
  • ユーザーアカウントタブとユーザーの基本的なチェックアウトフィールドを編集する
  • 管理者ユーザーのWebサイトフロントエンドに製品統計を追加します
  • 選択したメニューにログイン/ログアウトメニュー項目を追加します

+もっとたくさん

WooCustomizerをダウンロードする

WooCommerceストアにもっと欲しいですか?

WooCustomizerには、売り上げを伸ばし、WooCommerceショップに便利な機能を追加するための多くの追加機能を提供するプレミアムバージョンも付属しています。

WooCustomizerProには次のものが含まれます。

WooCommerceのカタログモード

すべての「カートに追加」を簡単に削除し、WooCommerceストアから機能を購入して、ショップを美しいオンラインカタログに変えます。 これらの設定をすべての製品、選択した製品、またはログアウトしたユーザーのみに適用し、ユーザーにアカウントを作成してログインして製品を購入するように促します。

WordPressフック

WooCommerceのカスタムサンキューページ

WooCustomizerは、デフォルトのWordPressエディターまたはその他の任意のページビルダーを使用して、WooCommerce用の独自のカスタムThankYouページを作成する機能を提供します。 顧客を新しいデフォルトのThankYouページにリダイレクトするか、購入した商品に応じて別のページにリダイレクトするか、ストアでの商品の購入方法に応じてページにリダイレクトします。

WordPressフック

WooCommerceの製品クイックビュー

完全な製品情報をプレビューし、ショップまたはアーカイブページのポップアップ内からすべての画像を簡単に「カートに追加」または閲覧するオプションをユーザーに提供します。 これにより、ユーザーはストアをすばやく閲覧できます。

WordPressフック

WooCommerceAjax検索

ユーザーがあなたの製品をより早く見つけるのを助けますか? 簡単なajax製品検索を検索バー、ウィジェットエリア、またはショップページに追加して、ユーザーが入力を開始して製品を検索したときに製品の予測を表示します。

WordPressフック

WooCommerceメニューカート

WooCommerceのWooCustomizersメニューカートをオンにして、WooCommerceカートを表示するメニューを選択します。ドロップダウンミニカートバスケットを追加して、ユーザーが製品を追加または削除したり、カートを表示したり、直接チェックアウトしたりできるようにします。

WooCustomizerを表示

特別クーポンを使用すると、 WooCustomizerの最初の購入が15%オフになります

LW15OFF

フックで編集を始めましょう!

WordPressフックがWordPressとWooCommerceでどのように機能するかを理解したので、WooCommerceオンラインストアで必要な機能を簡単に追加または編集できます。

注: WordPressテーマを更新するときに編集内容が失われないように、このコードは常に子テーマまたはサイトカスタマイズプラグインに追加する必要があることを忘れないでください。

WooCommerceストアをさらに編集するために独自のコードを追加することにまだ少し自信がない場合は、 WooCustomizerプラグインを試すことをお勧めします 利用可能なすべてのWooCommerceフックを使用して、コードを編集するためのビジュアルインターフェイスを作成します。これらはすべて、WPカスタマイザーに組み込まれています。さらに、製品統計、ログイン/ログアウトメニュー項目など、さらに多くの機能を提供します。