AMP移動頁面上方頭部及下方底部加上代碼

發表留言 人氣: 362°c


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 );

相關文章:
1. AMP頁面錯誤修正
2. Google AMP加入Adsense廣告及Analytics分析統計
3. AMP新增分享按鈕及相關文章
標籤: , | 短網址