Wordpress教程 2023年04月3日
0 收藏 0 点赞 736 浏览 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

相关推荐
woocommerce 订单相关钩子
woocommerce_checkout_update_order_meta: 在订单元数据更新时触发。您可以在此钩子中更新订单的元数据,例…
日期:2024-03-15 点赞:0 阅读:70
最新Wp Rocket设置教程, 含插件下载+常见问题解决方法
最新Wp Rocket设置教程(超详细), 附GPL版本插件下载链接。图文并茂详细解释每一个设置的含义以及优缺点+兼容性排除,找到最合适的设…
日期:2024-02-24 点赞:0 阅读:175
WordPress破解版插件/主题(开心版, GPL, Nulled)安全吗?有啥缺点?如何获取?
解版插件产业链,安全与否,以及如何下载安全高质量破解版插件,避免下载有病毒主题/插件。 WordPress破解版插件/主题安全吗?这是绝大多…
日期:2024-02-24 点赞:0 阅读:160
终极WordPress速度优化教程, 秒开页面! 优化思路+方法+工具
终极WordPress速度优化教程,全面讲解影响速度的因素和原理。FCP, LCP, TTFB, TBT, CLS,Wp corn, Mar…
日期:2024-02-24 点赞:0 阅读:207
WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
无论您的 WordPress 主机有多快都无关紧要;您永远无法克服网络延迟。像 Cloudflare 这样的内容分发网络 (CDN) 通过将…
日期:2024-02-24 点赞:0 阅读:130
使用国外主题/插件后网站变很卡响应速度很慢的问题
变卡的原因 由于国内GFW的限制,有些资源被挡在海外无法加载,或者有些资源服务器延迟太高,导致网站加载速度缓慢,解决办法如下,二选一即可。 …
日期:2024-02-21 点赞:0 阅读:130
发表评论
暂无评论

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