模板开发基础指南（适用于emlog5） 本文分析emlog5下的模板基本结构以及基本变量、函数的作用，详细了解本文，有助于更快掌握emlog5的模板开发基础。 emlog的模板位于安装目录content\templates\文件夹下，每个模板都是一个单独的文件夹，文件夹以模板名字命名。通过后台上传安装的模板都保存在这个目录下。 模板文件目录说明 一般来说，一个模板都会包含以下几个部分： images文件夹：存放模板所需图片。 echo_log.php：显示日志内容。 footer.php：页面底部。 header.php：页面头部。 log_list.php：显示日志列表内容。 main.css：模板的css文件。 module.php：模板公共代码，包含侧边widgets、评论、引用、编辑等，该文件是模板最核心的模块。 page.php：自定义的页面内容的模板。 preview.jpg：在后台模板选择界面显示的模板预览图，300×225 jpg格式。 side.php：模板侧边栏文件，如制作单栏模板则该文件不是必须的。 t.php：显示emlog系统自带的微博（碎语）内容。 404.php 自定义404页面未找到时的报错页面 在一般的emlog模板开发中，以上提及的部分中echo_log.php、log_list.php、module.php、page.php、 t.php、header.php以及preview.jpg是不可或缺的，一旦缺省，模板将无法运行。此外的side.php、footer.php、 main.css、images文件夹等，只需要对模板代码做小部分更改，那么它们都是可以改名、移动、甚至删除的。 下面我们将对以上各模块进行简要分析： 公共代码分析 通过预览整个模板中的各个文件，你会发现以下代码同时存在于多个文件中，这些代码分别有以下用途： if(!defined('EMLOG_ROOT')) {exit('error!');} 此行代码存在于模板目录下的每个php文件起始部分(事实上为了安全起见，该行代码也在admin目录下的几乎所有php文件起始部分存在)，其作用是防 止代码所在的php脚本被直接访问执行。 require_once View::getView('side'); require_once View::getView('footer'); 这两行代码存在于log_list.php、echo_log.php、page.php、t.php里面，其作用是调用模板文件夹下的side.php 和footer.php的代码到当前文件的当前位置。View是emlog的模板视图控制器，View::getView('文件名','文件后缀')将 返回当前模板安装路径下对应的文件。getView函数的第二个参数为缺省参数，在不传入值的情况下，将默认作为.php文件后缀返回文件路径。 header.php 开头注释内容是模板信息，该信息显示在模板选择界面 Template Name:模板名称 Description:模板介绍描述 Author:模板作者 Author Url:作者或模板发布的URL Sidebar Amount:标记该模板有几个侧边栏，一般为1，有些模板有两个侧边栏则标记2。这样可以在后台widgets里识别管理（具体可下载体验官方收录的模板G7）。 之后是具体代码部分： if(!defined('EMLOG_ROOT')) {exit('error!');} 该行代码同样存在于其它模板文件中，为防止该文件被直接执行。 require_once View::getView('module'); 加载模板公共代码. * $site_title：站点标题 * $site_key：关键字 * $site_description：输出博客设置的摘要 * BLOG_URL：博客首页的URL，* TEMPLATE_URL：模板文件夹的URL，用于加载模板内的css、js及其他内容， * BLOG_URL.Option::get('topimg')：这句可以无视，因为只默认模板可以自定义banner，其它模板没这功能（卡片语：很没营养的设定，嗯。） <?php echo $curpage == CURPAGE_HOME ? 'current' : 'common';?> 判断当前是否首页，是则给导航加current类，用于表现当前位置。 <?php if($istwitter == 'y'):?>…….<?php endif;?> 如后台设置在前台显示碎语，则输出…….中的内容。 <?php echo $curpage == CURPAGE_TW ? 'current' : 'common';?> 判断当前URL是否为碎语并选择加类名。 <?php foreach ($navibar as $key ⇒ $val):?>…….<?php endforeach;?> 输出自定义页面的链接 footer.php Option::EMLOG_VERSION：获得版本号。 $icp：获得后台设置的ICP备案号。 <?php doAction('index_footer'); ?> 页脚底部挂载点加入。 log_list.php <?php doAction('index_loglist_top'); ?> 页脚底部挂载点加入。 $value['logid'] 该变量为当前日志的id <?php topflg($value['top']); ?> 显示置顶标记，该函数位于模板module.php内。 <?php echo $value['log_url']; ?> 输出日志URL <?php echo $value['log_title']; ?> 输出日志标题 <?php blog_author($value['author']); ?> 输出日志的作者，该函数位于模板module.php内。 <?php echo gmdate('Y-n-j G:i l', $value['date']); ?> 输出日志发布时间，参数'Y-n-j G:i l'用于定义日期格式。 <?php blog_sort($value['logid']); ?> 输出日志所属的分类，该函数位于模板module.php内。 <?php editflg($value['logid'],$value['author']); ?> 当管理员或作者登陆时显示“编辑”链接，该函数位于模板module.php内。 <?php echo $value['log_description']; ?> 输出日志摘要（没有摘要则输出全文）。 <?php blog_att($value['logid']); ?> 如日志有附件则输出附件，该函数位于模板module.php内。 <?php blog_tag($value['logid']); ?> 输出日志的标签，该函数位于模板module.php内。 <?php echo $value['comnum']; ?> 输出当前日志的评论数 <?php echo $value['tbcount']; ?> 输出当前日志的引用量 <?php echo $value['views']; ?> 输出当前日志的浏览量 <?php echo $page_url;?> 显示当前列表页的翻页功能。 <?php include View::getView('side'); include View::getView('footer'); ?> 加入侧边栏及加入页脚。 echo_log.php 该文件功能函数与列表页一致，但参数有区别，注意区分。 $logid 该变量为当前日志的id <?php topflg($top); ?> 显示置顶标记，该函数位于模板module.php内。 <?php echo $log_title; ?> 输出日志标题。 <?php blog_author($author); ?> 输出日志的作者，该函数位于模板module.php内。 <?php echo gmdate('Y-n-j G:i l', $date); ?> 输出日志发布时间，参数'Y-n-j G:i l'用于定义日期格式。 <?php blog_sort($logid); ?> 输出日志所属的分类，该函数位于模板module.php内。 <?php editflg($logid,$author); ?> 当管理员或作者登陆时显示“编辑”链接，该函数位于模板module.php内。 <?php echo $log_content; ?> 输出日志全文内容。 <?php blog_att($logid); ?> 如日志有附件则输出附件，该函数位于模板module.php内。 <?php blog_tag($logid); ?> 输出日志的标签，该函数位于模板module.php内。 <?php echo $comnum; ?> 日志页显示评论数 <?php echo $tbcount; ?> 日志页显示引用数 <?php echo $views; ?> 日志页显示浏览量 <?php doAction('log_related', $logData); ?> 相关日志的挂载点，与3.x版本不同，4.0带第二参数。 <?php neighbor_log($neighborLog); ?> 输出邻近，就是上一篇及下一篇，该函数位于模板module.php内。 <?php blog_trackback($tb, $tb_url, $allow_tb); ?> 输出该日志被引用的信息列表，与3.x不同注意区分。 <?php blog_comments($comments); ?> 输出该日志评论列表，与3.x不同注意区分。 <?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark); ?> 输出发表评论框，与3.x不同注意区分。 page.php 该文件写法与echo_log.php类似，不再重复。 t.php 与之前相同的内容不再重复。 <?php echo $avatar; ?> 输出头像。 <?php echo $author; ?> 输出作者名。 <?php echo $val['t'];?> 输出碎语内容。 <?php echo DYNAMIC_BLOGURL; ?> 根据当前url输出博客地址，主要用于js，解决跨域问题。 <?php echo $tid;?> 输出碎语所在数据库中的id号。 <?php echo $val['date'];?> 发布碎语的时间。 $reply_code ：其值为‘n’或‘y’，后台设置是否启用碎语回复验证码。 <?php echo $rcode; ?> 输出验证码。 side.php 侧边栏，主要负责根据后台widgets设置信息输出侧边栏内容。建议该文件内代码保持不变。 module.php 模板公共代码，包含侧边widgets、评论、引用、编辑等。 该文件由若干函数组成，被博客前台文件调用，可在内自定义函数实现更多功能。 如在自定义函数内调用emlog缓存时，假设读取user缓存信息，则形如： global $CACHE; $user_cache = $CACHE→readCache('user'); 如需要操作数据库，则形如： $DB = MySql::getInstance(); $res = $DB→query($sql); 以上两点与3.x不同，请注意区分。 404.php 用于自定义404页面的模板。 最后附：前台模板部分挂载点一览   doAction('index_footer'); 页脚底部挂载点 doAction('index_loglist_top'); 首页日志列表顶部挂载点 doAction('log_related', $logData); 相关日志挂载点 doAction('diff_side'); 侧边栏挂载点 本文转载自emlog官网

首先看 init.php，找到其中的： define('TEMPLATE_URL', TPLS_URL.Option::get('nonce_templet').'/'); 将其替换为如下代码： session_start(); if(isset($_GET['theme'])){ $theme = $_GET['theme']=='reset' ? Option::get('nonce_templet') : $_GET['theme']; $_SESSION['theme']=$theme; }elseif(isset($_SESSION['theme'])){ $theme=$_SESSION['theme']; }else{ $theme=''; } if($theme==''){ define('TEMPLATE_NAME', Option::get('nonce_templet')); }else{ define('TEMPLATE_NAME', $theme); } define('TEMPLATE_URL', TPLS_URL.TEMPLATE_NAME.'/'); 然后将 index.php 和 t/index.php 两个文件中的： define('TEMPLATE_PATH', TPLS_PATH.Option::get('nonce_templet').'/'); 均改为： define('TEMPLATE_PATH', TPLS_PATH.TEMPLATE_NAME.'/'); 修改完之后，将这三个文件重新上传覆盖原文件就可以了。要查看某个模板的效果，直接在博客地址后面加上“?theme=模板目录”参数就行了，如 “http://www.pigzt.com/?theme=ting”，要看后台设置的默认模板，要么关闭浏览器重新访问，要么将模板名称换成 “reset”就行了，即：“http://www.pigzt.com/?theme=reset”。 本文转自：独狼博客

效果图： 教程如下： 代码是借助封装js代码msclass进行修改，需要修改三个文件：module.php，head.php,index.php或者log_list.php。具体代码修改如下： 一、在module .php文件底部加入如下代码 <?php //slide数据源 //定义函数，只有一个参数$num，即为调用的数据条数 function get_flash_data_img($num){ //面向对象中静态方法实例化数据库对象（我是这么理解的） $db = MySql::getInstance(); //下面是数据库语句，即获取gid,title,data,content等内容，非隐藏，时间正序，总共$num条数据 $sql = "SELECT gid,title,content,date FROM ".DB_PREFIX."blog WHERE type='blog' and top='y' ORDER BY `top` DESC ,`date` DESC LIMIT 0,$num"; $go = $db->query($sql); //开始循环进行显示 while($row = $db->fetch_array($go)){ $img_url = ''; //picthumb()函数为获取文章附件图片的函数，后面会补上 //如果附件中含有图片，那么$img_url就等于附件图片的地址 if(picthumb($row['gid'])){ $img_url = picthumb($row['gid']); //pin_thumb()函数为获取文章中图片链接的函数，后面会补上 //如果附件中不含图片，但是文章中有外链图片，则$img_url等于外链图片的地址 }elseif(pic_thumb($row['content'])){ $img_url = pic_thumb($row['content']); //如果以上两种情况都没有图片，那么$img_url就等于默认图片 //如下默认图片的路径是模板路径下images文件夹下的default_flash.jpg文件 }else{ $img_url = TEMPLATE_URL.'images/default_flash.jpg'; } //下面这一句是非常关键的，$data即为我们上面步骤所说的数据 //第二步骤中我们知道格式为“<b><span style="color:#e53333;"><div><img src="图片地址1" stitle="标题名1" slink="链接地址1" /></div></span></b>” //如下格式必须和上面步骤中提取出来的数据格式一致。如果是不同的幻灯片插件，只需此处的格式不同而已。 $data1 = '<li><img src="'.$img_url.'" stitle="'.$row['title'].'" slink="'.Url::log($row['gid']).'" /></li>'; $data2 = '<li><a href="'.Url::log($row['gid']).'">'.$row['title'].'</a></li>'; //最后打印出数据，由于当前代码的位置是在while的循环体，因此会循环$num条数据 ?> <li><a href="<?php echo Url::log($row['gid']); ?>"><img src="<?php echo $img_url; ?>" alt="<?php echo $row['title']; ?>" width="420" height="280" /></a></li> <?php } ?> <?php } ?> <?php //slide数据源 //定义函数，只有一个参数$num，即为调用的数据条数 function get_flash_data_art($num){ //面向对象中静态方法实例化数据库对象（我是这么理解的） $db = MySql::getInstance(); //下面是数据库语句，即获取gid,title,data,content等内容，非隐藏，时间正序，总共$num条数据 $sql = "SELECT gid,title,content,date FROM ".DB_PREFIX."blog WHERE type='blog' and top='y' ORDER BY `top` DESC ,`date` DESC LIMIT 0,$num"; $go = $db->query($sql); //开始循环进行显示 while($row = $db->fetch_array($go)){ $img_url = ''; //picthumb()函数为获取文章附件图片的函数，后面会补上 //如果附件中含有图片，那么$img_url就等于附件图片的地址 if(picthumb($row['gid'])){ $img_url = picthumb($row['gid']); //pin_thumb()函数为获取文章中图片链接的函数，后面会补上 //如果附件中不含图片，但是文章中有外链图片，则$img_url等于外链图片的地址 }elseif(pic_thumb($row['content'])){ $img_url = pic_thumb($row['content']); //如果以上两种情况都没有图片，那么$img_url就等于默认图片 //如下默认图片的路径是模板路径下images文件夹下的default_flash.jpg文件 }else{ $img_url = TEMPLATE_URL.'images/default_flash.jpg'; } //下面这一句是非常关键的，$data即为我们上面步骤所说的数据 //第二步骤中我们知道格式为“<b><span style="color:#e53333;"><div><img src="图片地址1" stitle="标题名1" slink="链接地址1" /></div></span></b>” //如下格式必须和上面步骤中提取出来的数据格式一致。如果是不同的幻灯片插件，只需此处的格式不同而已。 $data1 = '<li><img src="'.$img_url.'" stitle="'.$row['title'].'" slink="'.Url::log($row['gid']).'"></li>'; $data2 = '<li><a href="'.Url::log($row['gid']).'">'.$row['title'].'</a></li>'; //最后打印出数据，由于当前代码的位置是在while的循环体，因此会循环$num条数据 ?> <li class=""><a href="<?php echo Url::log($row['gid']); ?>"><?php echo $row['title']; ?></a></li> <?php } ?> <?php } ?> <?php //get thumbs(获取附件图片) function picthumb($blogid) { $db = MySql::getInstance(); $sql = "SELECT * FROM ".DB_PREFIX."attachment WHERE blogid=".$blogid." AND (`filepath` LIKE '%jpg' OR `filepath` LIKE '%gif' OR `filepath` LIKE '%png') ORDER BY `aid` ASC LIMIT 0,1"; // die($sql); $imgs = $db->query($sql); while($row = $db->fetch_array($imgs)){ $pict.= ''.BLOG_URL.substr($row['filepath'],3,strlen($row['filepath'])).''; } return $pict; } ?> <?php //get thumbs（获取图片链接） function pic_thumb($content){ //preg_match_all全局匹配content中的图片地址，并存入$img变量 preg_match_all("|<img[^>]+src=\"([^>\"]+)\"?[^>]*>|is", $content, $img); //当图片存在时，获取第一张图片，地址保存在$imgsrc中 $imgsrc = !empty($img[1]) ? $img[1][0] : ''; if($imgsrc): return $imgsrc; endif; } ?> 二、在head.php引入封装js特效代码： <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/MSClass.js" language="javascript"></script> 三、在index.php或者log_list.php添加调用参数： <script type="text/javascript"> function $(id){return document.getElementById(id)}; </script> <div id="focusPic"> <div id="focusLeft"><ul id="focuscontent"><?php echo get_flash_data_img(10); ?></ul></div> <div id="focusTitle"><ul id="focusMenu"><?php echo get_flash_data_art(10); ?></ul></div> <div class="clear"></div> </div> <script type="text/javascript"> new Marquee( { MSClassID : "focusLeft", ContentID : "focuscontent", TabID : "focusMenu", Direction : 0, Step : 0.3, Width : 420, Height : 280, Timer : 20, DelayTime : 3000, WaitTime : 0, ScrollStep: 280, SwitchType: 0, AutoStart : 1, }) </script> 最后，附加css样式表，在首页css样式表文件中加入如下样式表代码： #focusPic{width:720px; height:282px; margin:0 auto; clear:both; text-align:center; padding:0px;background-color:#ffffff;border:1px solid #c1c1c1;} #focusPic ul{margin:0;padding:0;border:0} #focusPic #focusTitle{width:300px; float:right; font-size:12px; text-align:left;} #focusPic #focusTitle li{height:28px; line-height:28px; background:url(images/focusTitleBg.gif) left 0 no-repeat; cursor:pointer; font-size:12px; padding-left:20px;overflow:hidden;} #focusPic #focusMenu li.active{background-position:0 -29px; font-weight:bold;} #focusPic #focusMenu li.active a{color:#f2f2f2;} #focusPic #focusLeft{width:420px; height:280px; overflow:hidden; float:left;} #focusPic #focusLeft #focuscontent li{width:420px;height:280px; overflow:hidden;} 附件下载： MSClass大小：7.5KB | 来源：本地下载 已经过安全软件检测无毒，请您放心下载。 [green]请将你要显示在幻灯片中的文章首页指定，否则无数据显示！[/green]