WP的Google AMP Html移動頁面，想在上方(頭部)或下方(底部)加上自定CSS、廣告、按鈕或分析統計等...代碼，這樣無須修改原佈景主題(模板)，就可以在不同的地方加入想做的效果。

首先在WordPress佈景主題的目錄，打開「functions.php」檔案，添加以下的代碼。

加在AMP頁的底部
//AMP Footer Page
function amp_moonlol_footer($amp_template) {
?>
Code Here
<?php
}
add_action('amp_post_template_footer','amp_moonlol_footer');

加在AMP頁的頭部

【註】如無法運作「head」修改為「header」

//AMP Head Page
function amp_moonlol_head($amp_template) {
?>
Code Here
<?php
}
add_action('amp_post_template_head','amp_moonlol_head');

AMP頁新增CSS編碼
//AMP CSS Style
function amp_moonlol_css_styles_fonts( $amp_template ) {
?>
#amp-moonlol-posts p amp-img {
margin-right:1em;
vertical-align: middle;
}
<?php
}
add_action( 'amp_post_template_css', 'amp_moonlol_css_styles_fonts' );

說明：

後方加上數字，顯示在不同的行列(位置)例如：

add_action('amp_post_template_footer', 'amp_moonlol_footer', 10, 2 );
add_action('amp_post_template_footer', 'amp_moonlol_footer', 3 );

AMP Hooks：https://ampforwp.com...