質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WooCommerce

WooCommerceは、2011年にリリースされたWordPressのためのECプラグインです。ECサイトに必要な一連の機能を簡単に導入できる上、柔軟なカスタマイズをすることも可能です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

1回答

1542閲覧

【woocommerce】カスタムフィールドの内容を「ダウンロード可能なファイル」として登録したい

bokupiroki

総合スコア54

WooCommerce

WooCommerceは、2011年にリリースされたWordPressのためのECプラグインです。ECサイトに必要な一連の機能を簡単に導入できる上、柔軟なカスタマイズをすることも可能です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2020/03/01 04:46

編集2022/01/12 10:55

###実現したいこと・前提条件

  • WordPressプラグイン「Woocommerce」でデータを販売するサイトを作成している
  • 運営側の人間が複数人おり、販売データをそれぞれが投稿している
  • Woocommerce標準のファイル登録フォームが少し使いづらく感じている
  • 「ダウンロード可能なファイル(downloadble_files)の登録を、独自に作成したカスタムフィールドから行いたい
  • 独自のカスタムフィールドはプラグイン「Advanced Custom Fields(ACF)」で作成している

↓現状のWoocommerce標準のフォームを使った登録方法
イメージ説明

###該当箇所のコード
先ほど掲載した画像の部分(投稿画面)のhtmlコードです。

html

1<div class="form-field downloadable_files"> 2 <label>ダウンロード可能なファイル</label> 3 <table class="widefat"> 4 <thead> 5 <tr> 6 <th class="sort">&nbsp;</th> 7 <th>名前 <span class="woocommerce-help-tip"></span></th> 8 <th colspan="2">ファイルの URL <span class="woocommerce-help-tip"></span></th> 9 <th>&nbsp;</th> 10 </tr> 11 </thead> 12 <tbody class="ui-sortable"> 13 <tr> 14 <td class="sort"></td> 15 <td class="file_name"><input type="text" class="input_text" placeholder="ファイル名" name="_wc_file_names[]" value=""> 16 <input type="hidden" name="_wc_file_hashes[]" value=""></td> 17 <td class="file_url"><input type="text" class="input_text" placeholder="http://" name="_wc_file_urls[]" value=""></td> 18 <td class="file_url_choose" width="1%"><a href="#" class="button upload_file_button" data-choose="ファイルを選択" data-update="ファイルの URL を挿入">ファイルを選択</a></td> 19 <td width="1%"><a href="#" class="delete">削除</a></td> 20 </tr> 21 </tbody> 22 <tfoot> 23 <tr> 24 <th colspan="5"> <a href="#" class="button insert" data-row=" 25 <tr> 26 <td class=&quot;sort&quot;></td> 27 <td class=&quot;file_name&quot;> 28 <input type=&quot;text&quot; class=&quot;input_text&quot; placeholder=&quot;ファイル名&quot; name=&quot;_wc_file_names[]&quot; value=&quot;&quot; /> 29 <input type=&quot;hidden&quot; name=&quot;_wc_file_hashes[]&quot; value=&quot;&quot; /> 30 </td> 31 <td class=&quot;file_url&quot;><input type=&quot;text&quot; class=&quot;input_text&quot; placeholder=&quot;http://&quot; name=&quot;_wc_file_urls[]&quot; value=&quot;&quot; /></td> 32 <td class=&quot;file_url_choose&quot; width=&quot;1%&quot;><a href=&quot;#&quot; class=&quot;button upload_file_button&quot; data-choose=&quot;ファイルを選択&quot; data-update=&quot;ファイルの URL を挿入&quot;>ファイルを選択</a></td> 33 <td width=&quot;1%&quot;><a href=&quot;#&quot; class=&quot;delete&quot;>削除</a></td> 34</tr> 35 ">ファイルを追加</a> </th> 36 </tr> 37 </tfoot> 38 </table> 39</div>

###試したこと
例えば似たようなことで、「カスタムフィールドからアイキャッチ画像を登録する」はできました。

php

1function acf_set_featured_image( $value, $post_id, $field ){ 2 if($value != ''){ 3 add_post_meta($post_id, '_thumbnail_id', $value); 4 } 5 return $value; 6} 7add_filter('acf/update_value/name=カスタムフィールドのID', 'acf_set_featured_image', 10, 3);

これと同じような方法で、3行目の「_thumbnail_id」の部分を、woocommerce独自の何かに書き換えれば実現できるのではないか
と考えています。

該当フォームのhtmlより
クラス名である「downloadable_files」や
nameである「_wc_file_urls[]」に書き換えてみましたが
それではうまくいきませんでした。

フックも探しました。
https://docs.woocommerce.com/wc-apidocs/hook-docs.html

しかし、このやり方だとフックは使えないような気がしています。

情報や探し方であったり、
そもそももっといい方法があるなどあれば
教えていただきたいです。

###補足情報(FW/ツールのバージョンなど)
WordPress5.3.2
woocommerce3.8.1

###追記1:該当箇所のデータベース
該当箇所がどんな風にデータベースに登録されているかについて
phpMyAdminで確認すると、「_downloadable_files」は下記の画像のように登録されています。
イメージ説明
wp_postmetaに格納されているを参照しています。
本当はもっと登録しているファイルがあるはずなのですが、なぜか4つしか出てきません。
(途中からサイトをSSL化したことが影響しているのでしょうか...)

肝心の中身(meta_valuse)についてなのですが、下記のようになっています。

a:1:{s:36:"7f8b80b7-f8fe-4bbb-a372-d9290030ab41";a:3:{s:2:"id";s:36:"7f8b80b7-f8fe-4bbb-a372-d9290030ab41";s:4:"name";s:12:"【投稿画面で設定したファイル名】";s:4:"file";s:118:"http://【サイトドメイン】/wp-content/uploads/woocommerce_uploads/2020/01/【アップロードしたファイル】";}}

単純にファイルのURLが入っているだけでなく、このように英数字の羅列も格納されています。
ファイルパス以外の情報は、var_dumpしたときに出てくる情報に関係のあるもの(?)なのかと考えています。

###追記2:プラグインファイル内のコードの調査
Woocommerceのプラグインファイル内のコードを確認したので追記します。
①商品投稿画面の入力フォームのhtmlを見ると、ファイルのURLを登録する該当箇所のnameが【_wc_file_urls[]】となっている
②プラグインファイル内を【_wc_file_urls】で一括検索してみる
↓キャプチャ
イメージ説明

↓その中でカスタムフィールドに該当データを登録するために使っているのではないかと思った部分

php

1// Those are sanitized inside prepare_downloads. 2'downloads' => self::prepare_downloads( 3 isset( $_POST['_wc_file_names'] ) ? wp_unslash( $_POST['_wc_file_names'] ) : array(), // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized 4 isset( $_POST['_wc_file_urls'] ) ? wp_unslash( $_POST['_wc_file_urls'] ) : array(), // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized 5 isset( $_POST['_wc_file_hashes'] ) ? wp_unslash( $_POST['_wc_file_hashes'] ) : array() // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized 6), 7'product_url' => isset( $_POST['_product_url'] ) ? esc_url_raw( wp_unslash( $_POST['_product_url'] ) ) : '', 8'button_text' => isset( $_POST['_button_text'] ) ? wc_clean( wp_unslash( $_POST['_button_text'] ) ) : '', 9'children' => 'grouped' === $product_type ? self::prepare_children() : null, 10'reviews_allowed' => ! empty( $_POST['comment_status'] ) && 'open' === $_POST['comment_status'], 11'attributes' => $attributes, 12'default_attributes' => self::prepare_set_attributes( $attributes, 'default_attribute_' ),

的外れな部分をピックアップしていたら申し訳ありません。
その際は修正します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2020/03/03 08:48

Woocommerceのコードを見て、登録したい項目のカスタムフィールドがどのように登録されているかを確認されましたか?
bokupiroki

2020/03/03 14:07 編集

ありがとうございます。 確認した内容を追記しました。 「_thumbnail_id」の部分を「downloadable_files」にしてコードを試したと記載しましたが、データベースに倣ってアンダーバー付きの「_downloadable_files」に変えてみても何も起きませんでした。
退会済みユーザー

退会済みユーザー

2020/03/03 15:28

いいえ、データベースではなく、WooCommerceのコードのことを言っています。WooCommerceがどのような手順で該当のカスタムフィールドを登録しているかがわかれば、同じ手順でカスタムフィールドを登録するコードを書けばいいはずです。
退会済みユーザー

退会済みユーザー

2020/03/03 15:31

データベース内に格納されているデータからして、複数のデータをシリアライズして、格納しているようなコードがあるのではないでしょうか。
bokupiroki

2020/03/03 16:50

ありがとうございます。 Woocommerceのプラグイン自体のコードということでしょうか。 追記しました。
guest

回答1

0

以下の様な手順で実装できるかもしれません。(WooCommerceの機能には詳しくないので、もしかしたら手間な方法かもしれませんが、一案ということで)

(1)投稿を更新する時に動作するアクションフックに独自関数を登録
(2)ACFで独自のカスタムフィールドを作成
(3)(1)の関数内で、(2)のカスタムフィールドの値を読み取り、WooCommerceの'_downloadable_file'カスタムフィールドに格納(このとき、_downlodable_file内のデータ形式にそった形で格納すること)

以上が「初回登録時」のおおまかな流れです。(更新・削除は別途検討する必要があります)

実際に実装しようとすると、難しい部分が出てくるかもしれませんが、適宜調べて段階を踏んで実装してみてはいかがでしょうか。

投稿2020/03/04 02:30

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

bokupiroki

2020/03/04 15:14

ありがとうございます。 ご提案頂いた方法を調べつつ、同時並行でほかの方法も模索しながらチャレンジしてみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問