WordPress实现的首页幻灯片展示功能示例【附demo源码】

WordPress实现的首页幻灯片展示功能示例【附demo源码】

本文详细介绍了WordPress如何显示主页幻灯片，可以完成后台管理功能，将消息推送至主页幻灯片。最后附上demo源代码，供读者下载参考，朋友们一定要参考。

本文描述了用WordPress实现的主页幻灯片放映功能。分享给大家参考。实际上是这样的:

就WordPress可扩展性的优秀程序流程而言，没有什么是不能完成的。在很多新站的情况下，会在首页应用幻灯片，展示更显眼的内容。今天给大家一个如何在首页制作幻灯片的示例教程。我坚信幻灯片在各个公司的个人网页上是非常有用的，实际效果会和这个网站的首页一样。

主要应用WordPress自定义文章内容字段名的功能来区分是否需要在首页显示信息:

1。建立帖子元框

复制以下代码:/*在帖子编辑器屏幕上启动我们的元框设置功能。*/
Add_Action('load-post.PHP'，'sola_post_meta_
Add_Action('load-post-new.PHP'，'sola_post_meta_boxs_setup')；
/*这是许多必须改变的事情之一。这个函数只需要一个复选框，复选框的标题、id和其他属性被添加到$fields数组中。
后面的代码将自动创建postmetabox*/
$fields=array(
array()__('是否要在主页上的幻灯片图片中显示信息')，
'desc'=>；'选中此框并使文章成为滑动条'，
'id'=>；''sola-post-slider'，
'type'=>；'复选框'，
'默认'=>'
)
)；
/*元盒设置功能。*/
functionsola_post_meta_boxes_setup(){
/*在'add_meta_boxes'挂钩上添加元框。*/
add_action('add_meta_box'，'sola_add_post_meta_box')；
add_action('save_post'，'sola_save_post_meta_boxes'，10，2)；
}
/*创建一个或多个要在帖子编辑器屏幕上显示的元框。*/
/*这也必须更改，以设置必须创建的帖子元框的名称。哪里显示的信息*/
函数sola_Add_post_meta_boxes(){
Add_meta_box(
'sola-post-slider-class'，//UniqueID
_(//Title
'sola_SEO_box_format'，//回调函数
'post'，//管理页面(或帖子类型)
'side'，//上下文
'默认'/Priority

}
functionsola_SEO_box_format(){
global$fields，$post
//使用nonce进行验证
echo'<；inputtype="hidden"name="sola_meta_box_nonce"value="'，WP_create_nonce(basename(__FILE__))，'"/>；；
echo'<；tableclass="form-table">；
foreach($fieldsas$field){
//获取当前帖子元数据
$meta=get_post_meta($post->；ID，$field['id']，true)；
echo'<；tr>。
'<；th><“”的标签。$field['id']。">。$field['name']。</strong>；</label>；</th>；。
'<；td>；
switch($field['type']){
case'text':
echo'<；输入type="text"name=""。$field['id']。id=""。$field['id']。“值=”。($meta？$meta:$field['default'])。'"size="30"style="width:97%"/>'.'
'。$field['desc']；
break；
case'textarea':
echo'<；textareaname=""。$field['id']。id=""。$field['id']。"cols="60"rows="4"style="width:97%">；。($meta？$meta:$field['default'])。''.'
'。$field['desc']；
break；
case'select':
echo'<；选择名称=""。$field['id']。id=""。$field['id']。">；
foreach($field['options']as$option){
echo'<；选项。($meta==$option？selected="selected"':'')。'>。$option。</option>；；
}
echo'<；/select>；；
break；
case'radio':
foreach($field['options']as$option){
echo'<；输入type="radio"name=""。$field['id']。“值=”。$option['value']。"'.($meta==$option['value']？'checked="checked"':'')。'/>；。$option['name']；
}
break；
case'checkbox':
echo'<；输入type="checkbox"name=""。$field['id']。id=""。$field['id']。"'.($meta？'checked="checked"':'')。'/>；；
break；
}
echo'<；td>'.'</tr>；；
}
echo'<；/table>；；
}
函数sola_save_post_meta_boxes($post_id){
global$fields，$post；
//验证nonce
if(！WP_verify_nonce($_POST['sola_meta_box_nonce']，basename(__FILE__)){
return$POST_id；
}
//Checkautosave
if(defined('DOING_autosave')&；&DOING_autosave){
return$post_id；
}
//获取post类型对象。
$post_type=get_post_type_object($post->；post_type)；
//检查权限
如果(！current_user_can($post_type->；cap->；edit_post，$post_id))
return$post_id；
foreach($fieldsas$field){
$old=get_post_meta($post_id，$field['id']，true)；
$new=$_POST[$field['id']]；
if(＄new&；&$新！=$old){
update_post_meta($post_id，$field['id']，$new)；
}elseif(''==$new&；&$old){
delete_post_meta($post_id，$field['id']，$old)；
}
}
}

此代码将在文章内容创建和写作网页中创建如下所示的文章元框:

发布文章时，启用首页信息幻灯片显示，这篇文章会自动将消息推送到首页幻灯片。

2。加载幻灯片文章内容

接下来，要更改slider.php并应用post元框来完成，必须根据post的元信息搜索幻灯片，并编码如下

复制以下代码:$args=array(
'posts_per_page'=>；4，
'meta_key'=>；sola-post-slider'，
'meta_value'=>；on'，
)；
query_posts($args)；
通过融合get_posts()和meta_query的主要参数，就可以达到目的。如果你有数据信息，你可以立即循环系统输出。

3。点击这里的源代码本网站免费下载

期待以上对大家基于wordpress的编程设计有所帮助。