Google AMP 插件编辑 :修改主题色和页脚

Google AMP edit

上篇 《Google AMP 为 WordPress 博客移动网页的加载提速》 讲了通过 WordPress 官方提供的 AMP 插件来开启 WordPress 架构博客的 AMP 样式,这篇讲讲简单的“定制” Google AMP 插件编辑 ——复杂的我也不会。默认的 AMP 插件样板主题焦点色是 WordPress 的那个蓝色,页脚也仅有站点标题、 Power by WordPress 、 Back to top 三个模块。

修改主题色

在 WordPress 的控制台主题里面就有 AMP 的子项,只需要点开就会进入自定义 AMP 界面,很简单依次点下去就来到了这里,可以修改顶部文字的颜色和顶部/链接颜色,以及色调。我这里就选取了我网站的主色调进行修改的。

修改 AMP 模板主题色

Google AMP 插件编辑 :修改页脚

打开 WordPress 的控制台 – 插件 – 编辑就能编辑 AMP 插件。

Google AMP 插件编辑

找到 footer.php 这一项,在合适的位置添加一些东西或者自己重新自定义一些东西就行了。我这里是添加了友情链接。

<footer class="amp-wp-footer">
<div>
<h2><?php echo esc_html( $this->get( 'blog_name' ) ); ?></h2>
<p>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'amp' ) ); ?>"><?php printf( __( 'Powered by %s', 'amp' ), 'WordPress' ); ?></a><p>友情链接:<?php _e('<a href=http://sumpeter.cn/go.php?url=yiluyouni.ml/> 一鹿有你 </a>', 'amp'); ?><?php _e('<a href=http://sumpeter.cn/go.php?url=yswhs.me/> 壹拾伍画生 </a>', 'amp'); ?></p>
</p>
<a href="#top" class="back-to-top"><?php _e( 'Back to top', 'amp' ); ?></a>
</div>
</footer>

红色的字就是添加的内容。

发表评论

电子邮件地址不会被公开。 必填项已用*标注