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

カスタム投稿タイプを導入する際のTIPS

WordPressにカスタム投稿やカスタムフィールド、カスタムタクソノミーを導入する際に検索したあれこれ。 function.phpで追加 プラグインを利用せず、カスタム投稿・カスタムタクソノミーをそ […]

by TAKAHIRO YAMADA