WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress...有时候我们可能会在 wp_footer 函数出现之前就需要用到某些 JavaScript，比如 jquery.js 文件。 这样的情况也是很常见的。...比如我单独创建了一个链接页面，在这个页面中我使用了 jQuery 方法来获取链接网站的 favicon。...wp_enqueue_script() 与 wp_print_scripts() 的区别是： wp_enqueue_script() 是告诉 WordPress “我在这个页面上需要用到某个 JavaScript...> 告诉 WordPress 需要加载 jquery.js，WordPress 在 wp_footer() 中处理的时候也会先检查前面是不是已经有了，如果有了就不会再重新加载一次。
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...如何解决这个问题，网络上有以下解决方案： 方案一：将相关js代码中的$ 手动改为 jQuery。...接下来就是改用官方或者第三方的jQuery 库，请直接参考： 《为你的WordPress 选择最佳的第三方jQuery 库》 我的话是两个都用上。...参考WordPress官方文档：zh-cn:函数参考/wp enqueue script 相关知识：jQuery 与Javascript 的关系 jQuery 是一个 JavaScript 函数库。
如果你要使用这款插件，那么一定需要引用jquery插件库，但是jquery的版本不能太高，版本过高不能正常使用，推荐jquery.min.js-1.7.1的版本，附件中也是1.7.1的版本...可以任意更改，但是一定要匹配 a标签是必须的，只有a标签才能引导幻灯片插件加载其链接的图片出来 rel=”xygroup”也是必须加在a标签中的，如果a标签中没有rel=”xygroup...”，幻灯片也是不能被成功加载的 上面的演示就是十分基础的演示了 有的朋友会说了，如果插入图片的时候没有给img标签加a标签，那么应该怎么使用呢？...这个问题也是我在emlog移植到wordpress时遇到的问题，wordpress插入的图片是不包含a标签的，我们也不可能说每插入一个img图片就去改代码加a吧 在我苦苦寻觅中，找到了这段代码...中的class匹配一下，然后你再看就会发现img被a标签包围了 附件中有一个demo演示和需要用到的js、css ?
最新文章查看>>完善lazyload懒加载图片渐显特效 特效优点： 加速WordPress站点的页面载入速度； 不唐突的图片渐显方式； 代码精简，便于操作维护，js代码仅仅 1.6KB 先决条件是：你的站加载了...Jquery.js 原理： 这个特效是少有的即华丽又加速的效果，因为它能判断访客是不是在查看当前图片，若非则加载预留的填充图片 grey.gif ，等到访客滑动鼠标滑轮或浏览到图片位置时，真正的图片地址才会加载...在当前主题的 header.php（或者在网站根目录的index.php中加载代码，我就是这样。...不知道是什么原因，在主题的header.php中无法加载） 中适当位置添加下面 JS调用代码： 【http://hhtjim.com/jquery.lazyload.js部分请自定义地址】 【("img...")部分可以限定对页面中的哪些img生效】比如修改成 javascript" src="//www.hhtjim.com/jquery.lazyload.js"
大家好，又见面了，我是你们的朋友全栈君。 什么是跨域 跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。...这时该网站就可以在它的页面中，拿到银行的cookie，比如用户名，登陆token等，然后发起对www.mybank.com 的操作。...跨域访问需要用到两样东东，一个是JSON，一种基于文本的传输协议；一种是JSONP，一群码农想出来的跨域解决方案。...也好，AngularJS也罢，底下都不是发起XHR （XML HTTP Request），而都是通过加载javascript的方式来做的，所以如果项目没有依赖jQuery或者AngularJS，则可以自己手动实现...原理很简单，就是用javascript动态加载一个script文件，同时定义一个callback函数给script执行而已。
双 11 光棍节，我在博客发布了一篇给博客部署一个友好对话框的教程，用了几天感觉非常不错！...④、JS 代码版可全面兼容 WordPress、ZBlog(PHP&ASP)、Emlog 及 Typecho： 我已手工适配上述建站程序对于留言信息的 cookies 命名，从而可以顺利取得不同建站程序的留言者昵称...skin=default"> 比如 WordPress 博客可以将上述代码粘贴到主题目录下的 footer.php 中。此 JS 代码在其他博客程序也同样适用！...博客未正确加载 Jquery.js； ②. 博客重复加载了 Jquery.js 造成冲突。...="deleteCookie('welcome');welcome();" title="呼出欢迎对话框"> 文字的就不说了，这都搞不定，那还能说什么呢？
我想在这之后会重新评估，看看还有什么是不再需要的。” Matt 表示。...截至 2021 年，有将近 84% 的移动页面使用 jQuery。jQuery 是最受欢迎的 JavaScript 库之一，它的一些操作已经反映在标准 Web API 中。...现在，开发者几乎可以在原生 JavaScript 中做任何 jQuery 可以做的事情。...将事件处理程序附加到 DOM 元素和窗口等等。...jQuery 在这个场景下仍然很流行，因为它既简单又有效，人们觉得没必要停止使用它。”jQuery 开发者 Micha Gobiowski-Owczarek 在接受外媒采访时说道。
这时该网站就可以在它的页面中，拿到银行的cookie，比如用户名，登陆token等，然后发起对www.mybank.com 的操作。...跨域访问需要用到两样东东，一个是JSON，一种基于文本的传输协议；一种是JSONP，一群码农想出来的跨域解决方案。...} 实现跨域访问 客户端需要做什么 客户端有多种方式可以实现JSONP的调用： jQuery jQuery可以在Ajax里面设置datatype为jsonp，则可以进行跨域访问 $scope.jqueryJsonpRequest...也好，AngularJS也罢，底下都不是发起XHR （XML HTTP Request），而都是通过加载JavaScript的方式来做的，所以如果项目没有依赖jQuery或者AngularJS，则可以自己手动实现...原理很简单，就是用javascript动态加载一个script文件，同时定义一个callback函数给script执行而已。
WordPress 网站如何有选择性的在新窗口打开链接？在新窗口打开链接有时还是很有必要，下面这个简单实例，是利用 JQuery实现有选择性的在新窗口打开链接的方法。...1、将代码添加到主题header.php模板中，前提是你的主题模板已预先加载了JQuery。...javascript"> jQuery(document).ready(function($) { $('#sidebar a').attr({...target: "_blank"}); });2、上面的代码是只让侧边栏中的链接在新窗口打开，其中#sidebar是你的主题侧边栏选择器名称。...3、还可以像这样，针对多个不同选择器中的链接：javascript"> jQuery(document).ready(function($) {
什么是Pjax？ Pjax是一种很多网站( facebook, twitter)都支持的浏览方式， 当你点击一个站内链接的时候， 不是做页面跳转， 而是只是站内页面刷新。...引用格式: javascript" src="//lib.sinaapp.com/js/jquery/1.9.0/jquery.js"> ②编辑Footer...绑定本页面非新窗口打开的所有本域链接，链接点击后，替换contentleft容器内容为新内容contentleft，ajax超时时间8秒 $(document).pjax('a..." src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"> javascript" src...WordPress最简单的全站Pjax教程,最简单wp主题设置pjax，就一个js调用修改一下js里的自定义内容的id属性就可以了，修改下面代码的page为你的id属性，注本文末有下载链接，下面代码只是自定义的那一部分要修改下载的
就用到接下来的一个 jQuery 天气预报插件，由国内一个前端工程师王子墨开发的，这是一个开源的、基于jQuery 函数库的 JavaScript 天气预报脚本插件，主要用于天气预报的展示。...演示：本文就是演示啦，见最最上面（RSS订阅用户看不的啦） 插件使用压缩版的话只有3.59k左右，轻量级。使用这个插件的话基本上不用什么javascript ，jquery 基础，只要会使用就好了。...不过我国的天气预报历来都是不那么准的了，算啦~ 然后发现加载的是google的jquery库，建议换成新浪SAE或其他的。...调用的话，把生成的代码（直接调用或者下载源代码），插入到网页身体()的下面就可以啦，WordPress 的话是在footer.php那里。基本上都会用的啦。...关于有没有必要在网站上使用的问题，见仁见智啦~ 免费为该js文件提供CDN加速节点 你如果不想使用官方的地址的js文件，可以使用我的，我已经将这个jquery.weather.build.min.js托管到七牛云存储上了
在 wordpress 主题或插件中加载 JavaScript 时，官方推荐的方法是使用 wp_enqueue_script() 来加载，该函数可以指定 JavaScript 的依赖库，指定 JavaScript...但是，该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是，我们可以通过 WordPress 的函数自己动手来实现这个功能。...比如，我们的主题中有一个名为 “Portfolio Archive” 的页面模板，在这个模板中，我们需要使用 “imagesloaded、masonry、isotope、jquery-ias” 这 4...只在使用了某个页面模板的页面上加载指定的 JavaScript 文件吗，在下面的代码中，首页我们加载了每个页面都需要的 jQuery 和 Main.js 文件，然后判断当前页面是否使用了指定的页面模板，...具体什么时候合并代码到一个文件，什么时候拆分代码按需加载，要看主题的实际情况，灵活确定。
一般来说，在html页面底部 （也就是之前）引入JavaScript，如jQuery 和 jQuery插件是个不错的做法。...原因很简单，HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript，放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中，我们先把WordPress中默认自带的jQuery库取消注册，然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?
某日闲逛看到的某个博客上的一个博客宠物，准确来说不是宠物，人家可是萌妹纸啊！看看右侧这个图，就是这个萌妹纸了（后来用谷歌相似图片搜索才发现是死亡笔记的）。让我感到有点跌眼镜的是，那个博客主是个汉纸！...给大家献上添加到这个萌妹纸到你的WordPress 主题的方法，但，建议汉纸慎用，下次再分享个适合汉纸的…… WordPress 添加个性化的博客妹纸相关文件 教程中要用到的文件有：一张图片、spig.js...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库，如果没有，请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...三、HTML 在主题的footer.php 文件下（一般是前）加入以下代码： 加载中…...接着,同样是在主题的footer.php 文件下，接着第三步的代码下面，加入以下代码： javascript" src="<?
内核详解与实践 HTML5系列 《HTML 5 从入门到精通》-中文学习教程 HTML 5用户指南 HTML5 Canvas基础教程 HTML5+CSS3在触屏网站上的实践 HTML5参考手册.chm...12个wordpress_经典安全技巧 WordPress-FAQ_常见问题解答 WordPress安装及迁移教程 WordPress高级教程 WordPress完整解读 史上最经典的WordPress...窗口分帧技术 HTML表单的设计应用 层叠样式表CSS的基础 CSS的多种选择器的使用 常见的CSS属性和值 DIV.CSS标准化网页部局准备工作（上） DIV.CSS标准化网页部局准备工作（下） DIV.CSS...用Tooltip窗口显示股票详细信息 JQuery的JSON支持 实现仿GoogleSuggest自动补全的雏形 完善仿GoogleSuggest的各种按键处理 实现仿GoogleSuggest自动补全的功能...(上) 02. jQuery基础的扩展(下) 03. jQuery-DOM操作 04. jQuery-DOM操作和数据操作 05. jQuery中的运动 06. jQuery事件操作 07. jQuery
看看你有没有这种需求：某篇文章图片很多，如果在载入文章时就载入所有图片，无疑会延缓载入速度，让用户等更久，所以，我想找这样一种插件，让网页只加载浏览器视野范围内的图片，没出现在范围内的图片就暂不加载，等用户滑动滚动条时再逐步加载...由于它是javascript写的，所以适用于所有网页，包括Wordpress。 想要使用lazyload，得先载入jQuery，它是依靠jQuery来实现效果的。...至于jQuery，大家不用去下载了，可以直接连接存放在Google服务器上的jQuery文件，永远不用担心丢失（当然，如果有天朝完全屏蔽Google的那一天的话……） 特效优点： 加速wordpress...，若非则加载预留的填充图片 grey.gif ，等到访客滑动鼠标滑轮或浏览到图片位置时，真正的图片地址才会加载。...（我是传到http://www.173it.cn/上调用的） 在当前主题的 header.php 中适当位置添加下面 JS调用代码，我当期用的inove主题后台就有添加js代码的地方： 【http:/
之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法（见：《WordPress 添加个性化的博客宠物（妹纸篇）》），不过那个不适合广大的男汉纸的博客，因此今天带来个适合男同胞博客的博客宠物。...教程中要用到的文件有：一张图片、spig.js文件 下载地址：直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客汉纸篇教程 一、CSS 将下载得到的spig.png放在主题的images...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库，如果没有，请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...三、HTML 在主题的footer.php 文件下（一般是前）加入以下代码： 加载中…...接着,同样是在主题的footer.php 文件下，接着第三步的代码下面，加入以下代码： javascript" src="<?
灯箱效果是我一直想加又没有加的功能，正好最近百度在推移动落地页检测，顺手做一下优化 我的检测结果是：您的页面可能存在图片不可全屏查看，全屏查看后不可缩放/左右滑动的问题，影响落地页体验 我们可以直接使用...FancyBox来完成我们的需求，FancyBox是一款优秀的弹出框Jquery插件 1、允许我们用鼠标和键盘上的四个方向键切换图片 2、可以根据当前窗口大小自动调整弹出框的大小，当我们改变浏览器窗口大小时...='text/javascript' src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"> 如果存在就跳过(大部分应该都有.../3.5.7/jquery.fancybox.min.css" /> javascript" src="https://cdn.staticfile.org/fancybox...CSS 类，这上面 js 代码加入到header.php或footer.php文件中 3.初始化 fancybox 一切加载完成后，就可以初始化FancyBox了，在刚才引入的FancyBox的 js
其他的，如将你的JavaScript全写在一个单独的文件中， 是懒惰的工程师常见的做法。 无论你犯了什么错误，请继续阅读，找出新的和经验丰富的开发人员所犯的12个最常见的WordPress错误。...我看到WordPress主题和插件，他们的资产目录中已经有WordPress核心文件（例如，jQuery或Color Picker)）中的文件。...8.不需要时启动CSS和JavaScript文件 有许多HTTP请求会使网站加载速度变慢，因此在Google PageSpeed中得分较低，这可能会影响搜索排名。...由于插件之间的冲突，它还可能导致JavaScript错误。例如，可能有两个插件使用一个通用的jQuery库，这个库可能会加载两次，并可能导致问题。...当然，该文件可以在浏览器中运行（虽然我确定打印时，甚至不会缩进或漂亮），但是如果您有本地的项目副本并浏览主题的代码，并且需要找到一个CSS或JavaScript语法（在使用script.php的情况下）
我又来给大家分享网站备案技巧来啦，还记得子凡我之前分享过的《如何利用 js 巧妙的让网站备案通过审核》这篇文章，就可以利用 JS 实现网站不关站进行备案，其中主要是针对网站备案修改和应对检查的时候用到的居多...，也是泪雪博客用到过的一个方法，由于最近在迁移泪雪网的备案，需要转移备案主体，常规的方法就是注销备案使用新的主体重新备案，但是又不想影响网站的正常访问和业务，为此我又升级了一下解决方案。...首先还是需要将网站转移到境外的服务器上，这样才能保证在注销域名备案的时候网站能够正常被打开，我为了网站打开速度还是优选了中国香港的云服务器，由于我们网站本身就做了数据库分离，所以只需要将 WordPress.../div>'); } } 以上就是子凡给大家提供了两段代码，一个是原生 js 方式，不依赖 jQuery 第三方库，第二种就是需要页面有加载 jQuery 的方式，但其实大差不差的...使用方法就是根据自己适合的需求选择一段代码复制到你当前网站首页的底部，或者 WordPress 主题的 footer.php 文件中，以及网站引入的 js 中都可以，但是以上的代码中根据自己网站域名填写
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
