修改WooCommerce默认面包屑导航的函数woocommerce_breadcrumb_defaults()

代码

1
2
3
4
5
6
7
8
9
10
11
12
/*
修改Woo面包屑导航参数
*/
function my_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' / ',
'wrap_before' => '<nav class="woocommerce-breadcrumb">',
'wrap_after' => '</nav>',
'home' => _x( 'XXXX', 'breadcrumb', 'woocommerce' ),
);
}
add_filter( 'woocommerce_breadcrumb_defaults', 'my_woocommerce_breadcrumbs' );

WordPress设置图片的默认显示方式(尺寸/对齐方式/链接到)after_setup_theme

1
2
3
4
5
6
add_action( 'after_setup_theme', 'default_attachment_display_settings' );
function default_attachment_display_settings() {
update_option( 'image_default_align', 'left' );
update_option( 'image_default_link_type', 'none' );
update_option( 'image_default_size', 'full' );
}

image_default_align

  • left
  • right
  • center
  • none
  • file
  • post
  • custom
  • none

image_default_size

  • thumbnail
  • medium
  • large
  • full

禁止WordPress压缩图片jpg_quality

默认WordPress会自动把JPG图像质量压缩到90%。如果您对网站图片质量要求高的话,那么可以通过下面的代码强制显示100%的原始图像。

1
2
3
4
add_filter( 'jpg_quality', 'high_jpg_quality' );
function high_jpg_quality() {
return 100;
}

标签Tags输出函数wc_get_product_tag_list()

函数的作用是返回一个产品的标签列表

参数

$product_id - 产品ID
$sep - 分割符号
$before - 列表前面的字符串
$after - 列表后面的字符串

示例

1
echo wc_get_product_tag_list( $id, ', ', '<span class="tagged_as">Tags' . ' ', '</span>' );

WooCommerce文章页面获取当前的产品ID wc_get_product()

1
2
3
4
echo wc_get_product()->get_id();
//或者
$product = wc_get_product();
$id = $product->get_id();

jQuery报错提示$未定义

$ 未定义该怎么办

示例代码

1
2
3
4
jQuery.noConflict();
jQuery(document).ready(function($){
//需要执行的代码放这里就可以了
});

禁用WordPress默认生成响应式图片的功能wp_calculate_image_srcset.

1
2
3
4
5
//disable srcset on images
function disable_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

JS是如何修改P标签内容的innerHTML和innerText

innerHTML

1
2
3
var obj = document.getElementById("p");
alert(obj.innerHTML);
obj.innerHTML= "Zhan5u";

innerText

1
2
3
var obj = document.getElementById("p2");
alert(obj.innerText);
obj.innerText= "站无忧";

等页面全部加载完成以后再执行JS或JQ代码的方法

有时候我们希望等页面全部加载完成以后再执行JS或JQ代码

示例代码

1
2
3
4
jQuery.noConflict();
jQuery(document).ready(function($){

});

jQuery定时执行代码片段或者函数setInterval

示例代码

1
2
3
4
5
6
7
function text() {
jQuery.noConflict();
jQuery(document).ready(function($){
});
}
//间隔12秒执行函数text
setInterval("text()",12000);