用QQ帐号登录应用中心QQ登录
Discuz! 应用中心

①AMP模板改造器常见问题

太赞了,安装就能使用,没有常见问题。

伪静态规则,放在默认规则的上方:
# APACHE AMP       
RewriteRule ^amp([^\.].*)?$ plugin.php?id=onexin_amp&rewrite=$1&%1

# Nginx Web Server       
rewrite ^([^\.]*)/amp([^\.].*)$ $1/plugin.php?id=onexin_amp&rewrite=$2 last;

# IIS 7.x及以上 Web Server(独立主机用户)
<rule name="onexin_amp">
<match url="^(.*/)*amp([^\.].*)?$" />
<action type="Rewrite" url="{R:1}/plugin.php\?id=onexin_amp&amp;rewrite={R:2}" />
</rule>


头部加JS或CSS:
<style amp-custom>
/* Generic WP styling */

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.amp-wp-enforced-sizes { max-width: 100%; margin: 0 auto; }
.amp-wp-unknown-size img { object-fit: contain; }

/* Template Styles */
.amp-wp-content, .amp-wp-title-bar div { margin: 0 auto; max-width: 525px; }
html { }
body { background: #fff; color: #353535; font-family: 'Times New Roman', Times, Serif; font-weight: 300; line-height: 1.75em; }
body { font-size: 1em; }

/**/
p, ol, ul, figure { margin: 0 0 1em; padding: 0; }
a, a:visited { color: #0a89c0; }
a:hover, a:active, a:focus { color: #353535; }
/* Quotes */

blockquote { color: #353535; background: rgba(127,127,127,.125); border-left: 2px solid #0a89c0; margin: 8px 0 24px 0; padding: 16px; }
blockquote p:last-child { margin-bottom: 0; }
/* UI Fonts */

.amp-wp-meta, .amp-wp-header div, .amp-wp-title, .wp-caption-text, .amp-wp-tax-category, .amp-wp-tax-tag, .amp-wp-comments-link, .amp-wp-footer p, .back-to-top { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
/* Header */

.amp-wp-header { background-color: #0a89c0; }
.amp-wp-header div { color: #fff; font-weight: 400; margin: 0 auto; max-width: calc(100% - 32px); position: relative; padding-top: 4px; }
.amp-wp-header a { color: #fff; text-decoration: none; }
.amp-wp-header .amp-site-title { vertical-align: top; line-height: 34px; }
.amp-wp-header .amp-wp-site-icon { background-color: #fff; border: 1px solid #fff; border-radius: 50%; }

/* Article */
.amp-wp-article { color: #353535; font-weight: 400; margin: 1.5em auto; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; }
/* Article Header */

.amp-wp-article-header { align-items: center; align-content: stretch; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1.5em 16px 0; }
.amp-wp-title { color: #353535; display: block; flex: 1 0 100%; font-weight: 900; margin: 0 0 .625em; width: 100%; }
/* Article Meta */

.amp-wp-meta { color: #696969; display: inline-block; flex: 2 1 50%; font-size: .875em; line-height: 1.5em; margin: 0 0 1.5em; padding: 0; }
.amp-wp-article-header .amp-wp-meta:last-of-type { text-align: right; }
.amp-wp-article-header .amp-wp-meta:first-of-type { text-align: left; }
.amp-wp-byline amp-img, .amp-wp-byline .amp-wp-author { display: inline-block; vertical-align: middle; }
.amp-wp-byline amp-img { border: 1px solid #0a89c0; border-radius: 50%; position: relative; margin-right: 6px; }
.amp-wp-posted-on { text-align: right; }
/* Featured image */

.amp-wp-article-featured-image { margin: 0 0 1em; }
.amp-wp-article-featured-image amp-img { margin: 0 auto; }
.amp-wp-article-featured-image.wp-caption .wp-caption-text { margin: 0 18px; }
/* Article Content */

.amp-wp-article-content { margin: 0 16px; }
.amp-wp-article-content ul, .amp-wp-article-content ol { margin-left: 1em; }
.amp-wp-article-content amp-img { margin: 0 auto; }
.amp-wp-article-content amp-img.alignright { margin: 0 0 1em 16px; }
.amp-wp-article-content amp-img.alignleft { margin: 0 16px 1em 0; }
/* Captions */

.wp-caption { padding: 0; }
.wp-caption.alignleft { margin-right: 16px; }
.wp-caption.alignright { margin-left: 16px; }
.wp-caption .wp-caption-text { border-bottom: 1px solid #c2c2c2; color: #696969; font-size: .875em; line-height: 1.5em; margin: 0; padding: .66em 10px .75em; }
/* AMP Media */

amp-carousel { background: #c2c2c2; margin: 0 -16px 1.5em; }
amp-iframe, amp-youtube, amp-instagram, amp-vine { background: #c2c2c2; margin: 0 -16px 1.5em; }
.amp-wp-article-content amp-carousel amp-img { border: none; }
amp-carousel > amp-img > img { object-fit: contain; }
.amp-wp-iframe-placeholder { background: #c2c2c2; background-size: 48px 48px; min-height: 48px; }
/* Article Footer Meta */

.amp-wp-article-footer .amp-wp-meta { display: block; }
.amp-wp-tax-category, .amp-wp-tax-tag { color: #696969; font-size: .875em; line-height: 1.5em; margin: 1.5em 16px; }
.amp-wp-comments-link { color: #696969; font-size: .875em; line-height: 1.5em; text-align: center; margin: 2.25em 0 1.5em; }
.amp-wp-comments-link a { border-style: solid; border-color: #c2c2c2; border-width: 1px 1px 2px; border-radius: 4px; background-color: transparent; color: #0a89c0; cursor: pointer; display: block; font-size: 14px; font-weight: 600; line-height: 18px; margin: 0 auto; max-width: 200px; padding: 11px 16px; text-decoration: none; width: 50%; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
/* AMP Footer */

.amp-wp-footer { border-top: 1px solid #c2c2c2; margin: calc(1.5em - 1px) 0 0; }
.amp-wp-footer div { margin: 0 auto; max-width: calc(100% - 32px); padding: 1.25em 16px 1.25em; position: relative; }
.amp-wp-footer h2 { font-size: 1em; line-height: 1.375em; margin: 0 0 .5em; }
.amp-wp-footer p { color: #696969; font-size: .8em; line-height: 1.5em; margin: 0 85px 0 0; }
.amp-wp-footer a { text-decoration: none; }
.back-to-top { bottom: 1.275em; font-size: .8em; font-weight: 600; line-height: 2em; position: absolute; right: 16px; }

.amp-wp-container { width: 100%; margin: 0 auto;}
</style>

Discuz!交流社区 | Discuz!程序下载 | Discuz!使用教程 | 我是Discuz!开发者 | 我是Discuz!分销商

Copyright ©2024Dismall.comAll Rights Reserved. 皖ICP备16010102号-4 增值电信业务经营许可证:皖B2-20200047

违法网站请勿向我司工作人员及应用开发者发起任何形式的服务请求,严禁使用Discuz!应用中心提供的应用从事任何非法活动

  应用中心操作、授权恢复等使用问题,联系应用中心客服|Discuz! 安装、升级、问题排查、定制,联系有偿服务客服

返回顶部