php后台幻灯片管理,wordpress进阶教程(三十七):wordpress后台添加幻灯片板块
本站框架有提供添加幻灯片的步骤,请直接前往本站 框架栏目->幻灯片插件。
网页幻灯片(slider)应用很广泛,很多博客也喜欢在首页弄一个特色文章切换。
不管是文章切换还是图片切换,或者是图文混合切换,在后台新建一个独立的幻灯片板块就非常方便。
如图:
要是说明的是,这个里面有个排序幻灯片功能,我也不记得是从哪里弄过来的,反正已经很久远了,记不清了。
首先是后台的实现,第一步,需要新建一个文章类型。
提醒:你可以直接将下面的代码添加到主题的functions.php中,也可以新建一个文件。本工作室测试时,使用wp3.8.1 twentyfourteen主题,所以我再twentyfourteen主题的inc文件夹下,新建一个post_type.php文件。然后在twentyfourteen主题的functions.php文件(可以放到最前面)加入以下代码,包含post_type.php文件
require get_template_directory() . '/inc/post_type.php';
这样接下来的代码就都添加到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'),
)
);
}
添加完之后,即可在后台看到新创建的文章类型:
当然,仅仅这样,一个幻灯片只有标题肯定是不行的。所以需要创建一些自定义字段,给文章添加自定义字段是一个比较长的话题,可参考或直接使用我们的教程:wordpress进阶教程(十):后台创建自定义面板类文件,关于如何添加自定义字段,这里就跳过。
我使用本工作室发布的类文件,添加了两个自定义字段,分别为 链接地址-slider_link 图片地址-slider_pic。如图
如此,后台即可方便添加幻灯片了。
第二步:在幻灯片管理页面预览幻灯片信息。继续在post_type.php中添加以下代码:
add_filter( 'manage_edit-slider_type_columns', 'slider_type_custom_columns' );
function slider_type_custom_columns( $columns ) {
$columns = array(
'cb' => '',
'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 '';
break;
default :
break;
}
}
就这样后台部分完成。
前台如何输出呢?使用不同的jquery slider插件会有不同的html输出格式,仅提供一个参考:
$args = array(
'post_type'=>'slider_type',
);
query_posts($args);
if( have_posts() ) : ?>
while( have_posts() ) : the_post();
$image_url = get_post_meta($post->ID,'slider_pic',true);
if($image_url!=''){ ?>
ID,'slider_link',true);?>">
" alt="<?php the_title(); ?>" />
php后台幻灯片管理,wordpress进阶教程(三十七):wordpress后台添加幻灯片板块相关推荐
- html菜单wodpress,wordpress进阶教程(二十二):初步了解菜单
这篇教程放到本站的进阶教程中来,其实有点不合适,但是我发现很多人对菜单使用不熟,更别提应用了.所以我觉得在写菜单的高级应用之前有必要重新写个基础篇. wordpress 3.5版本中,取消了友情链接项 ...
- Vue进阶(三十七):created、mounted等钩子函数整理
文章目录 一.钩子函数 二.Vue 中的钩子函数 三.拓展阅读 一.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置"钩子",应用程序可以在系统级对所有消息.事件进 ...
- 数据权限设计思路_后台权限管理设计思路:三种模型分析
编辑导语:任何系统/产品搭建时,最先考虑的都应该是权限管理模块,而且权限管理模块的清晰.稳定是平台产品健康发展的基石,权限管理核心考虑的问题是用户与权限的关系.本文作者对三种不同权限管理的版本展开了梳 ...
- servlet后台如何接受multpartfile_Servlet进阶教程(你不得不知道的Servlet知识点)
" 人生的游戏不在于拿了一副好牌,而在于怎样去打好坏牌,世上没有常胜将军,勇于超越自我者才能得到最后的奖杯." 你好,我是梦阳辰!快和我一起学习吧! 精彩回放: Servlet入门 ...
- wordpress进阶教程(十九):创建自定义的找回密码页面
http://www.ashuwp.com/courses/highgrade/338.html 文章参考自:http://www.tutorialstag.com/wordpress-custom- ...
- 威纶通屏幕(HMI)开发进阶教程三:数据地址格式的讲解
首选在EasyBuiler Pro中,菜单"检视"中勾选"地址检视",才能把地址栏显示出来.今天我们主要说说HMI的地址: 这里地址模式分为Word Addre ...
- 2022-12- 05 网工进阶(三十七)MPLS--基本概念、转发过程、基本配置、配置静态LSR
MPLS概述 基本概念 MPLS(Multi-Protocol Label Switching,多协议标签交换)位于TCP/IP协议栈中的数据链路层和网络层之间,可以向所有网络层提供服务. 通过在数据 ...
- C++版本OpenCv教程(二十七)图像中添加高斯噪声
OpenCV 4中同样没有专门为图像添加高斯噪声的函数,对照在图像中添加椒盐噪声的过程,我们可以根据需求利用能够产生随机数的函数来完成在图像中添加高斯噪声的任务.在OpenCV 4中提供了fill() ...
- wordpress主题后台管理菜单制作教程
一款好的wordpress主题,必须有功能全面的后台管理菜单,这样方便用户设置自己的主题功能,WP只是集成了很少的功能,要想修改Logo,幻灯片,版权,博客样式等等,就要在后台管理菜单中集成功能,那么 ...
最新文章
- 结合Android去水印APP谈谈分区存储
- 微生物培养的福音:一个直接用16S rDNA序列来预测其培养基配方的网站!!!...
- 从一生的角度看程序员的学习和发展
- [deviceone开发]-do_Dialog的基本使用示例
- 使用表达式自定义Serilog输出格式
- 一、Web服务器——Tomcat Servlet学习笔记
- Python GUI界面编程初步 03 - Tkinter基础设计案例
- lz0-007 读书笔记17
- 3d激光雷达开发(voxel滤波)
- 社交游戏Zynga之死
- 洛谷P4782 2-SAT问题
- java和python和php_Java、Python和PHP三者的区别
- python打印10的负次方
- 【老生谈算法】matlab实现一维曲线分形维数算法源码——一维曲线分形维数
- java调用ip138实现ip地址查询
- 计算机图形学空间曲线,课程追忆之《计算机图形学》【曲线曲面篇】
- MySQL数据库_(学生_教师_课程_成绩)表_练习
- 前沿关注 | 5G和边缘计算将如何改变AR和VR?
- 同样嗑B站6个月,被室友吊打 35K Offer!
- 文字翻译器有哪些?文字翻译器哪个好?
热门文章
- 给菜单拍张照,谷歌Lens告诉你什么最好吃,两百块安卓手机就能实现 | 谷歌I/O又有黑科技
- 自定义相机添加闪光灯设置
- 计算机丢失 physxloader.dll,physxloader.dll
- druid多数据源+mybatis-plus的dynamic【一个简单例子】
- bat-网络-01-网络是否联通+wifi密码
- java fel_Fel实现探秘,兼谈EL
- 从程序员到架构师 - 架构师篇
- 知识表示学习【知识图谱专栏】
- [原创]龙之谷服务器构架结构设计实现分析
- mac幻灯片放映快捷键_如何使用预览快速制作Mac照片幻灯片