零分杂记

重写优化了一下WordPress主题设置选项，优化焦点轮播图的设置选项（还是没有把上传写进去，感觉没必要），删除了广告选项，保留了短连接选项！

设置广告，在代码中直接添加一个array数组就可以了，目前代码

<?php
/**
 *零分博客
 *后台设置选项
 */
$shortname = "eson_";    //主题简写，必须是英文、数字、下划线组合 
$options = array (
	'set'=>array(
		'title'=>'综合设置',
		'data'=>array(
			'keyword'=>array(
				'name'=>'keyword',
				'title'=>'网站关键词（Meta Keywords），中间用半角逗号隔开。',
				'num'=>1
			),
			'description'=>array(
				'name'=>'description',
				'title'=>'网站描述（Meta Description），针对搜索引擎设置的网页描述。',
				'num'=>3
			),
			'statement'=>array(
				'name'=>'statement',
				'title'=>'网站声明及联系方式',
				'num'=>3
			),
			'record'=>array(
				'name'=>'record',
				'title'=>'网站ICP备案号',
				'num'=>1
			),
			'statistics'=>array(
				'name'=>'statistics',
				'title'=>'统计代码',
				'num'=>3
			)
		)
	),
	'slider'=>array(
		'title'=>'焦点图',
		'data'=>array(
			'slider'=>array(
				'title'=>'焦点图标题',
				'pic'=>'焦点图URL',
				'url'=>'焦点图链接'
			),
		),
	),
	'short'=>array(
		'title'=>'短连接管理',
		'data'=>array(
			'short'=>array(
				'title'=>'短连接标题',
				'url'=>'长链接URL',
				'shorturl'=>'短连接URL'
			),
		),
	),
	
);
function eson_page (){
	global 	$shortname,$options;
	if ( count($_POST) > 0 && isset($_POST[$shortname.'settings']) ){
		foreach ( $options as $opts ){
			foreach($opts["data"] as $ky=>$opt){
				delete_option ( $shortname.$ky, json_encode($_POST[$ky]) );
				add_option ( $shortname.$ky, json_encode($_POST[$ky]) );	
				}
			}
	}
	add_theme_page(__('主题设置'), __('主题设置'), 'edit_themes', basename(__FILE__), $shortname.'settings');
}
function eson_settings(){global	$shortname,$options;?>
<style type="text/css">
ruby {
	font-size:60px;
	color:red;
	font-family:微软雅黑;
}
.tab {
	border:solid 1px;
	border-color:#aaa;
	width:960px;
	margin:10px auto auto 10px;
	text-align:left;
}
.hd {
	height:25px;
	width:100%;
	border-bottom:solid 1px;
	border-color:#aaa;
}
.hd ul {
	padding:0;
	margin:0;
	height:26px;
	overflow: hidden;
}
.hd .nomal {
	font-size:14px;
	height:26px;
	line-height:25px;
	display:inline-block;
	width:32%;
	text-align:center;
	border-right:solid 1px;
	border-color:#aaa;
	cursor:pointer;
	list-style:none;
	}
.hd .activeTab {
	color:#2481C6;
	font-weight: bold;
	}
#content {
	padding:20px 10px;
	} 
fieldset{
	width:100%;
	border:1px solid #aaa;
	padding-bottom:10px;
	margin-top:5px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	}
legend{
	margin-left:5px;
	padding:0 5px;
	color:#2481C6;
	cursor:pointer;
	}
textarea{
	width:100%;
	font-size:11px;
	border:1px solid #aaa;
	-webkit-box-shadow:rgba(0,0,0,.2) 1px 1px 2px inset;
	-moz-box-shadow:rgba(0,0,0,.2) 1px 1px 2px inset;
	box-shadow:rgba(0,0,0,.2) 1px 1px 2px inset;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	}
input:focus,textarea:focus{
	 -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px;
	 -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px;
	 box-shadow:rgba(0,0,0,.2) 0px 0px 8px;
	 outline:none;
	 }
.short_input_li,.slider_input_li{
	position:relative;
	height:30px;
	line-height:30px;
	margin:10px 0;
	}
.short_input,.slider_input{
	padding:10px;
	border:1px solid #aaa;
	margin:5px 0;
	position:relative;
	}
.short_input_li label,.slider_input_li label{
	width:100px;
	background:#f1f1f1;
	position:absolute;
	top:0;left:0;
	height:30px;
	line-height:30px;
	} 
.short_input_li input,.slider_input_li input{
	height:30px;
	line-height:30px;
	margin:0 0 0 100px;
	width:750px;
	}
.short_input .btn,.slider_input .btn{
	position:absolute;
	bottom:20px;
	right:10px;
	font-size:30px;
	line-height:30px;
	padding:5px;
	font-weight:800;
	color:#0085ba;

	cursor:pointer;
	}
.short_input .btn i,.slider_input .btn i{
	margin:0 5px;
	}
.form-table td{
	margin:0;
	padding:5px 10px;
	}
.form-table td span{
	padding:5px 0;
	display: block;
	}
</style>
<script src="<?php bloginfo('template_url');?>/images/js/jquery-3.3.1.min.js"></script>
<form method="post">
<input type="hidden" name="eson_settings" value="save" style="display:none;" />
<input type="hidden" name="activeTab" id="activeTab" value="<?php echo isset($_POST['activeTab'])?$_POST["activeTab"]:"set";?>">
<div style="height:40px;line-height:40px;font-size:26px;font-weight: bold;margin: 10px auto auto 10px;">主题设置</div>
	<div class="tab">
		<div class="hd">
			<ul>
			<?php $i=0; foreach($options as $k=>$ops){$i++;?>
			<li class="nomal <?php echo (isset($_POST["activeTab"]) && $_POST["activeTab"]==$k) || (!isset($_POST["activeTab"]) && $i==1) ? 'activeTab':$i;?>" data-tab="<?php echo $k;?>"><?php echo $ops["title"]?></li>
			<?php }?>
			</ul>
		</div>
		
		<div id="content">
			<?php $i=0; foreach($options as $k=>$ops){$i++;?>
				<div id="<?php echo $k;?>" style="<?php echo  (isset($_POST["activeTab"]) && $_POST["activeTab"]==$k) || (!isset($_POST["activeTab"]) && $i==1)?'display:block':'display:none';?>">
				<fieldset><legend><strong><?php echo $ops["title"];?></strong></legend>
				<table class="form-table">
					<?php if($k=="slider" || $k=="short"){?>
					<div class="<?php echo $k;?>" id="<?php echo $k;?>">
					<tr><td>
						<div class="<?php echo $k;?>" id="<?php echo $k;?>">
							
							<?php if(!empty(json_decode(get_option($shortname.$k))) && is_array(json_decode(get_option($shortname.$k)))){?>
								<?php $n=0; foreach(json_decode(get_option($shortname.$k)) as $data){?>
								<div class="<?php echo $k;?>_input">
									<?php  $m=0;  foreach($ops["data"][$k] as $key=>$v){?>
										<div class="<?php echo $k;?>_input_li"><label><?php echo $ops["data"][$k][$key];?>：</label><input type="text" name='<?php echo $k;?>[<?php echo $n;?>][<?php echo $key;?>]' value="<?php echo $key=='shorturl'?bloginfo('url').'/go/5_'.$n.'_0_'.time().'.html':$data->$key;?>"></div>
									<?php  $m++; }?>
									<span class="btn"><?php if($n==0 ){?><i class="addpic" title="添加链接">+</i><?php }else{?><i class="delepic" title="删除链接">-</i><?php } ?></span>
								</div>
								<?php $n++;} ?>
								
								<?php }else{ ?>
								<div class="<?php echo $k;?>_input">
									<?php $m=0; foreach($ops["data"][$k] as $key=>$v){?>
										<div class="<?php echo $k;?>_input_li"><label><?php echo $ops["data"][$k][$key];?>：</label><input type="text" name='<?php echo $k;?>[0][<?php echo $key;?>]' value=""></div>
									<?php  $m++; }?>
									<span class="btn"><?php if($n==0 ){?><i class="addpic" title="添加链接">+</i><?php }else{?><i class="delepic" title="删除链接">-</i><?php } ?></span>
								</div>
								<?php }	?>
							
						</div>
					</td></tr>
					</div>
					<?php }else{?>
					
					<tr><td>
					<?php foreach($ops['data'] as $keys=>$val){?>
						<span><?php echo $val["title"];?></span>
						<textarea name="<?php echo $val["name"];?>" id="<?php echo $val["name"];?>" rows="<?php echo $val["num"];?>" cols="70"><?php echo stripslashes(json_decode(get_option($shortname.$val["name"]))); ?></textarea><br /><br />
						
					
					<?php } ?>
					</td></tr>
					<?php } ?>
		
			</table>
			</fieldset>
			</div>
			<?php } ?>
		</div>

	</div>
	<p class="submit"><input type="submit" name="submit" class="button-primary" value="保存设置" /></p>
</form>

<div id="ok" style="display:none;position:fixed;width:100px;height:20px;line-height:20px;background:#33A600;color:#fff;left:40%;top:30%;padding:10px;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">保存成功</div>

<div id="spare-box" style="display:none;">
	<div class="short-box">
		<div class="short_input">
			<div class="short_input_li"><label>短连接标题：</label><input type="text" name="spare-title" value=""></div>
			<div class="short_input_li"><label>长链接URL：</label><input type="text" name="spare-url" value=""></div>
			<div class="short_input_li"><label>短连接URL：</label><input type="text" name="spare-shorturl" value=""></div>
			<span class="btn"><i class="delepic" title="删除链接">-</i></span>
		</div>
	</div>

	<div class="slider-box">
		<div class="slider_input">
		<div class="slider_input_li"><label>焦点图标题：</label><input type="text" name="spare-title" value=""></div>
		<div class="slider_input_li"><label>焦点图URL：</label><input type="text" name="spare-pic" value=""></div>
		<div class="slider_input_li"><label>焦点图链接：</label><input type="text" name="spare-url" value=""></div>
		<span class="btn"><i class="delepic" title="删除链接">-</i></span>
	</div>
	
</div>

</div>

<script type="text/javascript">
$('.tab .hd ul li').on("click",function(){
	if($(this).hasClass('activeTab')) 
		return;
	$('.hd ul li').removeClass('activeTab');
	$(this).addClass('activeTab');
	var tabId = $(this).attr('data-tab');
	$('#content > div').hide();
	$('#' + tabId).show();
	$("#activeTab").val($(this).attr('data-tab'));
	});
$('.submit').on("click",function(){
	$('#ok').fadeIn().delay(1000).fadeOut(1000);
})

$(".addpic").click(function(){
	var div=$(this).parent().parent().parent();
	var id=div.attr("id");
	var i=$("#"+id+">."+id+"_input").length;
	var html=$("."+id+"-box").html();
	html=html.replace('spare-title',id+'['+i+'][title]');
	html=html.replace('spare-url',id+'['+i+'][url]');
	html=html.replace('spare-pic',id+'['+i+'][pic]');
	html=html.replace('spare-shorturl',id+'['+i+'][shorturl]');
	$("#"+id).append(html);
	$(".delepic").on("click",function(){
		$(this).parent().parent().remove();
		});
	
});
$(".delepic").on("click",function(){
	$(this).parent().parent().remove();
	});
</script>
<?php }add_action('admin_menu', 'eson_page');?>

只写适合自己在写主题的选项，记录共参考！