WordPressのカスタムフィールドで記事上部に写真を埋め込む方法

このQ&Aのポイント
  • WordPressのカスタムフィールドを使用して、記事の上部に指定した写真を埋め込む方法について解説します。
  • カスタムフィールドでキーと値を指定することによって、記事ごとに異なる写真を簡単に表示することができます。
  • ただし、MovableTypeのようなファイル参照でのアップロード機能はデフォルトでは提供されていないため、プラグインを利用しましょう。
回答を見る
  • ベストアンサー

WordPressのカスタムフィールドについて。

WordPressのカスタムフィールドについて。 WordPressの投稿画面で、記事内ではなく、記事の上部という決まった部分に、記事ごとに指定した写真を埋め込みたいのですが、現状を見るにカスタムフィールドでキーと値を指定してするしかありません。 記事を書くのは自分ではなく、Web素人の方なので、カスタムフィールドにいちいち値を入力するよりも、MovableTypeのカスタムフィールドのように、ファイル参照で画像のアップロードができた方がよいのですが、そうのようなことは可能でしょうか? 仮に、ファイル参照でカスタムフィールドに値を入力できても画像がアップロードされていなければ意味がありませんので、その解決策も伺えたらと思います。 また、その他に何か方法はありませんでしょうか?

noname#172780
noname#172780

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

一つの記事に対して画像が一つならば、投稿サムネールの機能を使えばうまく実現できると思います。 http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_the_post_thumbnail また、カスタムフィールドを使うなら、 ・Custom Field Template http://wpgogo.com/development/custom-field-template.html ・Get Custom Field Values http://wordpress.org/extend/plugins/get-custom-field-values/ というプラグインを導入します。 [カスタムフィールドテンプレートの設定] ファイル参照ではなくテキストエリアとしてフィールドを定義します。 [写真] type = textarea rows = 10 cols = 50 tinyMCE = true mediaButton = true mediaOffVideo = true mediaOffAudio = true mediaOffMedia = true [投稿](記事を書く人が行う作業) 通常の投稿エリアと同じ要領で、写真フィールドに、画像を「アップロード」&「貼り付け」を行います。 [テンプレート] <?php echo c2c_get_custom('写真'); ?> とすると   <img src="貼り付けた画像" /> になります。 最近、 ・Simple Fields http://wordpress.org/extend/plugins/simple-fields/ という、MTのカスタムフィールドライクな(たぶんMTには遠く及ばない)プラグインも発見しましたが、使ったことはありません。

noname#172780
質問者

お礼

教えていただいた「Custom Field Template」というプラグインで、無事定位置に画像のアップロードが出来ましたできました。 これならMTのカスタムフィールドとまではいきませんが(形的に)、アップローダを利用した実装が可能です。通常のカスタムフィールドのように、いちいち画像のファイル名をキーに入力するような手間は省けますので、作業の効率アップも、WordPressに不慣れな方でも簡単に画像のアップロードが出来ます。 大変参考になりました。 回答ありがとうございました。

関連するQ&A

  • WordPressのカスタムフィールド検索について

    カスタムフィールドテンプレートのチェックボックスを使って入力した配列の値に対して、WP_Queryのmeta_queryではIN検索はできないのでしょうか? 「検索入力値の配列にカスタムフィールドの値が含まれる」ではなく 「カスタムフィールドの値の配列に検索入力値が含まれる」 「カスタムフィールドの値の配列に検索入力値の配列のいずれも含まれる」 「カスタムフィールドの値の配列に検索入力値の配列のいずれかが含まれる」 というような検索です 特に、cft_searchでは対応してない 「カスタムフィールドの値の配列に検索入力値の配列のいずれかが含まれる」 という検索を、WP_Queryのpost_typeやtax_queryと 絡めたかたちで実現したいのです

    • ベストアンサー
    • PHP
  • wordpress2.9.2のカスタムフィールドの値と、その値の保存日

    wordpress2.9.2のカスタムフィールドの値と、その値の保存日時を取得することは可能でしょうか? ちなみに、 ['meta_id']、というものは管理画面側では取得可能なのですが、 themeのphpファイルからは呼び出すことが出来ませんでした。 日時の取得が不可能であれば、この['meta_id']の取得でも構いません。 結果としてカスタムフィールドの値を保存順にソートするのが目的です。 よろしくお願いします。 ※wordpressの本家サイトのフォーラムに質問すべきだと思いますが、 パスワード記載のメールが今だに送信されてこない為、こちらに投稿させて頂きました。

  • Wordpress 投稿とカスタムフィールドの連動

    Wordpressについて質問です。 ・「メンバー」 ・「国」 といったカスタムポストがあり、 「国」のところで 日本/アメリカ/・・・・/ドイツ など、 いくつかの投稿をしている状態だとします。 「メンバー」のカスタムポストの投稿画面のカスタムフィールドで、 (基本的にカスタムフィールドテンプレートを利用しております) 「国」というドロップダウン項目があり、 ここに先ほどのカスタムポスト「国」で登録した投稿の一覧が選択肢と現れる、 という形を実現したいのですがプラグインもしくはデフォルト機能などで可能でしょうか? 理想としては、 <option value="投稿のID">国名</option> という形にしたいです。 また、もし可能であれば「メンバー」のカスタムポストで国を選択して登録した場合、 「国」のカスタムポストの所で登録したアイキャッチ画像が管理画面内でも表示されるようにしたいと思っております。 同様のやり方で、「メンバー」のカスタムポストに「仲の良いメンバー」のカスタムフィールド」があり、そこには「メンバー」の投稿一覧が選択項目としてあらわれる、などという形にしたいと思っております。 独自でカスタマイズしなければ難しそうでしょうか? ご教授いただけましたら幸いです。 よろしくお願いいたします。

    • 締切済み
    • PHP
  • WordPressでの画像アップロードについて

    WordPress ME2.0.2を使用しています。 サーバーにインストールし、エントリーまではできたんですが、画像のアップロードができません。 Wordperss Japanのサイトに掲載されている2つの対処法を行っても解決に至りませんでした。 そもそも本(WordPressでつくる!最強のブログサイト)を見ると記事投稿の画面で、画像のアップロードするフォームに「アップロード」「参照」「ファイル一覧」という3つのタブがあるんですが、私の見ている画面には「アップロード」しかありません。 インストールに何か問題があるのでしょうか? よろしくお願いします。

  • Movable typeのカスタムフィールド

    Movable Typeで10個ほどカスタムフィールドを増やして ウェブページの編集に利用していたのですが、 日を改めて編集しようと思ってウェブページの 編集画面をみると、カスタムフィールドで増やした 「画像」の項目がなくなっていました。 記事としては画像が登録されているようですが、 編集画面に表示されず、画像の変更ができなくて困っています。 もう一度カスタムフィールドで作り直してみても、 編集画面に現れてくれません。 ちなみに、「表示オプション」にも項目が出ていません。 このような現象をご存知の方はいらっしゃいますでしょうか。

  • WordPressカスタムフィールド非表示

    Advanced Custom Fieldsの設定について教えてください。 プロフィール出力の為のカスタムフィールドをつくりました。 カスタム投稿 LP だけに表示させたいです。 確かにLPだけに表示されるのですが、 他の固定ページ、投稿ページなどにも表示されてしまいます。 全文は出ないで延々ぐるぐる回っている状態です。 他のページには項目自体表示させないようにするにはどうすればいいですか? if(function_exists("register_field_group")) { register_field_group(array ( 'id' => 'acf_%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab', 'title' => 'プロフィール', 'fields' => array ( array ( 'key' => 'field_59cc5c6d61a1d', 'label' => '<b>タイトル</b>', 'name' => 'profile', 'type' => 'text', 'instructions' => '<br />LPに表示するプロフィール情報についてです。タイトル、プロフィール、画像を登録してください。', 'default_value' => '', 'placeholder' => '', 'prepend' => '', 'append' => '', 'formatting' => 'html', 'maxlength' => '', ), array ( 'key' => 'field_59cc5c8b61a1e', 'label' => '<b>プロフィール一覧</b>', 'name' => 'profileitiran', 'type' => 'textarea', 'instructions' => '<br />プロフィールをお書きください。', 'default_value' => '', 'placeholder' => '', 'maxlength' => '', 'rows' => '', 'formatting' => 'br', ), array ( 'key' => 'field_59cc5c9f61a1f', 'label' => '<b>画像</b>', 'name' => 'photo', 'type' => 'image', 'instructions' => '<br />写真を登録してください。', 'save_format' => 'id', 'preview_size' => 'thumbnail', 'library' => 'all', ), ), 'location' => array ( array ( array ( 'param' => 'post_type', 'operator' => '==', 'value' => 'lp', 'order_no' => 0, 'group_no' => 0, ), ), ), 'options' => array ( 'position' => 'normal', 'layout' => 'no_box', 'hide_on_screen' => array ( 0 => 'excerpt', 1 => 'discussion', 2 => 'comments', 3 => 'revisions', 4 => 'slug', 5 => 'author', 6 => 'send-trackbacks', ), ), 'menu_order' => 0, )); }

    • ベストアンサー
    • PHP
  • MovableType4 カスタムフィールドの設置

    毎度お世話になります。 MT4.2betaにてテンプレートを作成していますが、カスタムフィールドが設置できずに悩んでいます。 設定でカスタムフィールドを作成しテンプレートにタグを入れ、ブログ記事の編集画面で表示させ、保存しましたが、保存終了画面でフィールド入力欄が空になっており、うまく設定できません。 解る方いらっしゃいましたらアドバイス下さい。 お願いします。

  • Advanced Custom Fieldsの出力

    いつもお世話になっております。 wordpress3.4にAdvanced Custom Fieldsというプラグインをインストールしました。 wordpressの管理画面のカスタムフィールドにフィールドを新規追加し、投稿画面に入力、登録できるようになったのですが、プレビュー(ブラウザ上)での表示ができません。 色々なサイトで調べ、<?php echo post_custom('name1'); ?> のように記述すればよいそうなのですが、どのPHPファイルの、どこに記述すればよいのかわかりません。 また、フィールドが複数ある場合の記述もよくわかりません。(loopさせるのかな?) どなたかお教えいただけませんか。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • wordpressの個別ページに外部ファイルを‥

    wordpressの個別ページに外部javascriptファイルを使用して動画を貼り付けたいのですが、いまいち方法がわかりません。Custom CSS and JavaScriptプラグインを有効化して、カスタムフィールドに名前と値(http://~)をいれたのですがブログ記事に動画がつきません。何か別にphpファイルを用意してスクリプトを記述しないといけないのでしょうか? ちなみに貼り付けたいスクリプトはhttp://www.schick-jp.com/tvcmのサイトにあるものです。

    • ベストアンサー
    • PHP
  • MTからWPにインポートした記事はどのフォルダに?

    MovableTypeからWordPressへブログを移行するため MovableTypeの記事をエクスポートし、それを プラグインの「Movable Type and TypePad Importer」を使って WordPressにインポートしました。 正常にインポートできました。 以下、質問です。 インポートされた記事は WordPressのどこのディレクトリ(フォルダ)に入ったのでしょうか。 また、WordPressで書いた記事は、 WordPressの中のどのディレクトリに保存されているのでしょうか。 「wp-content」の中のディレクトリをいくつか開いてみましたが 見つかりませんでした。 また、画像のアップロード先に関して、 これまで、MovableTypeでは、画像は、 任意のフォルダの中に画像を全部入れる形でやってきまたが、 WordPressでは画像は「uploads」→「2015」→「05」と 月別のディレクトリにアップされていました。 MovableTypeのように一括で同じフォルダに入れたりとか 保存先のディレクトリを設定できたりするのでしょうか。

専門家に質問してみよう