AMP対応ショートコード（自作）をAFFINGER4で増やす方法

目次に行く･戻る

アイキャッチ画像：AFFINGER4公式HP（https://the-money.net/）のスクリーンショットです。

AFFINGER4では標準でAMP対応機能が備わっています。

そんな中で、自分で作成したショートコード（[ adsense ]←こんなのね）は標準で備わっている投稿ページを一括してAMP対応する。をしても自作ショートコードはAMPページには変換されませんでした。

過去記事を全部書き直すのはちょっと重労働かつ時間がかかってしまいます。

なので、なんとかできないものかとコードを眺めること…。で解決できました。

スポンサーリンク

具体的にAFFINGER4で自作ショートコードをAMP対応ページでも変換させる方法です。

AFFINGER4のAMP用のテンプレートでfunctions-amp.phpというのがあります。

その中を覗いてみると一番下にショートコードに関する変換コードが記載されています。

ここの部分です。

if ( ! function_exists( 'amp_shortcode_st_amp_ad' ) ) {
 function amp_shortcode_st_amp_ad( $atts, $content = '' ) {
 if ( ! amp_is_amp() ) {
 return '';
 }

ob_start();
 get_template_part( 'st-ad', 'amp' );

return ob_get_clean();
 }
 }
 add_shortcode( 'st-amp-ad', 'amp_shortcode_st_amp_ad' );

if ( ! function_exists( 'amp_shortcode_adsense' ) ) {
 function amp_shortcode_adsense( $atts, $content = '' ) {
 return amp_shortcode_st_amp_ad( $atts, $content );
 }
 }

この部分で元々機能として備わっていた[ adsense ]というショートコードを、

AMP対応ページにした時でも、
AMP用にアドセンスのショートコードを見事に変換してくれています。

そんなことを解読！？したので…。

自分で作成したアドセンスのショートコード[ adsense1 ]とかを、

AFFINGER4でデフォルトで備わっているAMP対応にさせた場合に、
自動的に変換させてもらおうと考えました。

if ( ! function_exists( 'amp_shortcode_st_amp_ad' ) ) {
 function amp_shortcode_st_amp_ad( $atts, $content = '' ) {
 if ( ! amp_is_amp() ) {
 return '';
 }

ob_start();
 get_template_part( 'st-ad', 'amp' );

return ob_get_clean();
 }
 }
 add_shortcode( 'st-amp-ad', 'amp_shortcode_st_amp_ad' );

if ( ! function_exists( 'amp_shortcode_adsense1' ) ) {
 function amp_shortcode_adsense1( $atts, $content = '' ) {
 return amp_shortcode_st_amp_ad( $atts, $content );
 }
 }