文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

WordPress主题中加载jQuery的最佳方法

原因很简单，HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript，放在子主题的functions.php文件中。...在子主题的文件夹中，创建一个名为js的文件夹，然后把需要的JavaScript文件放在里面。路径应该是这样子：child-theme-directory/js/filename.js ?...在Wordpress中注册prism.js 速度优化 在下面的代码片段中，我们先把WordPress中默认自带的jQuery库取消注册，然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?

3K31
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    不到50行代码就能实现一个 WordPress 主题的选项框架

    使用 WPJAM Basic 进行 WordPRess 二次开发可以非常快，我们接的很多项目，在客户需求清晰的情况下，基本上一个晚上就可以搞定后台界面的开发，很多客户对此都会感到非常惊讶，对我们评价非常高...但是还是有些同学觉得难以上手，所以今天想了一下，就简单更新了一下 Sweet 主题，并且出了一个主题的选项开发框架，并且不到50行代码。 什么意思呢？...一般来说新人接触 WordPress 开发，最早肯定是想自己做一个 WordPress 主题，而做 WordPress 主题，在后台做一个设置选项页面，然后在主题中调用这些选项是最繁琐。...现在网上有很多这方面适合二次开发的选项框架（Option Framework），所以我把 Sweet 主题这部分代码单独整理成一个文件，然后只需要修改或者增加设置的选项字段，和其他的一些名字即可直接使用.../inc/option.php'; 然后我们先看看效果，目前在后台增加了一个「主题设置」的后台主菜单： 「主题设置」这个名字和左边的图标，你可以修改成你主题的名字即可，修改的位置大概在30行，相关的代码

    45840

    过时但仍值得学习的选项卡TabHost

    今天来了解一个过时的组件，了解的目的不是学会用起来开发，而是了解这种界面的设计和其特点，后期可以用其他方式来替代。...与TabHost结合使用的有如下2个组件。 TabWidget：代表选项卡的标题条。 TabSpec：代表选项卡的一个Tab页面。...TabHost仅仅是一个简单的容器，它提供了如下两个方法来创建、添加标签页。 newTabSpec(String tag)：创建选项卡。...二、继承TabActivity实现 通过继承TabActivity类，使用TabHost的一般步骤如下。 在界面布局文件中定义TabHost组件，并为该组件定义该选项卡的内容。...调用 TabActivity 的 getTabHost()方法获取 TabHost 对象。 通过TabHost对象的方法来创建、添加选项卡。

    1.9K90

    免费的 WordPress 后台选项框架：Redux

    先来说说什么是 WordPress 后台选项。通常来说，正规的主题或者插件，都会有一个选项设置页面可供用户来填写一下信息或者启用某些功能等，然后填写的参数就会存储以供插件或者主题调用。...对于一个正规的主题或者是功能强大的插件来说，后台选项页面是必须的组件。 后台选项往往有很多表单等，需要精心设计一下同时还需要保存相关数据。这样必不可少的就有很多工作需要做。于是就有了后台选项框架。...后台选项框架往往会带有样式和表单交互，同时会保存数据并提供文档说明数据的调用方式。应用后台选项框架，就可以大大的减少一部分工作量。...Redux 就是这样一个简单的、可扩展的并且响应式设计的 WordPress 主题或者插件选项框架。...它使用了 WordPress 的设置相关的 API 开发，同时支持大量的字段类型以及自定义错误处理、自定义字段、验证以及导入/导出等功能。

    97520

    WordPress主题模板的制作技巧

    前几篇文章小编分别介绍了PageAdmin、帝国、Ecshop这些国内知名建站系统的模板制作和修改，今天小编给大家介绍国外很有名的个人博客系统：wordpress的模板制作。...相对于其他几个建站系统，wordpress模板制作稍微就复杂一点，wordpress的制作需要熟悉php编程，本片文章重点说一下数据的调用。 wordpress模板制作之标题调用 纯粹是调用文章标题，可以用在文章和列表页 wordpress模板制作之列表调用 的时候，执行下面 the_post() 这个函数。the_post() – 调用具体的日志来显示。...因为 the_post(); 在 if() 和 while() 的外面，只需要分号去结束或者关闭。 wordpress模板制作之文章页调用 <?php if(have_posts()) : ?

    1.1K30

    WordPress子比主题保存设置时出现function()错误的解决办法

    相信很多人在使用wordpress建站的时候会使用界面好看并且功能丰富的网站，子比可能会考虑下，但是大家在使用的过程中多多少少会出现一些问题，当然这也并不是主题的原因，只是我们并没有了解一些小知识导致的困扰...今天就来跟大家聊聊在子比主题保存设置时出现“function(){return o&&u(n,o),(s.migrateIsPatchEnabled(n)?...r:a||s.noop).apply(this,arguments)}”的错误提示无法修复该怎么办。...很有趣的是，很多知名网站的大佬都有在讲述自己的一些经验教训，但是事实上都没有解决根本问题，你觉得只是你的某个设置里的问题吗？是可以通过关闭防火墙解决的吗？...这样设置的好处是不需要完全关闭防火墙，在保证站点安全的情况下，还能让自己的后台设置游刃有余。如果今天的分享帮助到你，请给我一个赞，以支持我的原创创作！

    1.5K21

    一款简洁优雅的wordpress主题（Vmeng主题）

    关于主题作者。狂放小朋友大概是博客群里面为数不多的让我敬佩的对象，小小年纪，各种技术玩的贼溜，认识他的时候应该是我进群不久，发现他似乎各方面都有涉猎。...关于Vmeng主题。 1、简洁的设计，优雅的体验 Vmeng采用三色(白+两个蓝+灰白背景)设计，页面简洁不失优雅。...懿古今群主之前曾做个测评调查，关于主题选择方面，大多数博客新人毅然选择简洁明了的主题。 2、简便的扩展，强大的功能 作者在主题上开发了扩展函数，可以更简便的为主题扩充功能。...系统集成了一些常用的小工具，诸如短代码、标题导航、主题选项等博客刚需小工具，主题一经启用，它们随时为您服务。...同时主题完美支持PHP最新7.2版本，完美使用Ajax翻页及评论，最前沿的环境适配，最畅快的使用体验。 如何购买这么牛叉的主题？ 作者正在促销，原定价59元，如今只需39元。支持支付宝和微信付款。

    93510

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

    新插件：「站点选项」，它可以让你查看所有非 WordPress 系统自动生成的站点选项，如果你觉得某个选项没有用了，可以直接删除它。...缘起或动机 我们知道很多插件或者主题，都有选项设置，有选项设置就会在 WordPress Option 表里面插入一些数据，如果这些插件或者主题不用的话，这些加入到 Option 表里面的数据一般都还会留在那里...管理站点选项 安装好之后，在 WPJAM 菜单下会多出一个「站点选项」的子菜单，点击进去，即可查看你站点所有非 WordPress 系统自动生成的选项： 如果选项存储为字符串或者非序列化存储，则直接显示...，如果存储为序列化数据，则显示为 SERIALIZED DATA ，点击查看则会把该序列化数据打印出来： 对于这些数据，如果你觉得没有任何用了，都可以删除，不过这些选项可能是你的主题或者其他插件生成，...站点选项 查看和管理所有非 WordPress 系统自动生成的站点选项。 如果你觉得某个选项无用，可以直接删除它。 后台论坛 WordPress 后台论坛，支持创建帖子，分组，消息。

    1.7K30

    免费开源的Argon博客主题 – 简约流畅的WordPress主题模板

    后台可一键更新，如更新失败可以去 Github Release下载回来覆盖】 模板大小：2MB 适用版本：wp5.42+ 特性 使用 Argon Design System 前端框架，轻盈美观 丰富的自定义选项...自动更新 Argon 接入了 WordPress 更新机制，当新版本发布后，在 WordPress 后台 “更新” 页面即可更新 Argon。...手动更新 您也可以参照安装的方法进行更新，新主题会覆盖旧主题。...、浮动操作按钮等，提供了丰富的自定义选项 夜间模式 – 支持日间、夜间、纯黑三种模式，并可以根据时间自动切换或跟随系统夜间模式 功能繁多 – Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间...、文章过时信息显示 Pjax – 支持 Pjax 无刷新加载，提高浏览体验 友情链接 – 支持使用 WordPress 自带的链接管理器进行友链管理，支持多种友链样式 “说说” 功能 – 随时发表想法

    3K20

    WordPress主题制作：开始前的准备

    申明 本次主题制作会参考各大主题的部分实现方法和样式设计（最终产出一款适合我自己的主题），本次制作的主题暂时不考虑引入前端框架，但会引入一些插件，因为插件的引入可能导致页面请求数增加，我会在主题选项中尽可能的提供配置开关来让您可以选择性的开启一些功能...如果您想跟着我一起制作一款适合自己的主题，那么您需要先掌握以下技能 熟悉HTML、CSS、JS或Jquery 熟悉PHP（嗯，这个是必须的，毕竟WP是基于PHP的博客系统呢） 开始制作主题之前，您必须准备好以下工具...开发文档 WordPress主题官方的开发文档：https://developer.wordpress.org/themes/ 本次的主题制作并不限于以下几篇文章，本站WordPress主题类目下的更多文章...WordPress主题： 1 / 14 WordPress主题制作：开始前的准备 WordPress主题制作（一）：主题文件结构 WordPress主题制作（二）：模板和模板文件 WordPress主题制作...计划: WordPress主题制作（十二）：创建您自己的小工具 计划: WordPress主题制作（十三）：创建后台主题选项 本文采用 「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息

    1.4K30

    WordPress最受欢迎的主题模板

    大家好，我是条哥，我又来分享啦，今天给大家分享的是WordPress最受欢迎的几款主题模板。 VisualCompany Pro 第一款主题是VisualCompany Pro。...该主题具备如下的特色： 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 粘性网站标题 自定义代码编辑器 主题选项导入/导出 单员额选项...该主题具备如下的特色： 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 自定义代码编辑器 主题选项导入/导出 单员额选项 自动更新 一键演示导入...该主题具备如下的特色： 全站编辑 使用 WordPress 站点编辑器构建 10+ 主页样式 主题选项面板 响应式设计 1000+ 谷歌字体 19+ 块模式 自定义代码编辑器 主题选项导入/导出 单员额选项...该主题具备如下的特色： 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 27+ 块模式 1000+ 谷歌字体 自定义代码编辑器 主题选项导入/导出 单员额选项 自动更新 一键演示导入

    55550

    wordpress 主题，作者，版本信息的修改

    用到的函数： get_theme_data( ) 信息存放的文件 style.css 内容展示图： 图片 遵循规则：  默认WordPress的样式表需要遵从 第一行是主题的名字； 第二行是主题的地址...； 第三行是主题的描述； 第四行是主题版本号； 第五行是主题作者名字； 第六行是主题作者主页地址。...get_theme_data 函数分析 该函数将主题文件内的style.css文件中的主题相关信息（也就是每个wordpress的主题样式页头必须遵守的主题描述格式）通过数组返回，需要说明的是该函数没有默认参数...，参数必须指定为你的主题文件名。...该函数能够返回的主题信息： 主题的URI Description–wordpress格式的主题描述内容 AuthorURI–主题作者的URI Template–主题的主模板名称（在wordpress中属于可选填的内容

    1.1K30

    WordPress 官方 Automattic 出品的免费主题

    如果你正在为你的博客找款免费的 WordPress 主题，那么我推荐你看下 WordPress 官方 Automattic 自己出品的一系列免费的 WordPress 主题，这些主题已经用在 WordPress.com...上面，经过了长期的测试，经常更新，而且设计的都很不错，最主要的是代码都非常标准，今天就罗列一下其中比较不错的一些： Able 一个多用途，传统博客主题，它最多可以三栏布局，并且整个主题非常简洁，支持响应式...详细功能及下载 » Ryu 一款适用于个人博客的 WordPress 主题，大字体和单列布局，让非常适合阅读和展示大图。...整个主题的灵感来自 Saul Bass 的设计。...详细功能及下载 » Monster 一个怪物主题的 WordPress 主题。

    1K20

    WordPress最受欢迎的主题模板

    该主题具备如下的特色：全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体粘性网站标题自定义代码编辑器主题选项导入/导出单员额选项“返回顶部”按钮自动更新一键演示导入专业支持图片...该主题具备如下的特色：全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...该主题具备如下的特色：全站编辑使用 WordPress 站点编辑器构建10+ 主页样式主题选项面板响应式设计1000+ 谷歌字体19+ 块模式自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...VisualSite ProVisualSite Pro是使用WordPress站点编辑器构建的WordPress主题，它允许您通过拖放创建漂亮的网站，无需编码技能。...该主题具备如下的特色：全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计27+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片

    54311

    怎样创建受欢迎的 WordPress 主题

    创建一个 WordPress 主题很容易，但创建一个下载量成千上万的 WordPress 主题就难了。创建一个受欢迎的主题，拥有成千上万的下载量，而且保证能粘住用户就更难了。...作为对我的文章“受欢迎 WordPress 主题的特征(英文)”的补充，这个列表能给你的主题一次挑战的机会。 它是否是三栏的主题？ 想让更多人下载很简单，只需要转换你的两栏主题为三栏主题。...Widget 插件现在集成在 WordPress 里面了，支持它的必要是显而易见的，没有任何理由不让你的主题支持 Widget。 是否有一个主题选项页(options page)？...一些用户喜欢通过选项页定制头部(headers)和其它一些设置的调整。如果你是个PHP高手并且懂得如何创建这个东西的话，这会对你的主题锦上添花。 设计是否包含有日期块？...提交你的主题到公共的平台和其它受欢迎的推荐 WordPress 主题的博客。 你是否提供了预览和实际演示？ 为你的用户省下一些麻烦吧，让他们不需要先下载主题再测试然后才决定是否使用它。

    77430
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券