wordpress如何为主题添加幻灯片发布功能

在wordpress主题使用中,有个别的主题并没有幻灯片功能,需要我们手动添加该功能,成本过高,今天,大挖给大家分享一组不错的后台幻灯版发布的代码,同时也可以运用在前台调用,可以说是华丽丽的前端幻灯片了,我们以默认的wordpress主题为例,讲解下如何为wordpress主题添加一个幻灯片发布功能,我们再wordpress主题下创建一个inc文件夹,并在该文件夹下新建post_type.php文件。

首先创建一个自定义文章类型

add_action('init', 'ashu_post_type');
function ashu_post_type() {
    /**********幻灯片*****************/
    register_post_type( 'slider_type',
        array(
            'labels' => array(
                'name' => '幻灯片',
                'singular_name' => '幻灯片',
                'add_new' => '添加',
                'add_new_item' => '添加新幻灯片',
                'edit_item' => '编辑幻灯片',
                'new_item' => '新幻灯片'
            ),
        'public' => true,
        'has_archive' => false,
        'exclude_from_search' => true,
        'menu_position' => 5,
        'supports' => array( 'title','thumbnail'),
        )
    );
}
 
add_filter( 'manage_edit-slider_type_columns', 'slider_type_custom_columns' );
function slider_type_custom_columns( $columns ) {
    $columns = array(
        'cb' => '<input type="checkbox" />',
        'title' => '幻灯片名',
        'haslink' => '链接到',
        'thumbnail' => '幻灯片预览',
        'date' => '日期'
    );
    return $columns;
}
add_action( 'manage_slider_type_posts_custom_column', 'slider_type_manage_custom_columns', 10, 2 );
function slider_type_manage_custom_columns( $column, $post_id ) {
    global $post;
    switch( $column ) {
        case "haslink":
            if(get_post_meta($post->ID, "slider_link", true)){
                echo get_post_meta($post->ID, "slider_link", true);
            } else {echo '----';}
                break;
        case "thumbnail":
                $slider_pic = get_post_meta($post->ID, "slider_pic", true);
                echo '<img src="'.$slider_pic.'" width="95" height="41" alt="" />';
                break;
        default :
            break;
    }
}

然后在wordpress主题的functions.php文件加入以下代码

require get_template_directory() . '/inc/post_type.php';

就这样后台部分完成。

下面是前台内容输出的部分,因为使用不同的幻灯插件会有不同的输出形式,下面只是给大家一个参考

<?php
$args = array(
    'post_type'=>'slider_type',
);
query_posts($args);
if( have_posts() ) : ?>
<div id="banner">
    <div id="show">
    <?php
    while( have_posts() ) : the_post();
        $image_url = get_post_meta($post->ID,'slider_pic',true);
        if($image_url!=''){ ?>
        <div class="show_item">
            <a href="<?php echo get_post_meta($post->ID,'slider_link',true);?>">
                <img src="<?php echo $image_url; ?>" alt="<?php the_title(); ?>" />
            </a>
        </div>
    <?php } endwhile; ?>
    </div>
</div>
<?php endif; wp_reset_query(); ?>

 

http://xzh.i3geek.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"qq301.com",如遇到无法解压的请联系管理员!
资源客是一个优秀的分享资源站,本站资源均为各位友友分享而来,特殊原创会标明如有侵犯版权等可联系删除

资源客 » wordpress如何为主题添加幻灯片发布功能