有个网站名叫Codrops,有很多网页设计的免费资源,最近看上了一个one page HTML模板,大气简洁,特效丰富却没有为了特效而特效的感觉,做landing page或动态网站都很合适,可以免费下载HTML和PSD文件,使用完全免费。
继续阅读漂亮的One Page模板IP Blacklist Cloud让网站更安全
网站被360扫描到cpu使用率过高,只好把360 IP地址屏蔽,当时找了款插件叫IP Blacklist Cloud,把IP写进去就完事了。选择它是因为它有云的概念,可以查看这个IP被屏蔽了多少次,防止误伤。用它自带的“Auto Block”功能来捉贼也很有趣,比如有人尝试用admin登录你的网站,直接抓住关进大牢。
继续阅读IP Blacklist Cloud让网站更安全WordPress本地化后速度变慢
最近在本地装了中文版WordPress,编辑文章时总有种慢半拍的感觉,切换到默认主题并禁用所有插件后依然如此,切换到英文版,这感觉一下子消失了。原来本地化的WordPress竟然能如此明显让网站变慢,但在我的hostgator服务器上感觉不明显,可能是服务器的配置优化的比较好。
继续阅读WordPress本地化后速度变慢如何在主题中使用特色图像
WordPress的特色图像是一张可以代表文章或页面的的图片,用法也很简单,两句话搞定。
if( has_post_thumbnail() ){ the_post_thumbnail(); }
但简单的代价就是局限性高一些,比如产生的img标签class是什么,调用了多大尺寸的图片?
继续阅读如何在主题中使用特色图像WooCommerce 2.3定制email模板更简单了!
WooCommerce 2.3下的email模板借助Emogrifier实现了结构和样式分离,Emogrifier可将css规则与html文档合并,因此你可以在不同文件中编写css规则和html结构,最后调用Emogrifier将css变成行内样式。
继续阅读WooCommerce 2.3定制email模板更简单了!WordPress弹窗效果的实现
想用WordPress弹窗效果效果,可以搜索modal、fancebox、shadowbox等关键词,可用的插件很多,功能也十分强大,只要按照它的文档来多半都能实现我们的需求。但它终究不那么自由,前几天想追踪一下用shadowbox展示的youtube视频,明明十分简单的事情却因为shadowbox变得复杂,于是想着能不能写个十分简单的类shadowbox效果?
继续阅读WordPress弹窗效果的实现用.html作为url后缀时的分页链接问题
固定链接设为/archives/%postname%.html时可以让页面看起来像静态页,同时会使分页链接变得十分奇怪,比如评论的分页链接会变成"hello-world.html/comment-page-1#comments",html既然是后缀就应该一直在最后,本文介绍如何实现。
继续阅读用.html作为url后缀时的分页链接问题WooCommerce商店页插入shortcode问题
WooCommerce的Shop页面虽然有固定格式,依然可以在编辑器中输入内容,输入shortcode时会强制执行wpautop,导致shortcode输出带上很多p和br标签,其自带shortcode亦无法幸免,使用WC 2.2.4时发现了这个问题。
继续阅读WooCommerce商店页插入shortcode问题用Owl Carousel展示gallery图片
Owl Carousel是我比较喜欢的一款carousel插件,responsive效果很好,支持触摸设备,选项灵活,鼠标拖拽就能滚动图片。本文就以WordPress内置Gallery为例来展示Owl Carousel的用法。
继续阅读用Owl Carousel展示gallery图片WooCommerce:在Email Header中获取用户信息
WooCommerce的Email模版中除了header和footer模版之外,都可以获取order信息进而取得用户信息,若要在header和footer里输出一些用户相关的信息,有点麻烦。
继续阅读WooCommerce:在Email Header中获取用户信息WordPress让文章按照自定义字段排序
用Meta Query可以实现WordPress文章按照自定义排序,假设安装了WP-PostRatings给文章打分,该插件会把文章平均分存成名叫ratings_average的自定义字段,现在就来按照这个字段排序。
继续阅读WordPress让文章按照自定义字段排序支付宝异步通知的User Agent被hostgator屏蔽
用hostagor主机测试支付宝集成,无论如何都收不到异步通知,查看access log发现来自支付宝的请求全部被拒,出现406(406 not acceptable)错误,虽然找到了错误原因,却无法解决。
继续阅读支付宝异步通知的User Agent被hostgator屏蔽WooCommerce自定义结账字段图文详解
向结账表单添加WooCommerce自定义结账字段,可以使用插件WooCommerce checkout manager或者filter:woocommerce_checkout_fields,本文介绍的方法非上述两种,而是使用woocommerce_form_field()函数在订单备注之后添加自定义结账字段,并将字段显示在订单详情、订单邮件和后台中的方法。
继续阅读WooCommerce自定义结账字段图文详解2021年10月更新:WooCommerce自定义结账字段(2021)
WooCommerce 2.1.12 – 如何修改相关产品列表
本文以默认主题twentytwelve为例,讲解如何控制相关产品(Related Products)的图像尺寸和分栏。
继续阅读WooCommerce 2.1.12 – 如何修改相关产品列表动态设置Contact Form 7表单的收件人地址
多个页面共享一个contact form 7表单,希望每个页面表单的收件人根据页面信息而定,比如从custom field里读取一个email地址,可以使用下面的方法实现,代码放入主题的functions.php。
继续阅读动态设置Contact Form 7表单的收件人地址修改WooCommerce My Account页面的地址格式
WooCommerce My Account页面默认地址格式是姓名、公司、地址1、地址2、城市、省/州、邮编和国家,更改这个格式需要先更新格式字符串,然后获取所有需要替换的数据,具体方法如下所示。
继续阅读修改WooCommerce My Account页面的地址格式