WordPress主题添加幻灯片功能

概述在wordpress主题使用中，有个别的主题并没有幻灯片功能，需要我们手动添加该功能，成本过高，今天给大家分享一组不错的后台幻灯版发布的代码。

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。

在 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,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 >

<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(); ?>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的WordPress主题添加幻灯片功能全部内容，希望文章能够帮你解决WordPress主题添加幻灯片功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。