给Emlog6.0.0正式版之后台增加多个侧边栏教程

2018-10-9 / 12 评论 / 16221 阅读

emlog6.0.0的正式版本自发布以来,相对5.3.1版本少了很多功能,本教程就是舍力讲述后台侧边栏多个调用的代码。模板的使用教程请参考《Emlog模板调用多个侧边栏教程》,下面我具体教程:

打开后台模板文件(admin/views/widgets.php)找到代码

<form action="widgets.php?action=compages" method="post" class="form-inline">
此处内容省略,对照源文件即可...
</form>

,用下面代码代码替换即可(请先备份,以防万一)

<form action="widgets.php?action=compages" method="post" class="form-inline">
   <div class="panel-body">
    <div class="panel-group adm_widget_box" id="sortable">
<?php if($tpl_sidenum > 1):?>
     <p><select id="wg_select"><?php for($i=1;$i<=$tpl_sidenum;$i++):if($i==$wgNum):?><option value="<?php echo $i;?>" selected>侧边栏<?php echo $i;?></option><?php else:?><option value="<?php echo $i;?>">侧边栏<?php echo $i;?></option><?php endif;endfor;?></select></p>
<?php endif;?>
<?php
foreach ($widgets as $widget):
$flg = strpos($widget, 'custom_wg_') === 0 ? true : false; //是否为自定义组件
$title = ($flg && isset($custom_widget[$widget]['title'])) ? $custom_widget[$widget]['title'] : ''; //获取自定义组件标题
if($flg && empty($title)){
preg_match("/^custom_wg_(\d+)/", $widget, $matches);
$title = '未命名组件('.$matches[1].')';
}?>
<?php if($widgetTitle[$widget]){?>
     <div class="panel panel-default active_widget" id="em_<?php echo $widget; ?>" style="cursor:move;">
      <div class="panel-heading">
       <input type="hidden" name="widgets[]" value="<?php echo $widget; ?>" />
       <h4 class="panel-title"><?php if($flg){echo $title;}else{echo $widgetTitle[$widget];}?></h4>
      </div>
     </div>
<?php }endforeach; ?>
    </div>
   </div>
   <input type="hidden" name="wgnum" id="wgnum" value="<?php echo $wgNum; ?>" />
   <div style="margin:20px 40px;"><input type="submit" value="保存组件排序" class="btn btn-primary" /> <a href="javascript:em_confirm(0, 'reset_widget', '<?php echo LoginAuth::genToken(); ?>');" class="btn btn-danger" >恢复出厂设置</a></div>
  </form>



教程完毕!!!当模板支持多个侧边栏时,后台及可自行设置侧边栏,效果图如下:

多个侧边栏.jpg

-=-增加随机文章的代码

<div id="random_log" class="panel panel-default">
 <div class="panel-heading">
  <h4 class="panel-title">
   <a data-toggle="collapse" data-parent="#accordion" href=".random_log" class="widget-title" aria-expanded="false">随机文章</a>
   <li class="widget-act-add"></li>
   <li class="widget-act-del"></li>
  </h4>
 </div>
 <div class="random_log panel-collapse collapse" aria-expanded="false">
  <div class="panel-body">
   <form action="widgets.php?action=setwg&wg=random_log" method="post" class="form-inline">
    <li>标题</li>
    <li><input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['random_log']; ?>"  /></li>
    <li>显示随机文章数</li>
    <li><input class="form-control" maxlength="5" size="10" value="<?php echo Option::get('index_randlognum'); ?>" name="index_randlognum" /> <input type="submit" name="" value="更改" class="btn btn-primary btn-sm" /></li>
   </form>
  </div>
 </div>
</div> 

评论一下?

OωO
取消
    1. 头像
      运营兔
      第10楼
      有技术的人就是好啊,我一个小白就光折腾找6.0.0的emlog侧边栏就花了一天还没找到,搞了半天要调整代码呀。
      回复
      1. 头像
        舍力
        @运营兔:对你有用就好。
        回复
    1. 头像
      沙扬娜拉
      第9楼
      很久没玩emlog.都6.0了啊
      回复
    1. 头像
      网上兼职赚钱
      第8楼
      懂技术真好,不懂技术想改不知道怎么弄
      回复
    1. 头像
      网站建设
      第7楼
      侧边栏的作用还会很大的
      回复
    1. 头像
      精斑检测试纸
      第6楼
      博主用心了
      回复
    1. 头像
      女装品牌
      第5楼
      文章不错支持一下
      回复
    1. 头像
      男装品牌
      第4楼
      文章不错非常喜欢
      回复
    1. 头像
      子午书屋
      地板
      你这网站很专业啊,专门介绍emlog呀
      回复
      1. 头像
        舍力
        @子午书屋:有用就好!
        回复
    1. 头像
      网站建设
      板凳
      这样会方便多了
      回复
    1. 头像
      深圳电脑维修
      沙发
      我也更新6.0了
      回复