开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

向Wordpress上的AMP添加AMP折叠子菜单支持标志

AMP（Accelerated Mobile Pages）是一种开源的网页技术，旨在提供更快速的移动网页加载速度和更好的用户体验。它通过限制页面内容和使用特定的HTML、CSS和JavaScript规范来实现快速加载。

在WordPress上添加AMP折叠子菜单支持标志，可以通过以下步骤完成：

首先，确保你的WordPress网站已经安装并启用了AMP插件。AMP插件是一个官方提供的插件，可以将你的WordPress网站转换为符合AMP规范的版本。
打开WordPress后台管理界面，点击左侧菜单中的“外观”选项，然后选择“编辑器”。这将打开主题文件编辑器。
在主题文件编辑器中，找到并点击“header.php”文件。这是网站的头部文件，负责加载网页的头部内容。
在“header.php”文件中，找到<head>标签之间的位置。在这个位置添加以下代码：

<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>

这段代码将引入AMP折叠子菜单的JavaScript库。

保存并更新“header.php”文件。
接下来，在你想要添加折叠子菜单的页面或文章中，使用以下HTML代码来创建折叠子菜单：

<amp-accordion>
  <section>
    <h4>菜单标题1</h4>
    <div>
      菜单内容1
    </div>
  </section>
  <section>
    <h4>菜单标题2</h4>
    <div>
      菜单内容2
    </div>
  </section>
</amp-accordion>

在这个示例中，你可以根据需要添加更多的菜单项。

保存并更新页面或文章。

现在，你的WordPress网站上的AMP页面将支持折叠子菜单。当用户在移动设备上访问这些页面时，菜单将以折叠的形式显示，用户可以点击标题来展开或折叠菜单内容。

腾讯云相关产品和产品介绍链接地址：

腾讯云主页：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
视频直播（CSS）：https://cloud.tencent.com/product/css
音视频处理（VOD）：https://cloud.tencent.com/product/vod
网络安全（SSL 证书、DDoS 防护）：https://cloud.tencent.com/product/cert
云计算网络（VPC）：https://cloud.tencent.com/product/vpc

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

WordPress 技巧：从自定义文章类型菜单下移除自定义分类子菜单

假设我们创建了一个 product 的自定义文章类型，然后又创建了一个 product_category 自定义分类，并且关联上了 product 这个自定义文章类型，这样在后台 product 自定义文章类型菜单下就有 product_category 的子菜单。

02

WordPress 教程：WordPress 角色和权限终极指南

WordPress 在 2.0 版本中引入了角色和权限（Roles and Capabilities）系统，以前的用户等级的方法（User Levels）已经被弃用。但是还是有很多插件和主题仍然使用用户级别的方法来控制用户查看设置页面和其他功能。所以这篇指南将详细介绍 WordPress 的角色和权限系统，最终将让你在你的插件和主题中能够正确使用。

03

WPJAM Basic 扩展 - Rewrite 优化：一键优化 WordPress 页面重写规则

WPJAM Basic「Rewrite 优化」扩展主要有两个功能，第一罗列出 WordPress 现有的所有 Rewrite 规则，并且还可以添加自己的一些额外规则，第二支持删除 WordPress 现有的一些无用的 Rewrite 规则，加快 WordPress 加载速度。

02

记一个“奇葩”需求的实现

1、前言我们这边没有专门的产品经理，UI对产品的设计基本具有决定权，说实话，是有那么一点可怖的（前后改了很多次，差一点就改回原版了，我自己都觉得不好意思了🤣）。 🤔有没有一种可能：我们UI体验过的产品少，缺少对产品以及用户行为的认识。设计出来的东西看似很华丽，其实缺失很多场景下的分析，不切合实际，这也正是产品经理需要做的工作之一。大多数人说的“用户体验”或许只是主观的、想当然的（俺也一样😮）。自从接触互联网开始我就在有意的学习怎么做产品，期间还考虑过转产品，永远不要拿业余的跟专业的比，没什么可比性，不成

01

纯代码屏蔽WordPress后台无用项让你的后台更加简洁

根据自己的需要，将下面代码添加到当前主题functions.php或functions-diy.php文件中

02

关闭WordPress自动更新和后台更新检查的代码,管理员后台界面修改

在使用的主题 functions.php 文件添加如下代码就可以关闭 WordPress 自动更新和后台更新检查

00

关于 WordPress SEO，你只要这两个功能就够了

网上总有人把 SEO 说得很玄乎，我之前写过 WordPress SEO 的一个简单使用指引，涉及到具体的 SEO 设置，其实也是非常简单的，只要你下载了 WPJAM Basic 插件，用好了其中的「简单SEO」和「百度站长」这两个扩展，就基本可以了。

02

JQuery笔记（三） jquery的用途

近期jquery的学习经历了一些反复：开始时觉得非常强大，比js好用，和css关系密切，一句话：完美。等到把《锋利的JQuery》看完，又有点不知道用它来干嘛了。Ajax功能强大，但我并不需要每个项目都用到；选择器方便、事件处理方便，但我似乎并没有那么多的客户端逻辑需要写。渐渐的，开始怀疑这个东西是不是又是一个看上去很美，实际上用不到的东西。　　不过，最近我算找到了我能够用到JQuery的地方：界面控制。我一直想找到一种比较适合自己的B/S的界面控制方式，要求是简单和灵活。看了很多博客的自定义界面的方

09

WordPress 5.8 将内置 WebP 图片格式支持

WebP 是 Google 早在 2010 年就提出的一种新的图片压缩格式，相比 JPEG 和 PNG 格式的图片，文件大小平均小了 30% 左右，从而使得网站的速度更快，使用的带宽也更少，根据 caniuse 网站的统计，目前所有现代浏览器基本都支持 WebP 了：

02

WordPress 和 GDPR 以及如何移除后台隐私相关的页面

「GDPR」是 (The European) General Data Protection Regulation 的缩写，翻译成中文是：「通用数据保护条例」，是欧盟议会和欧盟理事会在 2016 年 4 月通过，在 2018 年 5 月开始强制实施的规定。

02

WPJAM Basic 5.9 详细更新说明

昨天 WordPress 5.9 发布，我第一时间就升级了测试站点到 WordPress 5.9，经过一天的观察，没有发现什么问题。

03

WPJAM「评论增强插件」：支持评论点赞和评论置顶

我们知道 WordPress 评论功能好是好，但总觉差点什么，所以我想了想，可能是大家习惯了公众号的留言系统吧，希望也能和公众号的留言一样，可以点赞，管理员还可以置顶评论，所以按照这个需求做了一下，并且能名字也叫做：「WPJAM 评论增强」插件。

04

WordPress 全能分类管理插件：WPJAM Taxonomy

WPJAM「分类管理插件」是 WordPress 果酱出品的全能型分类管理插件，这个插件目前主要有七大功能：

02

QTreeView使用总结7，右键菜单

void customContextMenuRequested(const QPoint &pos);

05

一个函数就搞定 WordPress 设置页面开发

我在 WPJAM Basic 插件的介绍页面就说过，WPJAM Basic 是我们 WordPres 果酱团队进行二次开发的基础，甚至花生小店这么复杂的电商小程序 SaaS 平台就是在 WPJAM Basic 的基础上开发出来的。

02

Unity Odin从入门到精通（二）：创建编辑器窗口「建议收藏」

前言：开发者可以使用Odin来快速地创建编辑器窗口，从而更加高效的组织项目中的数据。

03

站点选项 WordPress 插件：管理和删除无用的站点选项

新插件：「站点选项」，它可以让你查看所有非 WordPress 系统自动生成的站点选项，如果你觉得某个选项没有用了，可以直接删除它。

03

WPJAM Avatar：在 WordPress 后台自定义头像

该插件已经升级为 WPJAM 用户管理插件，并且也集成了自定义头像功能，直接启用即可。

02

WP125: WordPress 的 125×125 广告管理插件

现在很多博客都在侧边栏放置 125X125 的广告位，但是怎么管理这些广告位呢：如何实现广告轮转，广告过期了怎么处理？所以我们需要一个高效的广告管理工具，除了可以使用第三方的广告管理工具（比如：Google DFP，百度广告管家）之外，我们还可以使用 WP125 这个 WordPress 插件来管理博客侧边栏 125X125 的广告位。

01

WordPress 标签的固定链接可以使用 ID 吗？

如果标签没有设置别名，那么固定链接就会带有中文，然后被 urlencode 转义成下面的字符串：

02

VS Code 1.48 来了！支持Java 轻量模式

Visual Studio Code 1.48 稳定版（即 2020 年 7 月更新）已发布。此版本更新亮点包括：

01

贼好用的面板工具，带你玩转服务器！

想要玩转好自己的服务器，一个好用的服务器运维管理面板是必不可少的。通过一个面板来一键安装常用的工具，监控服务器的状态，都会为我们带来很大便利。所以了不起要给大家分享一个开源的 Linux 服务器运维管理面板——1Panel。

02

微信机器人详细介绍：开始使用

微信机器人是一个连接微信公众号的 WordPress 插件，可以根据用户发送的信息，匹配博客中相关的文章，并自动回复用户，让你在 WordPress 后台就可以对微信公众号进行管理，并对开发微信网页应用提供必要的支持。

02

WPJAM Basic 扩展：用户角色

先首先说明一下：「用户角色」是一个面向 WordPress 开发者的扩展，如果你只是 WordPress 普通用户，不能十分明白，也没关系，就先简单看看也好。😊 WordPress 有一个角色和权限系统，用来来验证用户是否有足够的权限来进行某种操作，这个系统首先给用户分分配角色（Role），然后给每个角色都分配一定的权限（Capabilities），而这个「用户角色」扩展，则把这个角色和权限系统做成可视化。用户角色安装好扩展之后，在用户的菜单下面就会有一个「角色管理」的子菜单，点击进去就会看到目前系统所

02

WPJAM「标题设置」：一键设置 WordPress 所有页面的页面标题

页面标题是整个站点最重要的地方，如果页面被搜索引擎索引了，在搜索结果中显示的就是页面的标题。WordPress 默认页面标题是一般是两种规则，首页是显示站点标题和站点副标题，而其他页面是当前的对象的标题和博客站点的标题，然后都是中间用「-」间隔开。

02

使用自建的 PHP 代理程序彻底解决 WordPress 429 Too Many Requests 问题。

现在 WordPress 后台更新或者下载点东西什么的，经常报：429 Too Many Requests。抓狂ing 😩 真的无限的烦恼，我之前在 Basic 插件中，内置了使用 WordPress 国内镜像下载更新包的功能，但是这个仅仅只能下载 WordPress 中文包，其他插件和主题的更新还是不支持。所以今天我花了点时间，彻底解决 WordPress 429 Too Many Requests 问题。首先说下原理，这个方法要求你首先有个国外的服务器，然后把一个 PHP 代理脚本放上去，然后

02

WPJAM 「图片集插件」：设置图片分类和通过分类快速筛选图片

WordPress 后台对图片的管理有点弱，没有分类，有时候找张图片也非常麻烦，网上有非常多的图片管理插件，做的非常好，但是我用起来总是不合心意，哈哈，要不我要的功能没用，要嘛其他功能一大堆。

02

让WordPress支持google AMP

06

WordPress 快捷管理工具条：WordPress Admin Toolbar Bookmarklet

当我们想要在 WordPress 撰写日志的时候，一般是需要到你博客的后台，登录之后，点击日志 > 撰写日志，然后开始写，如果每次都这样是比较麻烦的，当然我们可以直接把撰写日志保存到浏览器的工具栏上，但是如果下次想快速进入，又保存一个书签到浏览器的工具栏上？这样显然不是最好的解决问题的方法。

01

接口测试平台番外-正交工具2

如上图，我们删除了之前的接口调试菜单，因为接口调试功能已经作为主页了。取而代之的是新增了一个叫“小工具” 的菜单和它的子菜单-正交生成器，并且它的路由是/tools_zhengjiao/ （注意这个格式，千万不要写错）

04

删除WordPress后台的不用功能和菜单

1、以下是删除不用的后台功能模块： function example_remove_dashboard_widgets() { // Globalize the metaboxes array, this holds all the widgets for wp-admin global $wp_meta_boxes; // 以下这一行代码将删除 "快速发布" 模块 unset($wp_meta_boxes['dashboard']['

02

WPJAM Basic 扩展：相关文章

我很早之前就基于 WordPress 的标签和分类写过一个 WordPress 相关文章的插件，后来有个外国人，想利用它做个服务，那时候太穷，我就1万美元卖给他了，不过那个插件可以说是我爱水煮鱼博客的成名之作，很多人知道我的博客也是因为这个插件。

02

WordPress 一键式全站优化插件：WPJAM-Basic

WPJAM Basic 是我爱水煮鱼博客多年来使用 WordPress 来整理的优化插件，主要功能，就是去掉 WordPress 当中一些不常用的功能，比如文章修订等，还有就是提供一些经常使用的函数，比如获取文章中第一张图，获取文章摘要等。

06

这个简单的获取界面选项的函数，WordPress 竟然没有提供

在 WordPress 后台，我们可以通过 add_screen_option 往界面添加选项，比如 WPJAM Basic 插件的每个子菜单页面都有一句简介：

03

WordPress 首页文章如何使用分类过滤？

这是我碰到最多的需求了，博客首页的文章如何使用分类进行过滤，有些用户只想某几个分类的文章，而有些用户则不想显示某几个分类的文章。

02

WordPress 一键式全站优化插件：WPJAM-Basic

WPJAM Basic 是我爱水煮鱼博客多年来使用 WordPress 来整理的一键式全站优化插件，WPJAM Basic 主要功能有三个方面：

03

对 UAF 漏洞 CVE-2016-0167 的分析和利用

这篇文章将对 Windows 释放后重用（UAF）内核漏洞 CVE-2016-0167 进行一次简单的分析并构造其利用验证代码。该漏洞在 2016 年据报道称被用于攻击支付卡等目标的数据，并和之前分析的 CVE-2016-0165 在同一个补丁程序中被微软修复。针对该漏洞的分析和测试是在 Windows 7 x86 SP1 基础环境的虚拟机中进行的。

03

一文详解 WordPress Shortcode 简码

WordPress Shortcode 指的是使用[]包含的简码或者短代码，WordPress 会识别这些代码并根据它们定义的回调函数输出为内容。

02

WordPress后台仪表盘“概览”小工具添加其他文章类型数据

WordPress 的自定义文章类型是非常好的一个功能，允许我们根据需求创建和文章等类似的文章类型，每种文章类型都有自己的管理菜单和功能。如果你的网站拥有自定义文章类型，你肯定希望可以向文章、页面和评论一样，在仪表盘的【概览】小工具显示其他文章类型的数据，如下图所示：

02

WPJAM「文章置顶」：支持置顶文章排序和分类文章置顶的 WordPress 插件

我们知道 WordPress 默认就有文章置顶的功能，可以设置一些文章在首页的文章列表中置顶显示。该功能使用非常简单，分别可以在后台文章编辑页以及列表页面快速编辑中设置。下图就是后台文章列表页的快速编辑中设置：

04

在 WordPress 后台如何使用分类和标签进行过滤文章列表？

我们知道默认情况下，WordPress 后台文章列表，可以通过分类进行过滤，那么是否可以通过标签过滤呢？甚至自定义的分类呢？

03

最新iOS设计规范五｜3大界面要素：控件（Controls）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第5篇，介绍3大界面要素（栏、视图、控件）中的控件（Controls）。首先让我们回顾一下iOS的3大界面要素。 3大界面要素 (Interface Essentials) 大多数iOS应用都是由UI Kit中的组件构建的。UI Kit是一种定义通用界面元素的编程框架，这个框架不仅让APP在视觉外观上保持一致，同时也为个性化设计留有很大空间。UI Kit提供的界面组件有三类：栏（Bars），视图（Views），控件（Controls）。

03

【愚公系列】2023年10月 WPF控件专题 Expander控件详解

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

03

WordPress 打算 6.0 版本默认启用 WebP

WordPress 在 5.8 的时候开始支持 WebP 格式的图片，博主可以像 JPEG 图片一样在 WordPress 中上传和使用 WebP 图片。

04

WPJAM Basic 扩展：文章数量

关于列表页文章数量，WordPress 默认可以设置「博客页面至多显示多少篇文章」和「Feed中显示最近多少篇文章」：

02

WPJAM Basic 扩展 - 简单 SEO：简单快捷地设置 WordPress 站点的 SEO

WPJAM Basic 插件的「简单 SEO」扩展，简单总结就是设置简单快捷，功能强大的 WordPress SEO 扩展。

03

UGUI系列-实现层级菜单(Unity3D)

层级菜单在Unity中用到的并不多，主要是做分类的时候用的比较多，今天就给大家分享几个层级代码，扩充一下，写成插件也是不错的。

03

WordPress二次开发之插件界面

上一篇文章介绍了WordPress后台的常用样式，这次给大家分享的是利用WordPress开发一个插件界面效果图如下

02

WordPress 6.1 正式版已发布，最全新功能图文介绍

WordPress 6.1 正式版已发布，这是 2022 年的最后一个主要版本，带来许多新功能和改进。今天，WordPress大学分享下来自 WPBeginner 的文章，详细介绍WordPress 6.1的新功能。

03

【vite+vue3+Ts+element-plus】肩并肩带你写后台管理之主页面开发（侧边栏菜单生成、标签栏开发）

页面比较简单，主要分为左侧的菜单栏，顶部的导航栏（折叠左侧菜单，切换暗黑模式，员工账号名，退出登录），再下面的标签栏，之后就是主页面显示区域。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭