emmet 是一个非常强大的 html 代码编写助力插件在项目开发的时候非常实用,需要手写几行的代码用 emmet 一行就搞定了。...由于它仅在 .html 文件中可以使用,而 React 等前端框架都是在 .js 或 .jsx 文件内写 html 代码。所以有些时候就不奏效了。...本文就是介绍如何做 .js/.jsx 文件中使用 emmet 编写 html 代码。...not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab' 保存文件后重新开打 .js/.jsx 文件,再试试就可以用 emmet 的方式编写 html
很早之前我使用 WordPress 做过一个叫做「iPad导航」的网址导航站点,基于这个站点,我开始了第一次创业。...首先说明一下,这是一个 WordPress 插件,理论上兼容所有的 WordPress 主题,但不能保证 100%,在 Autumn Pro 主题上是保证可以的,这是建立在 Autumn Pro 上面的演示...快速编辑和排序 上面的分步操作,也可以在列表页支持快速操作,所以你可以在列表页直接修改标题,图标,类型和链接等等,非常快捷方便。...如果需要对网址的显示进行顺序,也非常快捷,只需要拖动就能实现,因为网址的顺序是在某个分组下的顺序,所以首先在点击某个分组,然后点击排序那一栏下面的排序操作,向上,向下,或者直接拖动即可。...分组样式和排序 导航分组就是在界面上把网址导航分门别类显示,为了显示方便,我把分组强制设置为两级。
读者将会看到,由于 Tencent CIAM 提供了方便、快捷的配置功能以及对互联网认证协议的标准化支持,WordPress 管理者无需编写一行代码,只需通过简单的配置操作即可实现对 WordPress...在 CIAM 的 应用管理 栏目中新建或使用一个现有应用,完成如下配置。...再次访问 WordPress 登录页,点击 Login with OpenID Connect,在弹出的 CIAM 登录页上使用现有用户登录或注册新用户。...16.png 此时,再次访问 CIAM 登录页面,可以看到在原先账号密码认证的基础上新增了一个“邮箱登录”的选择。输入邮箱并点击“发送验证码”,即可通过邮箱中收到的一次性密码完成登录。...17.png 屏蔽 WordPress 登录页 当前,用户登录时会先访问 WordPress 的默认登录页,然后点击页面上的 Login with OpenID Connect 跳转到 Tencent
这是保持 WordPress 网站安全的最基本且最有效的方法之一。 有了这么多可用的专用插件,确保您的网站安全,尤其是在黑客首先攻击的地方,比您想象的要简单。 什么是验证码?...如何在 WordPress 中安装验证码 在 WordPress 网站上安装 CAPTCHA 的最快捷、最简单的方法是使用插件。...您甚至可能希望将多个 CAPTCHA 添加到同一页面。 与您使用的其他工具集成,例如博客评论部分或联系表格。...将它们复制并粘贴到 WordPress 插件设置页面上的相应框中。 在启用表单旁边,选择您想要 WordPress CAPTCHA 测试的位置。...这是我的登录页面现在的样子: 您应该在 WordPress 中的何处启用验证码? 使用 WordPress CAPTCHA 来保护用户输入信息的网站的任何部分是一个好主意。
wanzi.jpg 在线体验 直接扫码体验即可哈哈~欢迎大家建议。...另外在开始开发之前,我在服务端对WordPress REST API 进行了一些定制化的输出,这个很早就写了接下来几天我专门写个关于这个的文章吧这里就不细说了。...使用到WordPress 的REST API 就是 your-site.com/wp-json/wp/v2/posts?per_page={num}&page={num}。...id=' + id; wx.navigateTo({ url: url }) } 文章内页(文章详情页面) 文章页使用到的REST API URL是your-site.com...使用上,按照WxParse 的文档,在获取到文章数据后,经过html to wxml 的步骤后赋值到page data: // https://devework.com/wordpress-rest-api-weixin-weapp.html
加上这些Wordpress主题都是开源的,基本上可以在Github上找得到源码,安全性是没有问题,主题的作者也在不断更新当中。...(图片点击放大) 主题特性: 两种超大幻灯片方案,任你选择 博客/CMS两种风格任你选择 新增卡片式风格 新增产品相册功能 新增代码演示功能 新增前台弹窗登录功能 新增下载单页功能 为了保证代码以及短代码的延续使用...支持代码高亮,方便快捷插入与编辑代码 webp,SVG支持 支持webp,SVG上传、显示。...2、Lazyload 使用了开源库 jQuery-Lazyload,按需加载图片,优先加载缩略图或占位图,当图片显示在 viewport 上时才加载原图,提升网页加载速度。...5、支持 Bilibili 表情 后端请按提示切换后台为明亮主题(个人资料页切换),否则评论管理页将出现表情鬼畜。
首先如果你对 WordPress 简码这个功能有点陌生,建议你先看一下我之前的文章:一文详解 WordPress Shortcode 简码,这是在写文章时候非常方便的功能。...后台简码列表 除了集成这些常用的简码之外,常用简码扩展还在后台列罗出 WordPress 所有可用的简码: ---- WordPress果酱的知识星球 WPJAM Basic 插件项目页 下载 WPJAM...WPJAM Basic 详细介绍:可视化管理 WordPress 定时作业 08. WPJAM Basic 详细介绍:一页概览 WordPress 服务器系统信息 09....WPJAM Basic 详细介绍:一页展示 WordPress 所有 Dashicons 图标 10. WPJAM Basic 详细介绍:一键开启17个 WordPress 功能扩展 11....WPJAM Basic 扩展 - 简单 SEO:简单快捷地设置 WordPress 站点的 SEO 14.
我们访问平常的普通 WordPress 网页,在没有开启静态缓存的情况下,大概是走“从数据库拉取数据—> 服务端 PHP 进程拼成 HTML 直接输出 —> 用户浏览器界面”的过程, REST API...上面的URL 即表示输出第1页最新5篇文章的数据(5篇为1页)。这个URL 接下来将要用到。 微信小程序 微信小程序就不多介绍了,虽然刚开始不温不火,但接下来必然是在国内互联网占据一定的地位。...WordPress + 小程序 微信小程序通过 REST API 获取到 WordPress 网站上的数据,然后通过一定的方式在小程序端进行数据处理后通过前端代码渲染,然后就是你在微信客户端上看到的界面...id=' + id; wx.navigateTo({ url: url }) } 文章内页(文章详情页面) 文章页使用到的REST API URL是your-site.com...使用上,按照WxParse 的文档,在获取到文章数据后,经过html to wxml 的步骤后赋值到page data: // https://devework.com/wordpress-rest-api-weixin-weapp.html
OneNav 主题,一导航 集网址、资源、资讯于一体的 WordPress 导航主题 V1.1422 修复:站点建于子目录的一些链接跳转错误。...修复:首页限制显示数量网址块还有随机排列的问题 V1.1208 增加:可添加公众号二维码 增加:全局二维码显示 增加:网址详情页,网址的详细介绍需自行增加 增加:分类归档页 增加:首页分类显示网址数量设置...增加:广告位 修复:伪静态错误 修复:搜索页无翻页按钮 修复:一些错误 更新:bootstrap3 到最新的 3.4.1 使用说明:查看功能使用说明 V1.1121 增加:暗色主题(需在设置里开启)...增加:和风天气替换知心天气,自测和风加载速度快一些 增加:在编辑网址页增加 “添加图标” 快捷入口 增加:图标懒加载(需在设置里开启) 优化:网址块自适应 修复:精简后超长菜单栏不能滚动的问题 修复:精简后一些小问题...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
在 wordpress 后台插件-安装插件中输入 Google XML Sitemaps,就能找到了,能看到已经超过了一百万个安装量,点击安装并启用。...先停掉之前用的 sitemap 插件,然后在 wordpress 后台设置中点击 XML-Sitemap 就可以看到全部设置了。老魏也是第一次使用这个插件,摸索着来。...三、Change Frequencies(sitemap 更新频率) 这里主要是 sitemap 的更新频率设置,细化到了首页、日志页,独立页面、分类、存档、tag 页、作者页。...全都设置完毕后点击最下面的更新设置,Google XML Sitemaps 插件就自动更新你网站全部的 sitemap 了,大约几秒钟就成功了,确实方便又快捷。...在更换新的 sitemap 插件之后,老魏卸载了原来的地图插件,使用 F12 观察 network 载入速度有一定上升,结合网络上的说法 Baidu Sitemap Generator 插件占用资源较大
如果每个内部链接都要手工一个一个加上,那估计得累趴,另外目前世面上的内链插件都是自动在内容中查找关键字,然后加上链接,但是由于没有规律性,这类插件效率都有问题。...内部链接管理 安装好了插件之后,在 WordPress 后台就可以进行内部链接管理,把自己的常用的内部链接添加到列表中: 自动转换 #话题标签# 成内部链接 在 WordPress 后台输入: 前端显示为...: 如果定义的内部链接,直接跳转: WPJAM Basic 文章专题插件 如果是标签,则自动跳转到 WordPress 标签页: #WordPress 技巧# #WordPress 教程# #WordPress...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。
个大小博客的站长都用这个主题,但是当时不知出于何种原因作者直接消失(跑路)导致主题不可用,而且代码还有加密,bug都无法修复,当时我的站规模也算中等水平,切换了很多主题已发布的文章都无法兼容,所以我与其他使用的这个主题的博主共同解密和修复了这套程序...适用范围:wordpress主题、WordPress博客主题、VieuV4.5主题、Vieu主题、Dux主题。...:本站自主开发集成独立下载功能,支持自定义下载,回复后下载回复后可见:集成自定义内容回复后可见,且支持管理员可见,回复高效而快捷密码内容:支持文章自定义密码内容提取后可见,文章隐私安全有效文章评论验证:...加载特效,后台共提高8种加载样式可供选择文章收缩功能:文章太长可以开启自定义文章内容收缩功能,即阅读全文站外链接:加跳转集成文章站外链接不推广和独立跳转,轻松实现SEO优化特色上下页:原创特色文章上一页下一页跳转...,大大提高浏览效率文章左边栏:自主开发的文章页左边栏功能,显示标签二维码等和自定义广告特色相关推荐:自定义的两种风格文章相关推荐,为用户推荐感兴趣的文章文章点赞打赏:喜欢的用户可以给文章点赞,或者打赏一下作者维持收入全站广告支持
以此身份登陆 按注册时间排序 用户最后登录时间 自定义用户头像 默认用户头像 屏蔽个人设置 WordPress后台个人资料用户可以设置「可视化编辑器」,「语法高亮」,「配色方案」,「键盘快捷键」,「工具栏...用户自定义头像 在后台个人资料页,用户可以自定义自己的头像。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。
插件主页 WP-Table 这个插件可以让你方便的创建和管理HTML表格.插件主页 Search Unleashed 增强WordPress搜索的插件...., 这个图片可以自动显示在每篇文章里面, 也可以通过WordPress模板代码添加....可以通过字数和文本来限制文章摘要长度,摘要可支持HTML标记, 但HTML标记并不会算入字符统计中....In-Series 这个插件方便用户把文章组织成为一个系列, 可以使用到表格或是上一页下一页链接. 更重要的是这个插件不需要你添加任何WordPress模板代码, 也不需要使用到PHP. 插件主页....这个WordPress插件可以在你的文章下面创建一个文本框, 里面显示该文章的快捷引用链接, 方便其它用户引用你的文章, 类似于视频网站的转贴代码.
使用 WPJAM Basic 进行 WordPRess 二次开发可以非常快,我们接的很多项目,在客户需求清晰的情况下,基本上一个晚上就可以搞定后台界面的开发,很多客户对此都会感到非常惊讶,对我们评价非常高...第二讲:一个函数就搞定 WordPress 文章选项开发 WordPress 文章选项是在 WordPress 后台文章编辑页面,给文章添加一些字段选项来实现功能,比如文章的 SEO 标题,关键字和描述等...WordPress 文章选项开发有点烦 如果我们使⽤ WordPress 原⽣的代码在⽂章编辑页⾯创建文章选项的话,需要两步: 使用 add_meta_boxes 函数创建文章选项的表单: function...使用 WPJAM BASIC 创建文章选项 我们继续使用一个函数就搞定 WordPress 设置页面开发里面创建的「WPJAM SEO」插件来演示怎么创建文章选项,今天我们会演示创建文章的 SEO 选项...设置」按钮也可以进行同样的设置: 在页面上使用文章选项 创建了选项之后,那么我们就要把他们用起来,WordPress 提供了获取自定义字段的函数: get_post_meta($post_id, $met_key
网页预览 4.Wizard – 响应式HTML5网页设计模板 ?...网站预览 5.Next – 响应式HTML5网页设计模板 ?...推荐指数:★★★★★ 亮点: 创意背景图推入设计 简约直观的设计风格 该款响应式HTML5网页设计模板,通过创意的背景图推入设计,视频的添加以及简约设计风格的使用等等,让整款设计简洁而易用。...网站预览 7.Full Page - 全屏HTML5网页设计 ?...推荐指数:★★★★★ 亮点: 极具视觉表现力的视觉滚动差设计 高清大图展示与分享 该款WordPress网页设计模板除了使用了极具视觉效果的视觉滚动差设计,还通过高清大图展示和分享相关故事和员工详情。
WordPress 果酱知识星球所有插件已经30多款了,这些插件都是我们开发商业网站的基础,也是我们构建花生小店这个电商小程序 SaaS 系统的基础,绝非是世面上的那些胭脂俗粉,都是经过大流量测试和商业验证的插件...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。...文章隐藏 设置文章在列表⻚不显示,并且可以根据不同平台进行设置 Meta Data 可视化管理 WordPress Meta 数据,支持所有内置的 Meta 数据: Post Meta,Term Meta...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。
在介绍了 WordPress 主题的一些规则和术语,以及对 WordPress 模板和模板文件了解之后,现在是开始动手创建 WordPress 主题了的时候。...> 是一个 PHP 函数,它能取得 style.css 文件所在的路径,这样主题就能使用 style.css 文件来样式化页面上的所有元素。 任何时候,PHP 代码都是在 html> 是网页结束的地方,没有东西在它的后面了。 第4步:创建 style.css。...打开浏览器,在地址栏输入输入 http://localhost/wordpress/wp-login.php,然户登录到你的 WordPress 管理后台。...现在打开一个新的浏览器或者标签页(如果你的浏览器支持标签页浏览)并在地址栏输入 http://localhost/wordpress。你应该得到一个空白页面,恩,完全空白的页面。
它对电子商务进行了特殊的支持,使用多合一电子商务平台来建立的商店支持在线销售。同时,你也可以让您的产品在您的在线商店、Facebook、Instagram 和亚马逊上可用。...它是一个 WordPress 插件,它需要一个 WordPress 站点才能运行。 Elementor 允许您像完整的拖放式网站构建器一样使用 WordPress(主要用于博客和发布的内容管理系统)。...码良 一个在线生成h5页面并提供页面管理和页面编辑的平台,用于快速制作H5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。...它的主要技术栈是VUE,代码在码云上开源。...方便开发和运营不同角色使用 在线预览 二维码预览 可导入psd 支持pc端和移动端 VvvebJs 一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己需要的网页样式,内置
WordPress 在 5.5 版本实现了图片延迟加载(懒加载),然后在 5.7 版中扩展到 iframe 中,WordPress 5.9 版本又对延迟加载的实现进行了一些微调以提高性能。...WordPress 希望开箱即用,所以新增一个新函数,并在函数内设置了一个计数器,以便可以跳过给页面上的第一个“内容图像或 iframe”设置懒加载。...文章的详情页和列表页都适用,在文章详情页,当前文章的第一个图片和 iframe 不是懒加载的,而在文章列表页,则所有文章的的第一个图片和 iframe 不是懒加载的,如果第一个文章没图和 iframe,...自定义 因为大多数大多数主题是使用单列布局来显示文章的,所以不懒加载第一个内容中的图片或 iframe 可以增强了页面的 LCP 性能,而对于多列布局的主题,WordPress 现在提供了新的 wp_omit_loading_attr_threshold...例如,在列表页使用三列布局的主题就可以利用过滤器将列表页面上的该阈值修改为 3,这会让前三个内容图片/iframe 不会被懒加载: add_filter('wp_omit_loading_attr_threshold
领取专属 10元无门槛券
手把手带您无忧上云