给主题杂志布局添加主体单栏分类列表(无缩略图)模块

  • A+
所属分类:建博笔记

在【主题选项--杂志布局】选项卡中有一个【主体单栏分类列表(5 篇文章)】设置项,通过该设置项可以在杂志布局页面中输出带有缩略图的单栏分类列表。有时,希望输出不带缩略图的分类列表,因此增加了该设置项,同时也是为了保持与原版主题功能同步。

 

效果演示

给主题杂志布局添加主体单栏分类列表(无缩略图)模块

 

主题选项添加设置项

首先:打开【inc/options/begin-options.php】文件,找到代码

$options[] = array(
    'name' => '主体单栏分类列表(10 篇文章)',
    'desc' => '显示',
    'id' => 'cat_one_10',
    'class' => 'be_ico',
    'std' => '0',
    'type' => 'checkbox'
);

在其上面添加

$options[] = array(
    'name' => '主体单栏分类列表(无缩略图)',
    'desc' => '显示',
    'id' => 'cat_one_no_img',
    'class' => 'be_ico',
    'std' => '0',
    'type' => 'checkbox'
);

$options[] = array(
    'name' => '',
    'desc' => '排序:6',
    'id' => 'cat_one_no_img_s',
    'std' => '6',
    'class' => 'mini hidden',
    'type' => 'text'
);

$options[] = array(
    'name' => '',
    'desc' => '显示篇数',
    'id' => 'cat_one_no_img_n',
    'std' => '4',
    'class' => 'hidden',
    'type' => 'text'
);

$options[] = array(
    'name' => '选择分类列表分类',
    'desc' => '输入分类 ID,多个分类用英文半角逗号","隔开',
    'id' => 'cat_one_no_img_id',
    'std' => '1',
    'class' => 'hidden',
    'type' => 'text'
);

$options[] = array(
    'name' => '分类 ID 对照',
    'desc' => '<ul>'.$cats_id.'</ul>',
    'id' => 'catids',
    'class' => 'ovn-catid hidden',
    'type' => 'info'
);

$options[] = array(
    'id' => 'clear'
);

然后:打开【inc/options/includes/themes-options.php】文件,找到代码

jQuery('#cat_one_5').click(function() {
    jQuery('#section-cat_one_5_id, .ov-catid, #section-cat_one_5_s').fadeToggle(400);
});

if (jQuery('#cat_one_5:checked').val() !== undefined) {
    jQuery('#section-cat_one_5_id,.ov-catid, #section-cat_one_5_s').show();
}

在其下面添加

jQuery('#cat_one_no_img').click(function() {
    jQuery('#section-cat_one_no_img_s, .ovn-catid, #section-cat_one_no_img_n, #section-cat_one_no_img_id').fadeToggle(400);
});

if (jQuery('#cat_one_no_img:checked').val() !== undefined) {
    jQuery('#section-cat_one_no_img_s, .ovn-catid, #section-cat_one_no_img_n, #section-cat_one_no_img_id').show();
}

完成以上两个步骤后,就可以在【主题选项--杂志布局】模块中看到新增的【主体单栏分类列表(无缩略图)】功能了。

给主题杂志布局添加主体单栏分类列表(无缩略图)模块

 

前台输出

首先:在【cms/】目录下新建一个名为【cms-cat-one-no-img.php】的文件

然后:复制下面的代码到这个文件中

<?php if (zm_get_option('cat_one_no_img')) { ?>
    <div class="line-one sort" name="<?php echo zm_get_option('cat_one_no_img_s'); ?>">
        <?php $display_categories = explode(',',zm_get_option('cat_one_no_img_id') ); foreach ($display_categories as $category) { ?>
            <?php if (zm_get_option('no_cat_child')) { ?>
                <?php query_posts( array('cat' => $category ) ); ?>
                <?php query_posts( array( 'showposts' => 2, 'category__in' => array(get_query_var('cat')), 'post__not_in' => $do_not_duplicate ) ); ?>
            <?php } else { ?>
                <?php query_posts( array( 'showposts' => 2, 'cat' => $category, 'post__not_in' => $do_not_duplicate ) ); ?>
            <?php } ?>

            <div class="cat-box wow fadeInUp" data-wow-delay="0.3s">
                <h3 class="cat-title"><a href="<?php echo get_category_link($category);?>">
                    <?php if (zm_get_option('cat_icon')) { ?>
                        <i class="t-icon <?php echo zm_taxonomy_icon_code(); ?>"></i>
                    <?php } else { ?>
                        <span class="title-i"><span></span><span></span><span></span><span></span></span>
                    <?php } ?>
                    <?php single_cat_title(); ?><span class="more-i"><span></span><span></span><span></span></span></a>
                </h3>
                <div class="clear"></div>

                <div class="cat-site">
                    <ul class="cat-one-list">
                        <?php if (zm_get_option('no_cat_child')) { ?>
                            <?php query_posts( array( 'showposts' => zm_get_option('cat_one_no_img_n'), 'cat' => $category, 'offset' => 0, 'category__in' => array(get_query_var('cat')), 'post__not_in' => $do_not_duplicate ) ); ?>
                        <?php } else { ?>
                            <?php query_posts( array( 'showposts' => zm_get_option('cat_one_no_img_n'), 'cat' => $category, 'offset' => 0, 'post__not_in' => $do_not_duplicate ) ); ?>
                        <?php } ?>

                        <?php while ( have_posts() ) : the_post(); ?>
                            <?php if (zm_get_option('list_date')) { ?><li class="list-date"><?php the_time('m/d'); ?></li><?php } ?>
                            <?php if ( get_post_meta($post->ID, 'mark', true) ) {
                                the_title( sprintf( '<li class="list-cat-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a><span class="t-mark">' . $mark = get_post_meta($post->ID, 'mark', true) . '</span></li>' );
                            } else {
                                the_title( sprintf( '<li class="list-cat-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></li>' );
                            } ?>
                        <?php endwhile; ?>
                        <?php wp_reset_query(); ?>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        <?php } ?>
    </div>
<?php } ?>

最后:打开【template/cms.php】文件,找到代码

require get_template_directory() . '/cms/cms-cat-one-5.php';

在其下面添加

require get_template_directory() . '/cms/cms-cat-one-no-img.php';

即可。

 

其他说明

  • 完成上面所有操作后,在后台就可以启用并设置相关选项,前台可正常输出
  • 本文代码与原版主题代码略有不同,主要修正了原版主题代码中命名的规范问题
若文章图片、下载链接、网盘密码等信息出错,请留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
isdola

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: