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

相关推荐
宝塔面板里mysql经常自动停止怎么办?
宝塔面板里mysql经常自动停止怎么办? 随着服务器里面的项目越来越多,会发现宝塔面板里mysql经常自动停止。通常这个是因为服务器内存不足…
日期:2023-08-06 点赞:0 阅读:49
更换WordPress网站的域名原始图片地址保持不变
将以上代码添加到你的主题的functions.php文件中,并将$old_domain和$new_domain的值替换为你的旧域名和新域名。…
日期:2023-07-18 点赞:0 阅读:1,005
PHP抓取新浪博客文章内容代码
<?php /** * 新浪博客文章内容解析 */ header("content-type:application/json; ch…
日期:2023-07-14 点赞:0 阅读:717
wp_list_bookmarks()函数删除li标签示例代码【友情链接】
可以使用wp_list_bookmarks()函数的before和after参数。这是更新后的代码: <?php $args = ar…
日期:2023-06-26 点赞:0 阅读:957
WordPress主题分类列表中显示当前分类下的置顶文章,并在下面显示最新发布的文章
在这个代码中,我们首先获取当前分类的ID ($cat_id) 和所有置顶文章的ID数组 ($sticky_posts)。 然后,我们使用 W…
日期:2023-06-25 点赞:0 阅读:320
自动为文章添加相关关键词标签
我们使用的是在当前主题 functions.php 文件中添加代码 <?php function wp_aatags_html2tex…
日期:2023-06-24 点赞:0 阅读:576
发表评论
暂无评论

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