-
html5设置视频第一帧为缩略图
在使用html5开发网页中播放视频功能时，常常需要使用封面图，也就是视频在未播放状态时所呈现的图像。 目前各种短长视频漫天飞的时代，鸿硕相信您一定感受到了一个视频封面的重要性，某些知名媒体经常使用视频的缩略图来吸引人，来让客户产生点进去看的冲动。 还有一种情况，视频封面显示的内容和您点进去看的内容不相关，所以视频封面算是非常重要了，往往决定着用户是否点击观看这个视频。 恰好鸿硕正在开发Hongsh…- 2.2k
- 0
-
console打印时报错Uncaught TypeError: Cannot read properties of undefined (reading 'top')
今天鸿硕在开发Hongshop商城主题时，测试打印js对象时发现另外一个报错，Uncaught TypeError: Cannot read properties of undefined (reading 'top')，定位到元素之后，发现使用了这行代码： 参考https://stackoverflow.com/questions/20175094/uncaught-typeerror-cann…- 1.4k
- 0
-
wordpress添加网站图标favicon的方法
在我们的网站中，除了LOGO之外，还有一个图标比较重要，就是favicon图标，这个图标主要显示在如下几个地方： 一，浏览器标签中的标题左侧，如下图： 二，收藏夹中保存的网页标题左边会显示favicon图标 三，创建页面的快捷方式，无论PC端还是手机端都，favicon将作为快捷方式的桌面图标。（创建快捷方式的3种方法：1，在浏览器的设置里面有创建快捷方式的选项；2，桌面右键-新建-快捷方式，然后…- 1k
- 0
-
WooCommerce 产品链接url改成id 数字形式
今天鸿硕在开发商城时，发现woocommerce产品的链接居然是："域名/product/巴洛克小老鼠"这种形式。 这种形式当然不是鸿硕想要的，起码不能包含中文名称吧，鸿硕想实现的效果为wordpress固定链接中设置的“域名/888.html”这样类型的。 加上product成“域名/product/888.html”也行。 基于互联网搜索引擎发现两种方法： 一，插件方法 Product ID …- 851
- 0
-
wordpress模板中调用woocommerce产品内容的方法
建设wordpress商城网站，一般会选择使用woocommerce插件，如果直接是一个纯粹的商城，直接按照woocommerce的模板层级设置模板即可。 有很多情况是企业展示站点，后来想融合进入商店模块，这样就需要在wordpress的默认模板中调用woocommerce创建的内容类型product，以及分类方式product_cat中调用相应的产品数据。 调用的代码如下： 基础代码： <…- 778
- 0
-
woocommerce产品缩略图
wordpress核心文件自带的有缩略图，可以后台禁用，也可以代码禁用。 woocommerce插件自带的也有缩略图，默认会生成3种尺寸的图片，老版本可以后台直接设置缩略图的尺寸，新版本后台已经找不到缩略图的设置尺寸了，但是后台外观-自定义-WooCommerce-产品图片中可以设置‘主图的宽度’和‘缩略图的宽度’， 主图宽度默认为600（woocommerce_single）， 缩略图宽度默认为…- 739
- 0
-
get_option()函数的相关知识点
最近鸿硕使用customize API的时候，获取后台设置的数据，用到了get_option()这个函数，这种场景下，是在$wp_customize->add_setting( 'test', array('type' => 'option') )时，获取后台数据需要使用get_option()这个函数。 应该是在设置customize API的过程中已经隐含应用了add_option…- 644
- 0
-
woocommerce自定义ajax方式加入购物车
woocommerce系统自带的加入购物车的方式有两种，一种是表单方式加入购物车，woocommerce已经封装好了函数woocommerce_template_single_add_to_cart()，如果你对样式要求不高，直接开箱即用。 另外一种是ajax方式来实现，也是已经封装好了函数woocommerce_template_loop_add_to_cart()，ajax方式实现起来不用刷新…- 608
- 0
-
get_categories()函数使用方法，以及使用term_group字段来自定义子分类排序的方法
wordpress获取指定分类下的子分类的信息，目前鸿硕主要使用get_categories()，这个函数的自由度比较高，可以自定义属性，比较方便。 获取指定的分类列表还可以使用wp_list_categories()函数，但是这个函数是输出成形的列表，如果想自定义属性则不方便，比如输出bootstrap格式的选项卡，就比较困难了。 还有一个获取分类列表的函数wp_list_cats()，这个函数…- 559
- 0
-
wordpress后台只能显示后台首页，点击具体菜单项跳转到前端首页
这一段时间使用wordpress出现了问题，进入后台首页之后，点击具体菜单项，比如：文章、设置等，会跳转到前台首页，检查了一遍代码，环境，数据库，缓存等，均没有效果。 记得前端时间，发布文章之后会跳转到前台首页，并没有显示发布成功的提示，而是直接跳转到了前台首页。 还有个问题就是不同的浏览器显示的情况还不一样。 具体原因鸿硕暂时还没有找到，临时解决方式如下： 不要通过 http://您的网址/wp…- 550
- 0
-
gravatar头像加载慢的解决方法
wordpress后台变慢了，查看元素，网络中发现请求0.gravatar.com、1.gravatar.com、2.gravatar.com这些地址的时候，比较慢，怎么解决呢？ 网搜了几种解决方式： 一，使用自定义头像的方法 不使用默认的几个用户头像，添加代码，使用自定义在本地的头像，如下图： 这种情况，可能是wordpress版本的问题，并没有实现成功，并且这样的话，需要把自定义的图片路径写死…- 485
- 0
-
wordpress进入后台时报错：Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in
今天测试woocommerce时，在apache环境时报错，提示： Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in 如下图： 解决方法：找到报错位置。将continue改为break即可，如下图：- 445
- 0
-
wordpress标签云优化
目前wordpress5.8版本，系统默认的小工具标签云，效果也算可以，如下图中右下角所示： 这种标签云，系统默认会有字体大小的变化，字体越大代表该标签对应的文章越多，但该字体大小不会无限放大或缩小，有一个值的范围，具体可以测试。 鸿硕今天要做的就是给这些标签云中的标签添加彩色的背景，使用颜色来突出标签的显示效果。 常用的代码，直接在主题的functions.php中添加如下代码即可实现圆角彩色的…- 423
- 0
-
点击空白区域关闭某个元素框
鸿硕最近几天折腾了一个问题很久，终于实现了所需的功能，记录如下： bootstrap的导航菜单，移动端时点击按钮后折叠的导航栏显示，再点击按钮时折叠的导航栏隐藏，鸿硕想实现点击空白区域也能隐藏折叠的导航栏，但是点击折叠导航栏区域（比如折叠导航栏中点击顶级菜单弹出子菜单的点击操作）折叠导航栏不会隐藏。 实现这个功能鸿硕本次使用了两种方法，第一种方法在本地测试一切正常，但是放入wordpress系统中…- 420
- 0
-
get_theme_mod相关函数知识点
get_theme_mod()函数和get_option()函数的功能类似。 get_theme_mod()函数获取的数据来自wp_options表中的option_name字段下面“theme_mod_主题名称”对应的值，很多数据都存储在这个对应的值中，不是一条单独的数据。 一，get_option()函数获取的数据来自wp_options表中“设置好的ID”这个字段对应的值，是一条单独的数据。…- 375
- 0
-
wordpress禁用自动更新的方法
使用过插件的朋友们都知道，由于wordpress更新的频率挺高的，基于wordpress开发的插件有时候的更新没有那么频繁，这就会产生时间差，如果wordpress更新了，而插件没有更新就会产生兼容的问题，为了保存系统的稳定性，也为了更好的用户体验，那么怎样来禁用wordpress的自动更新呢？ 分别在‘根目录wp-config.php’和‘主题functions.php’中添加以下…- 347
- 0
-
WordPress模板文件的引入方法
get_template_part() 用来引用模板文件，类似于 get_header()、get_sidebar() 和 get_footer()，只不过这个 get_template_part() 可以引入自定义名字的文件。 使用方法：get_template_part( $slug, $name ); 参数： $slug（字符串）（必须）要引入的模板的文件名，不包括后缀名 .php，也就是如…- 326
- 0
-
使用wp_query()函数来搜索
如果使用wp_query()函数来搜索，参数设置如下： <?php //查询参数 $args = array( 'post_type' => 'post', 's' => 'Quote' //hs默认会查询'标题','摘要','内容'里面含有“Quote”的数据。 ); //真正查询 $my_query = new WP_Query( $args ); ?> //可调用…- 318
- 0
-
wordpress报错与memory size相关的解决办法
鸿硕今天升级主题之后发现有一篇文章打不开，报错如下图： 字面意思是：允许的内存耗尽，需要分配多少内存，看来是允许脚本需要的内存超限了，再观察报错提示发现，还有gif相关，如下图： 这个让鸿硕想起，这篇文章包含一张GIF图片，另外其他图片也多了一些，这个可能是初次加载文章时内存不够的原因。 解决办法鸿硕建议有两种，一是优化程序，这个复杂一些；另外一个是修改内存大小，这个可以即时见效，修改内存大小方法…- 312
- 0
-
wordpress安装插件后没有自动翻译成中文
有几次出现这个问题了，就是在wp中安装插件后，依然是英文版的，当时没有翻译成中文版的，无论怎么刷新或者更新缓存都没有用处，但是第二天再登录wp的后台却发现已经自动翻译成中文版了，有没有小伙伴和我一样的感觉的，欢迎讨论，共同学习进步。- 298
- 0
-
WordPress使用wp_enqueue_scripts钩子引用css ,js 文件，去除链接后面所带的版本号的方法
最近使用wp_enqueue_scripts引用css,js等文件的时候，发现在引用的链接后面自动添加了版本号，有些加的是wordpress的版本，有的加的是其它版本号，感觉比较乱，所以今天鸿硕就来研究一下，去除这些版本号。 自动添加的版本号如下所示： http://www.abc.com/aaa/bbb/ccc/style.css?ver=5.5.5 如果传统引用方法，直接在模板head部分引用…- 285
- 0
-
woocommerce开发支付网关API文档
woocommerce文档是英文的，因此有时候不太好找到，为了快速找到支付网关的开发文档，这里鸿硕来记录一下： 更多关于 WordPress 知识交流提升可以添加 QQ 群：721808708- 272
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×