双十一快要到了，接到客户的临时需求，是为他们的WooCommerce网店大促销做一些小修改。其中一个修改是给设置了促销价格的商品添加价格注释，就像以下这个样子。
很简单的一个需求，利用woocommerce_get_price_html这个钩子就能实现，代码如下：
1 2 3 4 5 6 | function brain1981_change_product_html( $price_html, $product ) { if( $product->is_on_sale() ) { $price_html.='<span style="display:block;font-size:12px;font-weight:normal;color:#c98c4b;">双十一活动折扣</span>'; } return $price_html; } |
在WordPress中如果注册一个自定义文章类型（Custom Post Type），并且同时为这个类型注册一个自定义分类法（Custom Taxonomy），两者使用同一个根slug，访问这个类型的页面就会发生404报错。
这个slug具体指什么呢？举例说明：
https://www.my-site.com/product/123.html
https://www.my-site.com/product/term-name
以上URL分别作为product类型页面的详情页和分类列表页，URL中的product就是根slug。在使用register_post_type注册product文章类型的时候，代码体现为：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | add_action('init', 'create_product_post_type', 0); function create_product_post_type() { register_post_type('product', array( 'label' => 'Products', 'public' => true, 'show_ui' => true, 'show_in_menu' => true, 'capability_type' => 'post', 'hierarchical' => false, 'rewrite' => array('slug' => 'product'), //注意此行 'supports' => array('title','editor','thumbnail'), 'labels' => array ( 'name' => 'Products', 'singular_name' => 'Product', 'menu_name' => 'Products' ) ) ); } |
注意第11行的rewrite参数，就为此自定义类型指定了根slug，即形成如下url：
https://www.my-site.com/product/123.html 查看详细
WP Super Cache是我一直以来都在使用的超级缓存插件，他可以帮我们的网站快捷的打开静态缓存，从而大大提高访问速度，节约服务器资源。本人切身感受，同一台服务器，在所有的WP网站都启用静态缓存，并且把图片视频字体等静态资源存入CDN后，服务器的利用率可以提高80%甚至更多。这款插件的设置技巧，搜索引擎上能找到一大堆，本文就不重复了。
本文讨论在某些应用场景下，如何有效地刷新单个页面的缓存。举个例子，一些博客网站有点赞功能，点赞的数据一般我们会作为一个文章自定义字段存储在数据库中，而页面上显示的赞数是在静态缓存页面里的，访客新点了一个赞，数据库里面的那个数字是+1了，但缓存过的页面并不会刷新这个数字，你按多少次F5都没用。
这时候我们就需要手动刷新一下显示这个赞数的页面静态缓存。访客不能进入网站后台，他自己如何刷新页面静态缓存呢？ 查看详细
WooCommerce产品数量的选项如图所示，这是一个HTML5的数字输入框，代码表现为
<input type="number" id="***" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" placeholder="" inputmode="numeric"> |
这样的输入框可以让用户输入任意数字，直接把一定数量的产品加入购物车。但在一些场合下，用户其实还是更希望有个下拉菜单形式的输入框，从而可以直接选择想要购买的数量。这种场合比较适用于购买数量不多，或者日常库存不多的产品，比如不超过20件的情况。因为如果数量一多，恐怕整个屏幕高度都不够下拉列表的数字显示，反而会对用户造成更大的不方便。
下来菜单其实就是一个select元素，替换掉原来的数字框，在商品页面的前后页面表现是这样的：
查看详细