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

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

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

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

PHP

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

解決済

アップロード画像の値が保存できない

skipping
skipping

総合スコア0

WordPress

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

PHP

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

1回答

0評価

0クリップ

1639閲覧

投稿2018/08/10 05:19

編集2022/01/12 10:58

###問題
WordPrsssでuserがMedia uploeaderで画像を保存する方法を探しています。

「画像選択」→「保存」→「表示」

のうち「保存」だけできません。

###現状
「Anspress」というプラグインのuser投稿フォームにMedia uploeaderを作成しました。

ここで画像選択およびアップロードはできるものの、その値が投稿した記事に保存されません。

下記 functions.php の//Save部分です。

それ以外(upload.jsとanslist.php)は問題ありません。
//Save部分についてご査収頂ければ幸いです。
###コード
▼functions.php(画像選択と保存)

php

// Select image function my_media_script(){ wp_enqueue_media(); } add_action( 'wp_enqueue_scripts', 'my_media_script' ); // Media uploeader@Anspress askform function my_custom_question_field( $form ) { $form['fields']['image'] = array( 'html' => '<div class="select-img"></div> <div method="post"> <div class="image-upload-wrap"> <div class="image-preview-wrapper"> <img id="image-preview-1" src="http://sample.com/wp-content/uploads/2018/08/first-img.jpg"> </div> <input name="" id="upload_image_button-1" type="button" class="button upload_image_button" value="画像を選ぶ"> <input type="hidden" name="image1" id="image_attachment_id-1" value=""> </div> </div>', ); return $form; } add_filter( 'ap_question_form_fields', 'my_custom_question_field' ); // Save function question_mysave( $post_id, $post ) { global $validate; if ( empty( $validate ) ) { return; } $fields = $validate->get_sanitized_fields(); update_post_meta( $post_id, 'image', $fields['image'] ); } add_action( 'ap_processed_new_question', array( $this, 'question_mysave' ), 0, 2 ); add_action( 'ap_processed_update_question', array( $this, 'question_mysave' ), 0, 2 );

▼upload.js(Media uploeader呼び出し)

javascript

jQuery( document ).ready( function( $ ) { // Uploading files var file_frame; var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id var set_to_post_id = '<?php echo $my_saved_attachment_post_id; ?>'; // Set this jQuery('.upload_image_button').on('click', function( event ){ event.preventDefault(); // If the media frame already exists, reopen it. btn_id = $(this).attr('id'); btn_no = btn_id.replace('upload_image_button-' , ''); if ( file_frame ) { // Set the post ID to what we want //file_frame.uploader.uploader.param( 'post_id', set_to_post_id ); // Open frame file_frame.open(); return; } else { // Set the wp.media post id so the uploader grabs the ID we want when initialised //wp.media.model.settings.post.id = set_to_post_id; } // Create the media frame. file_frame = wp.media.frames.file_frame = wp.media({ title: 'Select a image to upload', button: { text: 'Use this image', }, multiple: false // Set to true to allow multiple files to be selected }); // When an image is selected, run a callback. file_frame.on( 'select', function() { // We set multiple to false so only get one image from the uploader attachment = file_frame.state().get('selection').first().toJSON(); // Do something with attachment.id and/or attachment.url here $( '#image-preview-'+btn_no ).attr( 'src', attachment.sizes.thumbnail.url ).css( 'width', 100 ); $( '#image_attachment_id-'+btn_no ).val( attachment.id ); // Restore the main post ID //wp.media.model.settings.post.id = wp_media_post_id; }); // Finally, open the modal file_frame.open(); }); // Restore the main ID when the add media button is pressed jQuery( 'a.add_media' ).on( 'click', function() { //wp.media.model.settings.post.id = wp_media_post_id; }); });

▼anslist.php(画像出力)

php

<figure> <?php $imageid = get_post_meta($post->ID, 'image1', true); $url = wp_get_attachment_url( $imageid ); echo '<img src="'.$url.'" alt="">'; ?> </figure>

###参考
プラグインページ
https://ja.wordpress.org/plugins/anspress-question-answer/

この問題について示されたページ
https://anspress.io/resources/faq/anspress-form-and-validation-api/

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

namda
namda

2018/08/10 06:22 編集

タイトルには「カスタムフィールドの値を保存するメソッドが理解できない」とありますが、問題は「画像アップロードが出来ない」のように見えます。改題するとより回答が得やすくなるでしょう。
skipping
skipping

2018/08/10 06:24

アップロードはできます。問題はアップロードした画像の値が、当該プラグインの投稿フォームにおいて保存されないことです。とは言えタイトルは仰るとおり分かりにくいですね。ご指摘感謝致します。
namda
namda

2018/08/10 06:30 編集

細切れ指摘で申し訳ないですが、より良い回答のためにWordPressのタグも追加してください。
skipping
skipping

2018/08/10 06:35

かしこまりました。ありがとうございます。

まだ回答がついていません

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

WordPress

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

PHP

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