!
也想出现在这里? 联系我们
广告位

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. add_filter( 'manage_edit-slider_type_columns', 'slider_type_custom_columns' );
  23. function slider_type_custom_columns( $columns ) {
  24. $columns = array(
  25. 'cb' => '<input type="checkbox" />',
  26. 'title' => '幻灯片名',
  27. 'haslink' => '链接到',
  28. 'thumbnail' => '幻灯片预览',
  29. 'date' => '日期'
  30. );
  31. return $columns;
  32. }
  33. add_action( 'manage_slider_type_posts_custom_column', 'slider_type_manage_custom_columns', 10, 2 );
  34. function slider_type_manage_custom_columns( $column, $post_id ) {
  35. global $post;
  36. switch( $column ) {
  37. case "haslink":
  38. if(get_post_meta($post->ID, "slider_link", true)){
  39. echo get_post_meta($post->ID, "slider_link", true);
  40. } else {echo '----';}
  41. break;
  42. case "thumbnail":
  43. $slider_pic = get_post_meta($post->ID, "slider_pic", true);
  44. echo '<img src="'.$slider_pic.'" width="95" height="41" alt="" />';
  45. break;
  46. default :
  47. break;
  48. }
  49. }

然后在 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);?>">
  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(); ?>

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress后台页面里添加上传按钮

2024-5-24 9:33:56

WordPress教程

WordPress后台文章列表显示文章浏览量

2024-5-24 9:34:29

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索