wordpress archive.php,如何在wordpress的archive.php中获取类别产品?

我想在archive-product.php中显示类别(来自taxonomy-product_category)。

获取类别:

水果

草本植物

萨拉德

蔬菜

请看截图我的意思是:

k1ePm.png

当我在archive-product.php中添加代码时:

$args = array(

'post_type' => 'product',

'taxonomy' => 'product_category',

'hierarchical' => 1,

'nopaging' => false,

'posts_per_page' => '2',

'posts_per_archive_page' => '10',

'ignore_sticky_posts' => true,

'order' => 'rand',

);

echo '

';

echo '

';

// The Query

$query = new WP_Query( $args );

// The Loop

if ( $query->have_posts() ) {

while ( $query->have_posts() ) {

$query->the_post();

echo '

';

echo '';

if ( has_post_thumbnail() ) {

the_post_thumbnail(array(486,226));

}

the_title();

the_content();

echo '';

echo '

';

}

} else {

// no posts found

echo wpautop( 'Sorry, no posts were found' );

}

echo '

';

echo '

';

// Previous/next post navigation.

previous_post_link( '%link', 'Prev post in category', true

);

next_post_link( '%link', 'Next post in category', true );

// Restore original Post Data

wp_reset_postdata();

?>

但不显示类别(水果、香草、沙拉、蔬菜)

有人知道吗?

谢谢,

肖恩。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以在 footer.php 文件添加以下代码来实现网站雪花飘落效果: ```html <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/snow.js"></script> ``` 其,`snow.js` 是一个自定义的 JavaScript 文件,用于实现雪花飘落效果。你需要在自己的 WordPress 主题文件夹创建一个名为 `js` 的文件夹,然后在该文件夹创建 `snow.js` 文件,并将以下代码复制到该文件: ```javascript // 雪花飘落效果 var snowflake = null; var snowflakes = new Array(); // 雪花数量 var snowflakeCount = 50; // 初始化雪花 function initSnow() { // 获取页面宽度和高度 var pageWidth = document.documentElement.clientWidth; var pageHeight = document.documentElement.clientHeight; // 雪花图片地址 var snowflakeSrc = "<?php bloginfo('template_directory'); ?>/images/snowflake.png"; // 创建雪花 for (var i = 0; i < snowflakeCount; i++) { // 随机大小 var snowflakeSize = Math.random() * 50 + 10; // 创建 img 元素 snowflake = document.createElement("img"); // 设置 img 属性 snowflake.setAttribute("src", snowflakeSrc); snowflake.setAttribute("id", "snowflake" + i); snowflake.setAttribute("width", snowflakeSize); snowflake.setAttribute("height", snowflakeSize); snowflake.setAttribute("style", "position:absolute;z-index:99999;"); // 添加 img 元素到页面 document.body.appendChild(snowflake); // 随机位置 var snowflakeX = Math.random() * pageWidth; var snowflakeY = Math.random() * pageHeight; // 设置 img 元素位置 snowflake.style.left = snowflakeX + "px"; snowflake.style.top = snowflakeY + "px"; // 添加到数组 snowflakes[i] = snowflake; } // 开始飘落 snow(); } // 飘落 function snow() { // 获取页面宽度和高度 var pageWidth = document.documentElement.clientWidth; var pageHeight = document.documentElement.clientHeight; // 遍历所有雪花 for (var i = 0; i < snowflakeCount; i++) { // 获取当前雪花 var snowflake = snowflakes[i]; // 计算新位置 var snowflakeX = parseFloat(snowflake.style.left); var snowflakeY = parseFloat(snowflake.style.top) + 2; // 边界检查 if (snowflakeX > pageWidth - snowflake.width || snowflakeX < 0 || snowflakeY > pageHeight - snowflake.height || snowflakeY < 0) { snowflake.style.left = Math.random() * pageWidth + "px"; snowflake.style.top = "0px"; } else { snowflake.style.top = snowflakeY + "px"; } } // 循环调用 setTimeout("snow()", 50); } // 初始化 initSnow(); ``` 在以上代码,你需要将 `snowflakeSrc` 变量修改为你的雪花图片地址。同时,你也可以根据需要修改雪花数量、大小、速度等参数。最后,记得将 `snow.js` 文件上传到 `js` 文件夹

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值