简单的说明下. 在后台 新建页面 的时候, 有个页面属性 - 模板, 想必大家都知道这是什么功能. 但是页面可能是多样化..比如: 很多时候..可能不同 页面, 需要不同的定制, 所有我考虑到这个. 就想出了一个办法. 就是 当我选择 模板?的时候就让后台的 项目自动添
简单的说明下.
在后台 新建页面 的时候, 有个页面属性 -> 模板, 想必大家都知道这是什么功能.
但是页面可能是多样化..比如:
很多时候..可能不同 页面, 需要不同的定制, 所有我考虑到这个. 就想出了一个办法. 就是 当我选择 模板?的时候就让后台的 项目自动添加需要的 模块
比如我选择了一个 茶园页面模板 就刷出 一个本类介绍模块?.
好了..直接上代码吧.
首先要后台加载 javascript select事件?触发重新提交URL. 这一步要写个 js 后台的时候导入:
define('MTHEME_JS', get_template_directory_uri() . '/js' ); function admin_enqueue_scripts(){ wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'template', MTHEME_JS . '/admin/template.js', 'jquery', COAUTHORS_PLUS_VERSION, true); } add_action( 'admin_enqueue_scripts', 'admin_enqueue_scripts' );
?tempate.js:
jQuery(document).ready(function($) { if($('#page_template').length > 0){ var uri = new Uri(window.location.href); var val = uri.getQueryParamValue('temp'); $('#page_template').on('change', function(){ var v = $(this).val(); if(v != 'default'){ v = v.split('/'); //v = encodeURIComponent(v); //v = URLencode(v); if(uri.getQueryParamValue('temp')){ window.location.href = uri.replaceQueryParam('temp', v[0]+"_"+v[1]); }else{ window.location.href = uri.addQueryParam('temp', v[0]+"_"+v[1]); } } }); if(val){ $('#page_template').val(val.replace(/_/g, '/')); } } });
这样给 选择模板 下拉框绑定了事件, ?当你选择的时候 模板 的时候.会发现页面重定向了 多了一个参数?&temp=XXXX.php?那我们在?functions.php?里就可以写入判断了. 下面是完整的 PHP
<?php /** * 后台初始化编辑器默认内容布局 * 通过 temp 变量动态修改默认编辑器布局 * */ if ($_GET ['temp'] || ($_GET ['action'] == 'edit' && $_GET ['post']) || $_POST ['post_type'] == 'page') { global $temp_name, $_meta_boxes; $_meta_boxes = array ( // 茶事列表模板 'page-templates/teamatter-page.php' => array(), // 茶人页面模板 'page-templates/teamasters-page.php' => array( 'method' => 'teamasters', 'content' => '<div class="content-col-main">头部本页介绍</div> <div class="content-col-main">这里可以加入幻灯片</div> <div class="content-col-main"> <h2>茶人语录</h2> <div class="house_list clear"> <div class="house_list_single alignleft"> <div class="title clear"> <p class="alignleft">名称</p> <div class="alignleft"> <h2> 标题 </h2> </div> </div> <div class="the_content clear"> <div class="cthumbnail alignleft"> 上传图片 </div> <div class="c_text alignleft"> 内容 </div> </div> </div> </div> </div>', 'element' => array( "description" => array ( "name" => "teagarden_information", "std" => "这里填默认的网页描述", "title" => "本类介绍:" ) ) ), // 茶园页面模板 'page-templates/teagarden-page.php' => array( 'method' => 'teagarden', 'content' => '', 'element' => array( "description" => array ( 'name' => "teagarden_information", 'std' => "这里填默认的网页描述", 'title' => "本类介绍:", 'type' => 'editor' ) ) ), // 茶礼页面模板 'page-templates/teaceremony-page.php' => array(), // 茶道列表模板 'page-templates/teataoism-page.php' => array(), // 茶道总览模板 'page-templates/teataoismtotal-page.php' => array(), // 茶馆列表模板 'page-templates/teahouses-page.php' => array(), // 茶馆总览模板 'page-templates/teahouseoverview-page.php' => array(), ); $temp_name = str_replace ( "_", "/", $_GET ['temp'] ); // 判断是什么类型的 function return_tepmlate($temp_name) { global $current_screen, $temp_name, $_meta_boxes, $temp_css; foreach ($_meta_boxes as $k => $_box){ if($k == $temp_name){ return $_box['content']; } } } function custom_editor_content($content) { global $current_screen, $temp_name, $temp_css; $content = return_tepmlate ( $temp_name ); return $content; } function custom_editor_style() { global $current_screen, $temp_css; add_editor_style ( array ( 'editor-style.css', 'editor-style.css' ) ); } //返回自定义值 function _return_defined($defined){ global $temp_name, $_meta_boxes; foreach ($_meta_boxes as $k => $_box){ if($k == $temp_name){ return $_box[$defined]; } } } add_filter ( 'default_content', 'custom_editor_content' ); add_action ( 'admin_head', 'custom_editor_style' ); if ($_GET ['post'] && ! $_GET ['temp']) { $post = get_page ( $_GET ['post'] ); $temp_name = $post->page_template; $method = _return_defined('method'); if($method){ $method(); } } elseif ($_GET ['post'] && $_GET ['action'] == 'edit') { $method = _return_defined('method'); if($method){ $method(); } } elseif ($_GET ['post_type'] == 'page'){ $method = _return_defined('method'); if($method){ $method(); } } if ($_POST) { add_action ( 'save_post', 'save_postdata' ); } } function teamasters(){ } // 茶园 function teagarden() { global $temp_name, $_meta_boxes; if(!_return_defined('element')){ return ''; } // 在'add_meta_boxes'挂载 add_xz_box 函数 add_action ( 'add_meta_boxes', 'add_heads_box' ); function add_heads_box() { add_meta_box ( 'head_box', '本类介绍 - 文章头部内容', 'head_box', 'page', 'advanced', 'core' ); } function head_box($post) { // 显示设置区域的回调函数 global $temp_name, $_meta_boxes; $description = _return_defined('element'); if($description){ foreach ( $description as $meta_box ) { $meta_box_value = get_post_meta ( $post->ID, $meta_box ['name'] . '_value', true ); if ($meta_box_value == "") $meta_box_value = $meta_box ['std']; if($meta_box ['title']){ echo '<h4>' . $meta_box ['title'] . '</h4>'; } switch ($meta_box['type']){ case 'textarea': echo '<textarea cols="145" rows="6" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea>'; break; case 'text': echo '<input type="text" name="' . $meta_box ['name'] . '_value" id="' . $meta_box ['name'] . '_text" value="' . $meta_box_value . '">'; break; case 'editor': wp_editor ( str_replace ( '\"', '"', $meta_box_value ), $meta_box ['name'] . '_value', $settings = array ( quicktags => 1, tinymce => 1, media_buttons => 0, textarea_rows => 4 ) ); break; } echo '<input type="hidden" name="' . $meta_box ['name'] . '_noncename" id="' . $meta_box ['name'] . '_noncename" value="' . wp_create_nonce ( plugin_basename ( __FILE__ ) ) . '">'; // 自定义字段标题 //echo '<h4>' . $meta_box ['title'] . '</h4>'; // 自定义字段输入框 // echo '<textarea cols="145" rows="6" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br>'; } } } } // 保存数据 function save_postdata($post_id) { global $post, $_meta_boxes, $temp_name; if($_meta_boxes){ foreach ($_meta_boxes as $key => $value){ if($key == $post->page_template){ if($value['element']){ foreach ( $value['element'] as $meta_box ) { if (! wp_verify_nonce ( $_POST [$meta_box ['name'] . '_noncename'], plugin_basename ( __FILE__ ) )) { return $post_id; } if ('page' == $_POST ['post_type']) { if (! current_user_can ( 'edit_page', $post_id )) return $post_id; } else { if (! current_user_can ( 'edit_post', $post_id )) return $post_id; } $data = $_POST [$meta_box ['name'] . '_value']; if (get_post_meta ( $post_id, $meta_box ['name'] . '_value' ) == "") add_post_meta ( $post_id, $meta_box ['name'] . '_value', $data, true ); elseif ($data != get_post_meta ( $post_id, $meta_box ['name'] . '_value', true )) update_post_meta ( $post_id, $meta_box ['name'] . '_value', $data ); elseif ($data == "") delete_post_meta ( $post_id, $meta_box ['name'] . '_value', get_post_meta ( $post_id, $meta_box ['name'] . '_value', true ) ); } } } } } }
接下来就完事了…..我只是做了一个 例子, 希望大家给点意见或者更好的办法, 也希望我的办法能解决大家和我一样的情况….
忘了说:这只支持3.5版本, 要支持 3.4 需要改这里:
//因为3.5 里面get_page 可以返回 模板的值 $temp_name = $post->page_template; //而且 3.4 里面并没有所以要用其他函数来获取. $temp_name = get_post_meta( $post->ID, '_wp_page_template', true );
如上一改就行了~~~~
原文地址:wordpress 后台页面模板动态切换, 感谢原作者分享。