我想为我网站上的不同页面使用不同的缩略图大小。例如,我想在主页上的产品网格中拥有 150x150 像素的缩略图,但我想在显示产品网格的其他页面上拥有更大的产品缩略图。
我可以用 CSS 放大图像,但缩略图仍然是 150x150 像素,当我通过 CSS 将它们设置为 600x600 像素时,它们变得模糊。
我尝试在functions.php中放一些东西,但没有成功,所以如果有人知道如何帮助我,我将不胜感激。
答案 0 :(得分:1)
这将更改您产品的缩略图大小。在首页产品将显示为 150 像素 x 150 像素,在其他特定页面 Id 600 像素 x 600 像素例如:
add_filter( 'single_product_archive_thumbnail_size', 'custom_product_archive_thumbnail_size', 1000 );
function custom_product_archive_thumbnail_size( $size ) {
global $product;
if( is_home() || is_front_page() ) {
$size = array('150', '150');
} elseif ( is_page( 53 ) ) {
$size = array('600', '600');
}
return $size;
}
代码位于活动子主题(或活动主题)的functions.php 文件中。经测试有效。
您可以使用 WordPress conditional tags 或 WooCommerce conditional tags 来定位特定页面。