WordPressでAMP化するときに困ったこと


TAKAHIRO YAMADA
@rural_web
WordPressでAMP化するときに困ったこと

カスタムフィールドの値が表示されない

下記プラグインにてデフォルト出力されるものは$content(本文)に含まれているもの。
カスタムフィールドで取得表示させていた箇所が表示されてない現象に遭遇。

本文外にてカスタムフィールドを利用してsingle.phpなどを構築していたため、別途amp表示用のテンプレート(amp/templates/single.phpなど)に転用して表示。その際に、カスタムフィールド値は無視された。下記によると、

<?php global $post; ?>

の呼び出しが必要。


さっそく、転用させたテンプレート内に記述させたら表示できた。

wp_get_attachment_imageでのAMPエラー

同じく、上記プラグインにて。
content外で呼び出していたwp_get_attachment_imageによる画像出力でエラー。原因はただ<img>タグ使わないで!って話。AMPだと<amp-img>にしないといけない。

<?php echo wp_get_attachment_image($img,'full'); ?>

上記だと<img>タグで出力されるので、

<amp-img layout="responsive" src="<?php echo wp_get_attachment_image_url($img,'full'); ?>" width="100" height="60"></amp-img>

にして、回避。

コメントを表示 (0)

Comments

CAPTCHA


関連記事

WordPress

WooCommerce導入時に困ったこと

WordPressにプラグイン「WooCommerce」を導入する際に困ったことリスト。 条件タグ is_woocommerce()WooCommerce全体に対して適用させたい時。 is_shop( […]

by TAKAHIRO YAMADA
WordPress

プラグイン「Toolset Types」の使い方まとめ

Toolset Typesは、Wordpressでカスタム投稿タイプ、カスタムタクソノミー、カスタムフィールドを簡単に追加できるプラグイン。利用する機会があったので、書き残し。 2018年から有料版に […]

by TAKAHIRO YAMADA