teratail
回答率
85.29%
質問するログイン新規登録
トップ392に関する質問フロントエンドからカスタムフィールドの画像を更新したい【WordPress】

編集履歴

質問編集履歴

5

参考記事の追記

2019/11/26 11:33

投稿

pineappleman
pineappleman

スコア26

title CHANGED
File without changes
body CHANGED
@@ -73,4 +73,10 @@
73
73
  [【WORDPRESSカスタマイズ】MEDIA_HANDLE_UPLOAD()を使って画像投稿する自作フォームの作り方](https://liberty-dock.com/business_post/%E3%80%90wordpress%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%80%91media_handle_upload%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%94%BB%E5%83%8F%E6%8A%95%E7%A8%BF%E3%81%99%E3%82%8B/)
74
74
 
75
75
  参考3.
76
- [wordpressのwp_handle_upload関数を使ってローカルファイルをメディアへアップロードする](https://systemdevs.hateblo.jp/entry/2018/10/19/171044)
76
+ [wordpressのwp_handle_upload関数を使ってローカルファイルをメディアへアップロードする](https://systemdevs.hateblo.jp/entry/2018/10/19/171044)
77
+
78
+ 参考4.
79
+ [MEDIA_HANDLE_UPLOAD()を使って画像投稿する自作フォームの作り方](https://liberty-dock.com/business_post/%E3%80%90wordpress%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%80%91media_handle_upload%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%94%BB%E5%83%8F%E6%8A%95%E7%A8%BF%E3%81%99%E3%82%8B/)
80
+
81
+ 参考5.
82
+ [ACF Upload Image in front-end with custom form](https://wordpress.stackexchange.com/questions/282586/acf-upload-image-in-front-end-with-custom-form)
392

4

post.php

2019/11/26 11:33

投稿

pineappleman
pineappleman

スコア26

title CHANGED
File without changes
body CHANGED
@@ -35,8 +35,8 @@
35
35
  ### post.php
36
36
  ```php
37
37
  <div id="InfoForm">
38
- <form name="Info" id="Info">
38
+ <form name="Info" id="Info" method="post" enctype="multipart/form-data" action="updatetenpoinfoaction">
39
- <input type="hidden" name="post_id" value="<?php echo $post->ID;?>" >
39
+ <input type="hidden" name="post_id" id="post_id" value="<?php echo $post->ID;?>" >
40
40
  <input type="file" name="画像" multiple="false">
41
41
  <?php
42
42
  if (!empty($_FILES['画像'])) {
392

3

参考にした記事を追記致しました。

2019/11/26 11:27

投稿

pineappleman
pineappleman

スコア26

title CHANGED
File without changes
body CHANGED
@@ -57,4 +57,20 @@
57
57
 
58
58
  ### 私のレベルと懸念
59
59
  WordPressを深く理解しているわけではなく、書籍と検索で調べたコードを組み上げています。初歩的なミスもあるかと思います。
60
- 恐れ入りますがどうかご指摘頂けると幸いです。
60
+ 恐れ入りますがどうかご指摘頂けると幸いです。
61
+
62
+ ### 参考になりそうでわからない記事たち
63
+ 以下の記事はかなり回答に近いと思われましたが、私は理解ができませんでした。
64
+ なにが理解できないかと言うと、
65
+ 「どれをfunction.phpに書くことで再現できるか」
66
+ 同じく「どれをpost.phpに書くことで再現できるか」
67
+ という点です。
68
+
69
+ 参考1.
70
+ [フロントから画像をアップロードする](https://technopolis.fun/wordpress/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%81%8B%E3%82%89%E7%94%BB%E5%83%8F%E3%82%92%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B/)
71
+
72
+ 参考2.
73
+ [【WORDPRESSカスタマイズ】MEDIA_HANDLE_UPLOAD()を使って画像投稿する自作フォームの作り方](https://liberty-dock.com/business_post/%E3%80%90wordpress%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%80%91media_handle_upload%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%94%BB%E5%83%8F%E6%8A%95%E7%A8%BF%E3%81%99%E3%82%8B/)
74
+
75
+ 参考3.
76
+ [wordpressのwp_handle_upload関数を使ってローカルファイルをメディアへアップロードする](https://systemdevs.hateblo.jp/entry/2018/10/19/171044)
392

2

わかりやすい表現に文章修正。

2019/11/26 11:22

投稿

pineappleman
pineappleman

スコア26

title CHANGED
File without changes
body CHANGED
@@ -13,7 +13,7 @@
13
13
  初回質問時に回答を頂き、
14
14
  WordPress関数「[wp handle upload](https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_handle_upload)」を手がかりにコードを修正しました。
15
15
  しかし画像のアップロードがうまくいきません。
16
- メディアライブラリに画像が存在しないので、データベースに保存されない状況です。
16
+ メディアライブラリに画像が表示されないので、データベースに保存されない状況です。
17
17
 
18
18
  ### function.php
19
19
  ```php
392

1

頂いた回答を元に修正を試みたコードに変更致しました。

2019/11/26 10:48

投稿

pineappleman
pineappleman

スコア26

title CHANGED
File without changes
body CHANGED
@@ -3,9 +3,18 @@
3
3
  [https://teratail.com/questions/220558](https://teratail.com/questions/220558)
4
4
 
5
5
  WordPressで作成しているサイトがあります。
6
- フロントエンドからカスタムフィールドを更新しようとしたところ、画像のみうまくいきません。
6
+ フロントエンドからカスタムフィールドを更新（追加）しようとしたところ、
7
- テキストは更新できます。
7
+ 画像のみアップロードができません。
8
8
 
9
+ フロントからカスタムフィールド用の画像アップロードについて、
10
+ 助言を頂戴したく投稿致しました。
11
+
12
+ ### 改善2019/11/26追記
13
+ 初回質問時に回答を頂き、
14
+ WordPress関数「[wp handle upload](https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_handle_upload)」を手がかりにコードを修正しました。
15
+ しかし画像のアップロードがうまくいきません。
16
+ メディアライブラリに画像が存在しないので、データベースに保存されない状況です。
17
+
9
18
  ### function.php
10
19
  ```php
11
20
  add_action( 'wp_ajax_update_info', 'update_info',10,15);
@@ -15,7 +24,6 @@
15
24
  if( wp_verify_nonce( $my_nonce, 'UPDATEINFO' ) ){
16
25
 
17
26
  $post_id = filter_input( INPUT_POST, 'post_id', FILTER_SANITIZE_NUMBER_INT );
18
- //画像
19
27
  $画像 = filter_input( INPUT_POST, '画像', FILTER_SANITIZE_STRING );
20
28
  if( !empty( $画像 ) ){
21
29
  return update_post_meta( $post_id, '画像', $画像 );
@@ -29,13 +37,24 @@
29
37
  <div id="InfoForm">
30
38
  <form name="Info" id="Info">
31
39
  <input type="hidden" name="post_id" value="<?php echo $post->ID;?>" >
32
-
33
- <input id="画像" name="画像">
40
+ <input type="file" name="画像" multiple="false">
34
-
41
+ <?php
42
+ if (!empty($_FILES['画像'])) {
43
+ require_once(ABSPATH . 'wp-admin/includes/image.php');
44
+ require_once(ABSPATH . 'wp-admin/includes/file.php');
45
+ require_once(ABSPATH . 'wp-admin/includes/media.php');
46
+ $this->attachment_id = wp_handle_upload( array( 'test_form' => FALSE, 'action' => 'updatetenpoinfoaction' ) );
47
+ if (is_wp_error($this->attachment_id)) {
48
+ $this->attachment_id = false;
49
+ }
50
+ }
51
+ ?>
35
52
  <input class="submitbtn" type="submit" value="情報を更新">
36
53
  <?php wp_nonce_field('UPDATEINFO'); ?>
37
54
  </form>
38
55
  </div>
39
56
  ```
40
57
 
58
+ ### 私のレベルと懸念
59
+ WordPressを深く理解しているわけではなく、書籍と検索で調べたコードを組み上げています。初歩的なミスもあるかと思います。
41
- 問題点をご教示頂けますと幸いです。
60
+ 恐れ入りますがどうかご指摘頂けると幸いです。
392