WordPress

カスタムフィールドで追加した画像の出力方法【プラグインなし】

めっちゃつまずいたのでメモ。
日本語のチュートリアルが全然見つけられなかったのですが、ようやく解決しました^^;

カスタムフィールドの値を出力する方法という記事はたくさんあるのですが、
同じ方法で画像のURLを出力しようとしてもうまくいきません。

まず、プラグインは全く使わずにカスタムフィールドを導入したかったので、
こちらの記事を参考にカスタムフィールドへの画像アップロードを設定しました。
【WordPress】プラグインなしでカスタム投稿タイプにカスタムフィールド(テキスト&画像)を追加する方法

入力とDBへの保存はうまく行ったのですが、タイトルは出力できても画像のURLの取り出し方がわからなかったんですが、下記のように書いてなんとか解決しました。

single.php

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post();
/* ループ開始 */ ?>
<h3><?php the_title(); ?></h3>
<p class=”post-date”><?php the_time(“Y年m月j日”) ?></p>
<?php the_content(); ?>
<?php
$custom_fields = get_post_meta( $post->ID , ‘hoge_name’ , true );
if(empty( $custom_fields ) === false){ ?>
//カスタムフィールド「名前」を出力
<p><?php echo get_post_meta($post->ID, ‘hoge_name’, true); ?></p>
//カスタムフィールド「画像」のURLを取得して画像を出力
<p><img class=”hogeimg” src=”<?php
$hoge_thumbnail = get_post_meta($post->ID,’hoge_thumbnail’,true);
echo wp_get_attachment_url($hoge_thumbnail) ?>” alt=””></p>

<?php } else { ?>
カスタムフィールドが入ってないときの処理
<?php } ?>

<?php endwhile; ?>
<?php else : ?>

<h3>記事がありません</h3>
<p>表示する記事はありませんでした。</p>

<?php endif; ?>

独学だと右往左往になってしまって学習の順序がおかしいなぁと常々思うことではありますが
もう気にしないでやりたいことをとにかく実装できるようになる事を念頭に置いてます。
全部理解するなんて無理!って割り切ってしまいます。

 

ABOUT ME
horney
子育てとフリーランスとWebデザインとまちづくり。 相互理解を深めてみんなハッピーで暮らせたらいいよね。