wordpress的插件AMP页面如何插入广告

怎么安装Accelerated Mobile Pages插件我就不在这里多做介绍了，请移步：谈一谈在wordpress中使用AMP的技巧教程，目前在网上的AMP有很多版本，不乏商业版本，有些收费的是可以在后台设置广告的，无奈博主是愿意花冤枉钱，现在教大家如何通过修改文件完成广告设置。

第一步，用FTP登陆找到安装插件的文件夹，路径如下：

第二步，打开AMP里面的templates文件夹，这里就是AMP页面的源文件，因为我的广告都是自动广告（就是插入广告代码，广告商会自动投放广告在任何位置，谷歌广告就是这样），我这里只需要修改页头和页脚文件就行了。

首先我们打开页头文件header-bar.php，在代码最后面加入你的广告代码。

<header id="top" class="amp-wp-header">
<div>
<a href="<?php echo esc_url( $this->get( 'home_url' ) ); ?>">
<?php $site_icon_url = $this->get( 'site_icon_url' ); ?>
<?php if ( $site_icon_url ) : ?>
<amp-img src="<?php echo esc_url( $site_icon_url ); ?>" width="32" height="32" class="amp-wp-site-icon"></amp-img>
<?php endif; ?>
<span class="amp-site-title">
<?php echo esc_html( wptexturize( $this->get( 'blog_name' ) ) ); ?>
</span>
</a>
</div>
</header>
#这里放入你的广告代码

你也可以放置代码在页脚文件上，页脚文件有很多地方可以修改，比如说修改官方的链接地址，或者其他设置，都可以在页脚文件上修改；我们打开文件footer.php，放置代码如下：

#这里放入你的广告代码
<footer class="amp-wp-footer">
<div>
<h2><?php echo esc_html( wptexturize( $this->get( 'blog_name' ) ) ); ?></h2>
<p>
<a href="<?php echo esc_url( esc_html__( 'https://www.80mt.com/', 'amp' ) ); ?>">
<?php
// translators: %s is WordPress.
?>
</a>
</p>
<a href="#top" class="back-to-top"><?php esc_html_e( '返回顶部', 'amp' ); ?></a>
</div>
</footer>

通过以上的修改，基本我们可以实现AMP页面插入广告和修改页脚文件，有问题可以在本页留言，我有空会一一回复。

图片引用自网络

1 2 3