伪类与伪元素区别 PetitQ HTML/CSS 2021-12-04 901 0 0 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 …
伪类与伪元素区别 PetitQ HTML/CSS 2021-12-04 901 0 0 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 …
自制两边淡入淡出JQuery效果 PetitQ JQuery/PHP 2021-12-04 873 0 0 一些插件都不太好实现如下效果,综合考虑还是自己写一个效果,JS代码的定义参数都标注清楚了,记录备用,以后可能会用得上。 HTML代码 CSS代码 .motto{position: absolute; right: 50%; top:…
自制两边淡入淡出JQuery效果 PetitQ JQuery/PHP 2021-12-04 873 0 0 一些插件都不太好实现如下效果,综合考虑还是自己写一个效果,JS代码的定义参数都标注清楚了,记录备用,以后可能会用得上。 HTML代码 CSS代码 .motto{position: absolute; right: 50%; top:…
如何用CSS实现自适应宽高等比例的容器 PetitQ HTML/CSS 2021-12-04 1.58K 0 0 我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<l…
如何用CSS实现自适应宽高等比例的容器 PetitQ HTML/CSS 2021-12-04 1.58K 0 0 我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<l…
使用Ajax方法监测iframe框架中的页面是否有响应 PetitQ JQuery/PHP 2021-12-04 1.08K 0 0 一般用于内网的网站,嵌套了其他网站的链接页面,为保证友好显示,让其不显示404错误,即使用js监测页面能否正常打开,否则隐藏iframe框架。演示的Demo代码如下: Document 在实际应用过程中,发现并不完全有用,原因未知,…
使用Ajax方法监测iframe框架中的页面是否有响应 PetitQ JQuery/PHP 2021-12-04 1.08K 0 0 一般用于内网的网站,嵌套了其他网站的链接页面,为保证友好显示,让其不显示404错误,即使用js监测页面能否正常打开,否则隐藏iframe框架。演示的Demo代码如下: Document 在实际应用过程中,发现并不完全有用,原因未知,…
纯代码实现WordPress文章点击浏览次数 PetitQ WordPress教程 2021-12-04 2.44K 0 3 现在通过wordpress系统建站已经非常普遍,但是如果想在网站文章上显示每篇文章的浏览数量,大部分人会想到使用wordpress浏览量插件WP-PostViews,它可以准确有统计并显示文章总共的浏览量。我们知道wordpress…
纯代码实现WordPress文章点击浏览次数 PetitQ WordPress教程 2021-12-04 2.44K 0 3 现在通过wordpress系统建站已经非常普遍,但是如果想在网站文章上显示每篇文章的浏览数量,大部分人会想到使用wordpress浏览量插件WP-PostViews,它可以准确有统计并显示文章总共的浏览量。我们知道wordpress…
WordPress一次列出当前文章/页面的所有自定义字段 PetitQ WordPress教程 2021-12-03 733 0 0 WordPress中最重要的活用就是自定义字段,它几乎涉及到了一切现有的业务模块,无论你是电商网站还是用户社区,自定义字段无处不在。有时候我们需要在别人现成的代码或主题里面挖一些资料,进行再开发。那么就需要知道特定的页面上究竟可以有…
WordPress一次列出当前文章/页面的所有自定义字段 PetitQ WordPress教程 2021-12-03 733 0 0 WordPress中最重要的活用就是自定义字段,它几乎涉及到了一切现有的业务模块,无论你是电商网站还是用户社区,自定义字段无处不在。有时候我们需要在别人现成的代码或主题里面挖一些资料,进行再开发。那么就需要知道特定的页面上究竟可以有…
给WooCommerce订单添加自定义字段并添加到管理员通知邮件 PetitQ WordPress教程 2021-12-03 1.23K 0 0 给WooCommerce的订单页面添加自定义字段其实这也算是一个常见需求,有些人喜欢一碰到这类需求就找插件实现,其实大可不必。在WordPress里面找对钩子,添加对应的代码段就行了。 今天刚完成一个小需求如下:在WooCommer…
给WooCommerce订单添加自定义字段并添加到管理员通知邮件 PetitQ WordPress教程 2021-12-03 1.23K 0 0 给WooCommerce的订单页面添加自定义字段其实这也算是一个常见需求,有些人喜欢一碰到这类需求就找插件实现,其实大可不必。在WordPress里面找对钩子,添加对应的代码段就行了。 今天刚完成一个小需求如下:在WooCommer…
WordPress 定制短代码简码实现商品倒计时功能 PetitQ WordPress教程 2021-12-03 1.11K 0 0 前两天在一个商城项目中,客户希望页面上出现一个活动倒计时的效果,为了方便调用,我想到利用短代码+参数实现任意调用。实现效果是这样的: 功能比较简单,首先参数必须完整,年月日时分秒一个都不能少,并且在一个页面上还只能出现一个倒计时,限…
WordPress 定制短代码简码实现商品倒计时功能 PetitQ WordPress教程 2021-12-03 1.11K 0 0 前两天在一个商城项目中,客户希望页面上出现一个活动倒计时的效果,为了方便调用,我想到利用短代码+参数实现任意调用。实现效果是这样的: 功能比较简单,首先参数必须完整,年月日时分秒一个都不能少,并且在一个页面上还只能出现一个倒计时,限…
WordPress前端自制拖放区域上传文件的轮子 PetitQ WordPress教程 2021-12-03 1.14K 0 0 上个月写过一篇 WordPress通过Rest API自定义附件上传接口,那篇文章主要介绍了如何打通前后端,利用Rest API保存“抓取”已知URL的文件。不过在更多的情况下,我们还是需要通过自己的表单上传文件。正好这个月有个项目…
WordPress前端自制拖放区域上传文件的轮子 PetitQ WordPress教程 2021-12-03 1.14K 0 0 上个月写过一篇 WordPress通过Rest API自定义附件上传接口,那篇文章主要介绍了如何打通前后端,利用Rest API保存“抓取”已知URL的文件。不过在更多的情况下,我们还是需要通过自己的表单上传文件。正好这个月有个项目…
WordPress通过Rest API自定义附件上传接口 PetitQ WordPress教程 2021-12-03 1.55K 0 0 有没有想过用WordPress来建立自己的文件存储空间,当作自己的网盘使用?这个业务实现的主要逻辑其实就是自己写一个Rest API接口上传文件到WP的媒体库中。 首先我们需要安装一个插件,这个插件很小,只是给网站后台登录提供Bas…
WordPress通过Rest API自定义附件上传接口 PetitQ WordPress教程 2021-12-03 1.55K 0 0 有没有想过用WordPress来建立自己的文件存储空间,当作自己的网盘使用?这个业务实现的主要逻辑其实就是自己写一个Rest API接口上传文件到WP的媒体库中。 首先我们需要安装一个插件,这个插件很小,只是给网站后台登录提供Bas…
WordPress不用插件实现多张特色图片缩略图 PetitQ WordPress教程 2021-12-03 1.10K 0 0 WordPress的文章、页面或者自定义文章类型开启特色图片,通过注册这个类型时,在support中添加参数“thumbnail”实现,比如: register_post_type('My CPT', array( 'label' …
WordPress不用插件实现多张特色图片缩略图 PetitQ WordPress教程 2021-12-03 1.10K 0 0 WordPress的文章、页面或者自定义文章类型开启特色图片,通过注册这个类型时,在support中添加参数“thumbnail”实现,比如: register_post_type('My CPT', array( 'label' …
WordPress文章字段查询 meta_query 各种高级用法列举 PetitQ WordPress教程 2021-12-03 1.40K 0 0 WordPress在get_posts或WP_Query方法中,活用meta_query,可以变换出无数种高级检索,是WordPress的入门技能。 最简单的用法,查询自定义字段“post_color”值为“red”的文章 $arr…
WordPress文章字段查询 meta_query 各种高级用法列举 PetitQ WordPress教程 2021-12-03 1.40K 0 0 WordPress在get_posts或WP_Query方法中,活用meta_query,可以变换出无数种高级检索,是WordPress的入门技能。 最简单的用法,查询自定义字段“post_color”值为“red”的文章 $arr…