【WordPress】OGP画像設定をカスタムフィールドで登録した画像も出力できるように調整したメモ。

投稿のカスタムフィールドで画像を設定している場合、アイキャッチ画像も設定するのはめんどくさいので、カスタムフィールドで設定した画像をOGP画像として設定、もしカスタムフィールドに画像が設定してなかったら汎用OGP画像が出力されるようにした。

そのほかアイキャッチ画像が設定されていたらアイキャッチ画像を出力、アイキャッチ画像の設定がなかったら汎用OGP画像が出力されるように調整した。

<?php if (has_post_thumbnail()) : ?>
    <meta property="og:image" content="<?php the_post_thumbnail_url(); ?>">
    <?php elseif(is_single()): ?>
      <?php if (post_custom('thumbnail')) : ?>
        <meta property="og:image" content="<?php echo the_field('thumbnail'); ?>">
      <?php else : ?>
        <meta property="og:image" content="<?php echo get_template_directory_uri() ?>/assets/images/common/ogp.png">
      <?php endif; ?>
    <?php else: ?>
    <meta property="og:image" content="<?php echo get_template_directory_uri() ?>/assets/images/common/ogp.png">
    <?php endif; ?>
ABOUT US
yukipan
Web制作会社で働いてます。パンダとかリラックマとか、まあるいものが好き。好奇心旺盛で、何にでも興味をもってしまう。とりあえずやってみてから取捨選択するのがモットー。今はグリーンカレーとチャイと株式投資がブーム。