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

WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress...该参数只在WordPress不了解脚本情况时使用。默认值：array() $ver（字符串）（可选）指明脚本版本号的字符串（若存在版本号）。默认为false。...问题来了：这部分内容显然是在 wp_footer 之前出现的，那么这段代码就在 jquery.js 文件之前出现了，导致该代码段实际上无法工作，因为调用 jQuery 方法的代码段必须比 jquery.js...WordPress 默认在 wp_head() 中处理，而我们改为在 wp_footer() 中处理。...> 告诉 WordPress 需要加载 jquery.js，WordPress 在 wp_footer() 中处理的时候也会先检查前面是不是已经有了，如果有了就不会再重新加载一次。

2.7K30

为 WordPress 增加按分类搜索功能并自定义外观

那么思路比较明确，我们在评论模块表单中，增加一个 select 下拉选项，然后输出网站的分类目录让用户可以选择，之后提交给 index.php 就可以了。...WordPress 已经提供了这样一个输出网站分类目录的函数 wp_dropdown_categories ，具体使用说明可以看一下官方文档，对于本例中，我们只需要使用下面一句代码即可输出目录： 特别要注意的参数 name，因为你只有指定了 name 值为 cat，点击搜索之后，发送到 index.php 文件的搜索链接才有 cat 参数，才能实现搜索对应分类目录的功能。...这个地方用 jQuery 获取对应的 select 的内容也是可以实现的，但是直接用 php 感觉比较好一点，用 jQuery 操作，在没有加载完 js 的时候是不会生效的。...当我们点击下拉列表中的项目，jQuery 获取这个项目对应的列表 id ，然后让 select 选中这个 option，这样点击搜索之后，就把 select 的内容直接提交了。

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

    一款lightbox图片幻灯片浏览插件

    之前移植emlog时就发现lightbox图片幻灯片浏览插件了，因为移植过程中出现了很大的困难，所以没有及时把教程写出来，今天抽空再研究了一下，才把这个lightbox图片幻灯片浏览插件教程写出来...    如果你要使用这款插件，那么一定需要引用jquery插件库，但是jquery的版本不能太高，版本过高不能正常使用，推荐jquery.min.js-1.7.1的版本，附件中也是1.7.1的版本...图片地址" rel="xygroup"> 讲解一下： .acd是div的class可以任意更改，但是一定要匹配 a标签是必须的，只有...a标签才能引导幻灯片插件加载其链接的图片出来 rel=”xygroup”也是必须加在a标签中的，如果a标签中没有rel=”xygroup”，幻灯片也是不能被成功加载的 上面的演示就是十分基础的演示了...这个问题也是我在emlog移植到wordpress时遇到的问题，wordpress插入的图片是不包含a标签的，我们也不可能说每插入一个img图片就去改代码加a吧     在我苦苦寻觅中，找到了这段代码

    3K60

    为啥过时的 jQuery 仍然是市场占有率最高的 JS 库?

    这样的文章已经流传了好几年了，至少目前在 WordPress 生态系统中它仍然很活跃。如果谁鼓励开发者们把它替换掉，风险自负。...jQuery 以前的角色 当 jQuery 的创造者 John Resig 于2006 年 1 月在 BarCampNYC 发布它的以一个版本时，他写道： 这段代码彻底改变了让 Javascript...jQuery 现在的角色 在现在各种好用的浏览器都在更加符合 Web 标准的时候，jQuery 现在在 Web 中扮演的角色是啥呢？...jQuery 的持续时间比大多数开发者预期的要长得多，因为它是在 Web 2.0 时代开始时问世的。毕竟，它现在仍然可以完成它所要做的工作，而且它仍然是一个非常简单方便的 JavaScript 库。...无论如何，在未来几年内，jQuery 还会嵌入到数以千万计的 WordPress 网站中，它甚至可能比 React 更持久。 对此你怎么看呢？

    2.1K30

    WordPress开发人员犯的12个最严重的错误

    这将使页面需要更长的时间才能下载，并且渲染速度更慢，尤其是在页面的头部部分呈现阻塞（render blocking ）代码时。...我看到WordPress主题和插件，他们的资产目录中已经有WordPress核心文件（例如，jQuery或Color Picker)）中的文件。...Git创建了改变的记录，并允许开发人员在同一个WordPress项目上一起工作，或者当网站出现问题时，轻松地恢复到以前的版本。...写代码时不认真对待WordPress安全问题 在WordPress的开发中，安全性常常没有得到重视，因为许多新手开发人员更关注客户想要的结果。...当这里存在nonce时，攻击者将无法轻松地获得该值(为实际登录到WordPress的管理员所生成的)。

    3.9K10

    大规模黑客活动破坏了数千个WordPress网站

    Sucuri的网络安全研究人员发现了一场大规模的活动，该活动通过在WordPress网站注入恶意JavaScript代码将访问者重定向到诈骗内容，从而导致数千个WordPress网站遭破坏。...这些网站都有一个共同的问题——恶意JavaScript被注入到他们网站的文件和数据库中，包括合法的核心WordPress文件，例如： ..../wp-includes/js/jquery/jquery-migrate.min.js “ 根据Sucuri的分析，一旦网站遭到入侵，攻击者就试图自动感染名称中包含jQuery的任何js文件。...他们注入了以“/* trackmyposs*/eval(String.fromCharCode…”开头的代码…… ” 在某些攻击中，用户被重定向到包含CAPTCHA 检查的登录页面。...“他表示：“我们的团队发现从2022年5月9日开始，这一针对WordPress网站的大规模活动收到了大量用户投诉，在撰写本文时该活动已经影响了数百个网站。

    1.1K20

    WordPress中的jQuery库不起作用的相关问题

    WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至于在jQuery 代码中用...jquery.js”为关键词查找，在第127行能找到这么一句（以WordPress 3.5.1为例）： $scripts->add( 'jquery', '/wp-includes/js/jquery/...更新：如果查看源代码分享加载了WordPress 自带的jquery 库，那么肯定是主题或者插件加载的（非登录状态下），因此，按照下面的代码可予以取消（其实就开发而言，不建议这么做）： 你的主题也可能加载也会加载

    6.2K60

    WordPress 5.6 发布，新的 2021 主题和古腾堡编辑器大更新

    更好的视频字幕：为了帮助大家想视频中添加字幕，您现在可以在帖子或页面中上传字幕。这样，比以往任何时候都更容易使需要或喜欢使用字幕的任何人都可以访问您的视频。...虽然 WordPress Core 的自动更新功能已在 WordPress 中存在多年，但是 WP 5.6 首次引入了新的用户界面，以使用户对自动更新的操作更加容易。...这项新的 REST API 功能可以查看哪些应用程序正在连接到你的网站并控制它们的工作。...官方提醒，如果你在网站上使用了大量插件，则可能需要一段时间才能安全更新到 PHP 8，对于新用户直接使用最新版本的 PHP 8 与 WordPress 5.6 来构建网站。...jQuery 更新 WordPress 会在三个版本：5.5、5.6 和 5.7 来更新 jQuery 到最新版，2020 年 8 月发布的 5.5 删除了 jQuery Migrate 脚本，5.6

    1.3K40

    我的Serverless实战—基于Serverless搭建WordPress个人博客图文教程

    无服务器（Serverless）不是表示没有服务器，而表示当我们在使用 Serverless 时，不需要关心底层资源，也不需登录服务器和优化服务器，只需关注最核心的代码片段，即可跳过复杂的、繁琐的基本工作...域名备案 购买后的域名只有备案后才能使用 PS：备案时间大概一周左右时间 网站备案地址：https://cloud.tencent.com/product/ba ?...在应用监控中我们可以看到可选择时间范围内的应用请求数，外网出流量，应用响应时间，前台出错数等等 ? 在概览中我们可以看到serverless应用一些基本信息 ?...在部署日志中我们也可以详细的看到serverless应用的使用情况 ?...当然在使用过程中也会遇到一些大大小小的问题。

    2.3K40

    WPJAM「静态文件」：一键合并 WordPress 插件和主题的 JS 和 CSS 文件，加快页面加载速度

    CDN 更新会有问题，WPJAM Basic 「CDN 加速」功能是使用对象存储的镜像回源功能实现的，如下图所示，镜像回源的原理是，只有在对象存储不存在的文件才会到源站去抓取： 那么插件或者主题更新，...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...，支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面，并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用的内容模板...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像，屏蔽个人设置，优化姓名设置， 隐藏登录名，限制登陆失败次数，防止密码被暴力破解等功能。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。

    7.9K30

    Code Embed：在WordPress文章和页面中添加Javascript的最佳插件

    所以，当我们在谈论在WordPress中嵌入JavaScript时，特指的是浏览器端的JavaScript。 为什么要在WordPress文章或页面中添加JavaScript？...其次，JavaScript的功能丰富多样，再加上它的各种库，几乎能胜任任何工作。 在Web网页中的JavaScript从代码的来源来说，可以分为两类，第一方和第三方。...一般来说，在WordPress文章或页面中插入JavaScript的方法有如下几种： 编辑器：在古腾堡编辑器中插入一个HTML块，把代码以HTML的形式插入。...具体方法在本博客的jQuery标签里的文章里有介绍 管理后台：在WordPress管理后台中可以通过插入Header Scripts、Body Scripts、Footer Scripts 来形式来控制插入的范围...team工作的，为一些大型企业客户提供技术服务，是WordPress的核心代码、文档、技术支持等方面的贡献者。

    5.9K40

    WordPress异步加载JavaScript插件：Async JavaScript

    按惯例，所有JavaScript都放在页面的头部head中，必须等全部JavaScript代码都被下载、解析和执行完后，才能开始呈现页面的内容，对加载很多JavaScript代码的页面来说，会导致页面呈现出现明显示的延迟...至于“async”和“defer“属性的详细功能说明，大家可以网上自行搜索，两者大概的区别就是前者只有HTML5的现代浏览器支持，后者只有IE支持。...Async JavaScript 是一款为WordPress主题加载JavaScript文件添加async”和“defer“属性的插件。...启用插件后可以选择“async”或者“defer“，如果启用后发现页面某些依赖  JQuery  运行的 Script有问题，可以在“Script Exclusion”中输入排除的 jquery.min.js

    85520

    如何为WordPress网站添加双因素身份验证

    某些网站需要您在登录前识别模式。双因素身份验证本质上意味着用户必须使用他们拥有的某些设备来确认他们的身份，而不是密码。 　　该技术不会取代密码；它增加了一个额外的步骤，只有合法的管理员才能访问。 　　...在此过程中，您将像往常一样登录，但之后您需要输入将发送到您的手机或任何其他设备的代码。2FA 提供了额外的安全层，因此即使您的密码被破解，黑客也无法在没有额外代码的情况下访问您的网站。...它通常被称为一次性密码或 OTP，只有输入此密码才能访问网站。...如果你是新手，可以参考安装WordPress插件3种方法 　　安装并激活插件后，您需要执行一些操作来设置它，在 WordPress 仪表盘中，点击“ 设置 ”-> “ Google Authenticator...您已成功为您的站点启用 WordPress 双重身份验证。下次登录 WordPress 网站时，系统会要求您在手机上提供代码。

    3.7K40

    全球N个WordPress网站感染了……

    该脚本加载在站点的前端和后端，这意味着当登录到站点的管理面板时，它还可以记录用户名和密码。 当左边的脚本在前端运行时，也很危险。...在大多数WordPress网站上，唯一可以窃取用户数据的地方是评论栏，一些WordPress网站被配置为在应用商店上配置，在这些实例中，攻击者可以记录信用卡数据和个人用户详细信息。...不法分子找到不安全的WordPress网站 - 通常运行较老的WordPress版本或较旧的主题和插件 - 并利用这些网站的漏洞将恶意代码注入到CMS的源代码中。 恶意代码包括两部分。...对于管理员登录页面，代码加载托管在第三方域的键盘记录器。...攻击者从2017年4月开始活跃 如前所述，这个活动自2017年4月以来一直在进行，到2017年的大部分时间里，黑客正忙于在被黑网站上嵌入横幅广告，并加载伪装成假jQuery和Google Analytics

    1.7K90

    为你的站点加上“懒加载”——提高用户体验&节省流量

    只有在浏览器可视区域的图片才会被加载，没有滚动到的区域img标签上会有一个占位图片，而真实图片不会被载入。...通俗来讲就是 “喝多少倒多少” 战前准备 效果预览 准备工作 WordPress博客 Lazyload.js（本文提供下载） loading动图（文件已打包，也可以百度找资源） 一个聪明的大脑 文件下载...云盘下载 备用下载 工作大纲 引入jquery.min.js和LazyLoad.js 图片链接转换 时开始加载） 为图片自动添加 data-original 属性 在主题文件夹function.php文件夹加入以下函数 //小文's blog图片链接添加...>"/> 进阶篇——头像图片的懒加载 正常的话，头像的加载在WordPress 中是用诸如<?

    2.8K90

    使用 Nonce 防止 WordPress 网站受到 CSRF 攻击

    一个典型的CSRF攻击有着如下的流程： 受害者登录a.com，并保留了登录凭证（Cookie）。 攻击者引诱受害者访问了b.com。...WordPress Nonce 的主要工作流程： 首先使用一个唯一的标示符生成 nonce 将生成的 nonce 和链接或者表单中的其他数据一起传递给脚本 在做其他事情之前验证 nonce 首先可以使用...WordPress Nonce 函数 WordPress 还提供一些函数简化 nonce 在特殊场景下的使用。...比如在表单中，可以使用函数 wp_nonce_field() 输出一个值为 nonce 的隐藏输入框，可以在表单中任意位置插入： <?...( 'wpjam'); 在 AJAX 中使用 Nonce 在 AJAX 脚本中 nonce 也是非常容易的，首先使用 wp_create_nonce() 函数创建 nonce： $nonce = wp_create_nonce

    1.9K10

    jQuery已“死”？为清除技术债，我们删掉了前端所有jQuery依赖

    JQuery 提供了一个可以在大多数浏览器上工作的 API，这在当时使用 JavaScript 是很难实现的。...现在，开发者几乎可以在原生 JavaScript 中做任何 jQuery 可以做的事情。...今天的开发人员可能没有意识到在使用 jQuery，因为它被嵌入在了许多大型开源项目里面，其中最著名的就是 WordPress。...jQuery 在这个场景下仍然很流行，因为它既简单又有效，人们觉得没必要停止使用它。”jQuery 开发者 Micha Gobiowski-Owczarek 在接受外媒采访时说道。...未来的很长一段时间里，jQuery 还继续会是 WordPress 的一部分，因为它很难在不破坏向后兼容性的情况下将它删除。

    1.2K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券