WordPress主题添加幻灯片功能

在wordpress主题使用中,有个体的主题并没有幻灯片功效,需要我们手动添加该功效,成本过高,今天给人人分享一组不错的后台幻灯版公布的代码,同时也可以运用在前台挪用,可以说是华美丽的前端幻灯片了,我们以默认的wordpress主题为例,解说下若作甚wordpress主题添加一个幻灯片公布功效,我们再wordpress主题下确立一个inc文件夹,并在该文件夹下新建post_type.php文件。
首先确立一个自界说文章类型

  1. add_action('init', 'ashu_post_type');
  2. function ashu_post_type() {
  3.     /**********幻灯片*****************/
  4.     register_post_type( 'slider_type',
  5.         array(
  6.             'labels' => array(
  7.                 'name' => '幻灯片',
  8.                 'singular_name' => '幻灯片',
  9.                 'add_new' => '添加',
  10.                 'add_new_item' => '添加新幻灯片',
  11.                 'edit_item' => '编辑幻灯片',
  12.                 'new_item' => '新幻灯片'
  13.             ),
  14.         'public' => true,
  15.         'has_archive' => false,
  16.         'exclude_from_search' => true,
  17.         'menu_position' => 5,
  18.         'supports' => array( 'title','thumbnail'),
  19.         )
  20.     );
  21. }
  22.  
  23. add_filter( 'manage_edit-slider_type_columns', 'slider_type_custom_columns' );
  24. function slider_type_custom_columns( $columns ) {
  25.     $columns = array(
  26.         'cb' => '<input type="checkbox" />',
  27.         'title' => '幻灯片名',
  28.         'haslink' => '链接到',
  29.         'thumbnail' => '幻灯片预览',
  30.         'date' => '日期'
  31.     );
  32.     return $columns;
  33. }
  34. add_action( 'manage_slider_type_posts_custom_column', 'slider_type_manage_custom_columns', 10, 2 );
  35. function slider_type_manage_custom_columns( $column, $post_id ) {
  36.     global $post;
  37.     switch( $column ) {
  38.         case "haslink":
  39.             if(get_post_meta($post->ID, "slider_link", true)){
  40.                 echo get_post_meta($post->ID, "slider_link", true);
  41.             } else {echo '----';}
  42.                 break;
  43.         case "thumbnail":
  44.                 $slider_pic = get_post_meta($post->ID, "slider_pic", true);
  45.                 echo '<img src="'.$slider_pic.'" width="95" height="41" alt="" />';
  46.                 break;
  47.         default :
  48.             break;
  49.     }
  50. }

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

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

就这样后台部门完成,下面是前台内容输出的部门,由于使用差其余幻灯插件会有差其余输出形式,下面只是给人人一个参考:

  1. <?php
  2. $args = array(
  3.     'post_type'=>'slider_type',
  4. );
  5. query_posts($args);
  6. if( have_posts() ) : ?>
  7. <div id="banner">
  8.     <div id="show">
  9.     <?php
  10.     while( have_posts() ) : the_post();
  11.         $image_url = get_post_meta($post->ID,'slider_pic',true);
  12.         if($image_url!=''){ ?>
  13.         <div class="show_item">
  14.             <a href="<?php echo get_post_meta($post->ID,'slider_link',true);?>" rel="external nofollow" >
  15.                 <img src="<?php echo $image_url; ?>" alt="<?php the_title(); ?>" />
  16.             </a>
  17.         </div>
  18.     <?php } endwhile; ?>
  19.     </div>
  20. </div>
  21. <?php endif; wp_reset_query(); ?>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress主题添加幻灯片功能 https://zhutizhen.com/14448.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章