wordpress 后台页面模板动态切换

简单的说明下. 在后台 新建页面 的时候, 有个页面属性 - 模板, 想必大家都知道这是什么功能. 但是页面可能是多样化..比如: 很多时候..可能不同 页面, 需要不同的定制, 所有我考虑到这个. 就想出了一个办法. 就是 当我选择 模板?的时候就让后台的 项目自动添

简单的说明下.

在后台 新建页面 的时候, 有个页面属性 -> 模板, 想必大家都知道这是什么功能.

但是页面可能是多样化..比如:

很多时候..可能不同 页面, 需要不同的定制, 所有我考虑到这个. 就想出了一个办法. 就是 当我选择 模板?的时候就让后台的 项目自动添加需要的 模块

比如我选择了一个 茶园页面模板 就刷出 一个本类介绍模块?.

好了..直接上代码吧.

首先要后台加载 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 后台页面模板动态切换, 感谢原作者分享。