Wordpress教程 2023年04月3日
0 收藏 0 点赞 824 浏览 3748 个字

codestar-framework框架 taxonomy.theme.php添加

 array(
		                'id'           => 'cate_background_img',
		                'type'         => 'media',
		                'title'        => '<h3>分类列表背景图片</h3>',
		                'desc'         => '自定义分类列表背景图~未独立设置则自动调用主题设置-分类设置中默认背景图',
		                'button_title' => '上传',
		                'remove_title' => '删除',
		                'default'      => '',
		            ),

codestar-framework框架  options.theme.php添加

/*
     * ------------------------------------------------------------------------------
     * 产品中心
     * ------------------------------------------------------------------------------
     */
    CSF::createSection($prefix, array(
        'id'      => 'home_xw',
        'icon'    => 'fa fa-cart-plus',
        'title'   => '产品中心',
        'fields'  => array(
		    
			
             array(
                'id'     => 'home_ppgs',
                'type'   => 'repeater',
                'title'  => '首页产品中心模块',
                'fields' => array(
				array(
					'id'          => 'id',
					'type'        => 'select',
					'title'       => '产品分类',
					'placeholder' => '选择分类栏目',
					'options'     => 'categories',
					),
				array(
					'id'      => 'num',
					'type'    => 'text',
					'title'   => '显示数量',
					'default' => '6',
					),	
                ),
            ),
        ),
    ));

调用分类背景图

<?php
    // 获取主页展示的分类列表
    $home_ppgs = (array) _izhanke('home_ppgs');
    $counter = 1;
    // 循环展示分类列表
    foreach ($home_ppgs as $v) {
        if (empty($v['id'])) continue;
        // 获取分类名称
        $name = get_term($v['id'])->name;
        // 获取分类背景图片URL
        $cate_background_img = get_term_meta($v['id'], 'cate_background_img', true);
        $style = (!empty($cate_background_img['url'])) ? 'style="background-image: url(' . $cate_background_img['url'] . ');"' : '';
        // 设置第一个元素为默认选中状态
        $class = ($counter == 1) ? 'cmsgoto active' : 'cmsgoto';
        // 输出分类名称和背景图片
        echo '<a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="' . $class . '" data-tab="tab' . $counter . '"' . $style . '>' . $name . '</a>';
        $counter++;
    }
?>

或者

<?php
    // 获取主页展示的分类列表
    $home_ppgs = (array) _izhanke('home_ppgs');
    $counter = 1;
    // 循环展示分类列表
    foreach ($home_ppgs as $v) {
        if (empty($v['id'])) continue;
        // 获取分类名称
        $name = get_term($v['id'])->name;
        // 获取分类背景图片
        $cate_background_img = get_term_meta($v['id'], 'cate_background_img', true);
        // 设置第一个元素为默认选中状态
        $class = ($counter == 1) ? 'cmsgoto active' : 'cmsgoto';
        // 输出分类名称和背景图片
        ?>
        <a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="<?php echo $class; ?>" data-tab="tab<?php echo $counter; ?>"
           style="background-image: url(<?php echo $cate_background_img['url'] ?? ''; ?>);">
            <?php echo $name; ?>
        </a>
        <?php
        $counter++;
    }
?>

cpimg字段中的图片来显示。可以按照以下方式修改代码:

/*
     * ------------------------------------------------------------------------------
     * 产品中心
     * ------------------------------------------------------------------------------
     */
    CSF::createSection($prefix, array(
        'id'      => 'home_xw',
        'icon'    => 'fa fa-cart-plus',
        'title'   => '产品中心',
        'fields'  => array(
		    
			
             array(
                'id'     => 'home_ppgs',
                'type'   => 'repeater',
                'title'  => '首页产品中心模块',
                'fields' => array(
				
				array(
				    'id'           => 'cpimg',
				    'type'         => 'upload',
				    'title'        => '图标',
				    'library'      => 'image',
				    'placeholder'  => 'http://',
				    'button_title' => '上传',
				    'remove_title' => '删除'
				
				    ),
				
				array(
					'id'          => 'id',
					'type'        => 'select',
					'title'       => '产品分类',
					'placeholder' => '选择分类栏目',
					'options'     => 'categories',
					),
				array(
					'id'      => 'num',
					'type'    => 'text',
					'title'   => '显示数量',
					'default' => '6',
					),	
                ),
            ),
        ),
    ));

您需要在前端页面中调用cpimg字段中的图片来显示。可以按照以下方式修改代码:

<?php
    // 获取主页展示的分类列表
    $home_ppgs = (array) _izhanke('home_ppgs');
    $counter = 1;
    // 循环展示分类列表
    foreach ($home_ppgs as $v) {
        if (empty($v['id'])) continue;
        // 获取分类名称
        $name = get_term($v['id'])->name;
        // 获取分类背景图片
        $cpimg = $v['cpimg'];
        // 设置第一个元素为默认选中状态
        $class = ($counter == 1) ? 'cmsgoto active' : 'cmsgoto';
        // 输出分类名称和背景图片
        ?>
        <a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="<?php echo $class; ?>" data-tab="tab<?php echo $counter; ?>"
           style="background-image: url(<?php echo $cpimg; ?>);">
            <?php echo $name; ?>
        </a>
        <?php
        $counter++;
    }
?>

可以在循环中添加获取文章数量的代码,可以使用WordPress的内置函数count()和get_posts()来实现。下面是修改后的代码:

<?php
    // 获取主页展示的分类列表
    $home_ppgs = (array) _izhanke('home_ppgs');
    $counter = 1;
    // 循环展示分类列表
    foreach ($home_ppgs as $v) {
        if (empty($v['id'])) continue;
        // 获取分类名称
        $name = get_term($v['id'])->name;
        // 获取分类背景图片
        $cpimg = $v['cpimg'];
        // 设置第一个元素为默认选中状态
        $class = ($counter == 1) ? 'cmsgoto active' : 'cmsgoto';
		// 获取分类文章总数
		$cat_posts_count = count(get_posts(array('category' => $v['id'])));
		 // 输出分类名称和背景图片
        ?>
		
        <a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="<?php echo $class; ?>" data-tab="tab<?php echo $counter; ?>"
           style="background-image: url(<?php echo $cpimg; ?>);">
            <?php echo $name; ?>
			<span class="post-count">(<?php echo $cat_posts_count; ?>)</span>
        </a>
        <?php
        $counter++;
    }
?>

 

此代码适用觅站网开发的主题,其他主题可以参考借鉴。二开请联系站长~有偿!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/2048.html

相关推荐
实现 WordPress 自动更新所有文章的发布日期为当天的日期
//二开自动更新文章日期为当天发布。 //设置宝塔面板中的定时任务,通过访问带有?update_posts=run的链接触发文章更新.如:c…
日期:2024-09-22 点赞:0 阅读:43
WooCommerce订单列表显示购买产品
// 为 Legacy CPT-based 订单添加自定义列 add_filter('manage_edit-shop_order_colu…
日期:2024-09-20 点赞:0 阅读:90
WooCommerce Order 类的所有Get方法,以面向对象的方法获取订单数据
在开发WooCommerce插件或者与第三方系统交互时,我们需要获取 WooCommerce 订单的数据,WooCommerce的 WC_O…
日期:2024-09-20 点赞:0 阅读:53
为WooCommerce后台订单列表添加按自定义字段功能
  // 添加自定义列到订单列表 add_filter('manage_woocommerce_page_wc-orders_co…
日期:2024-09-20 点赞:0 阅读:55
添加删除 WooCommerce 数据列表中的数据列
转载:添加删除 WooCommerce 数据列表中的数据列 _WordPress智库 (wpzhiku.com) 在 WooCommerce…
日期:2024-09-20 点赞:0 阅读:66
WooCommerce的结账页面的订单摘要中,在商品数量后添加加减按钮
关于 WooCommerce 结账页面的定制内容在网上有大量讨论。为什么呢?因为结账页面无疑是任何 WooCommerce 网站的关键页面!…
日期:2024-08-11 点赞:0 阅读:121
发表评论
暂无评论

还没有评论呢,快来抢沙发~