废话不多说直接看图把以下代码添加到log_list.php中，位置就自己看哪里看的舒心放哪里吧 <!--首页随机、热门文章--> <article class="hot_posts "> <div class="suiji"> <h3>随机文章</h3> <ul class="layout_ul"> <?php getRandLog(6);?> </ul> </div> <div class="hots"> <h3>本月热门</h3> <ul class="layout_ul"> <?php getdatelogs(6);?> </ul> </div> </article>把一下代码添加到module.php//30天按点击率排行文章 function getdatelogs($log_num) { $db = MySql::getInstance(); $time = time(); $sql = "SELECT gid,title,comnum FROM ".DB_PREFIX."blog WHERE type='blog' AND date > $time - 30*24*60*60 ORDER BY `views` DESC LIMIT 0,$log_num"; $list = $db->query($sql); while($row = $db->fetch_array($list)){ ?> <li class="layout_li"><strong>[评论 <?php echo $row['comnum']; ?>]</strong><a href="<?php echo Url::log($row['gid']); ?>" title="<?php echo $row['title']; ?>"><span>热</span><?php echo $row['title']; ?></a></li> <?php } ?> <?php } ?> <?php //随机文章 function getRandLog($log_num) { $db = MySql::getInstance(); $sql = "SELECT gid,title,comnum FROM ".DB_PREFIX."blog WHERE type='blog' and hide='n' ORDER BY rand() LIMIT 0,$log_num"; $list = $db->query($sql); while($row = $db->fetch_array($list)){ ?> <li class="layout_li"><strong>[<?php echo gettime($row['gid']);?>]</strong><a href="<?php echo Url::log($row['gid']); ?>" title="<?php echo $row['title']; ?>"><span>荐</span><?php echo $row['title']; ?></a></li> <?php } ?> <?php } ?>css一般都是放在style.css文件中，不排除其他模板有是其他文件 自行摸索/*首页随机、热门读取*/ .hot_posts {background-color:#fff;padding:20px;position:relative;font-size:0;box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);border-radius:10px;margin-bottom: 10px;} .hot_posts .suiji {display:inline-block;vertical-align:top;width:50%;padding-right:10px;} .hot_posts .hots {display:inline-block;vertical-align:top;width:50%;padding-left:10px;} .hot_posts h3 {border-bottom:2px #f2f2f2 solid;padding-bottom:6px;margin-bottom:8px;font-size:16px;margin-top:0;position:relative;} .hot_posts h3:after {content:"";color:#ffffff;position:absolute;height:2px;width:30px;background:#45b6f7;left:0;bottom:-2px;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;transition:all .25s ease-in;} .hot_posts .suiji:hover h3:after, .hot_posts .hots:hover h3:after {width:100px;} .hot_posts ul {padding:0} .hot_posts ul li {display:block;padding:8px 0;-webkit-transition:ease-in-out 0.25s;transition:ease-in-out 0.25s;font-size:12px;} .hot_posts ul li:hover {font-size:15px;-webkit-transition:ease-in-out 0.25s;transition:ease-in-out 0.25s;} .hot_posts ul li a {display:block;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:22px;} .hot_posts ul li strong {float:right;font-weight:normal;line-height:22px;padding-left:15px;} .hot_posts ul li a>img {width:30px;height:22px;margin-right:4px;border-radius:5px;vertical-align:bottom;} .hot_posts span {width:22px;height:22px;background-color:#f2f2f2;display:inline-block;text-align:center;margin-right:4px;border-radius:25px;line-height:22px;color:#666;} .hot_posts ul li:nth-child(1) span {background-color:#ff5a3c;color:#fff;} .hot_posts ul li:nth-child(2) span {background-color:#13b755;color:#fff;} .hot_posts ul li:nth-child(3) span {background-color:#00a9e3;color:#fff;} @media screen and (max-width: 768px){ .hot_posts .suiji{width: 100%;} } @media screen and (max-width: 768px){ .hot_posts .hots{width: 100%;} } .nav-top { width: 900px; }好了本次教程到此结束

emlog的文章发布时间是确定的，如果是新文章，那么就是新建文章的时间。如果再次编辑，还是会以发布时候的时间为准，包括草稿箱的也是，发布也是按保存的时间为准。每次手动去改都很麻烦，而且对搜索引擎不是怎么友好，无论新老发布的时间都会变成管理员打开文章的当前时间，这样对于搜索引擎识别文章更新时间也有帮助，认为文章是实时更新的。优化：以老司机的Emlog6.0.1版本为例：找到到文件"/admin/views/write.php" 搜索：“发布时间”就能看到以下代码<input maxlength="200" name="postdate" id="postdate" value="<?php echo $postDate; ?>" class="form-control" />替换成下面的<input maxlength="200" name="postdate" id="postdate" value="<?php echo date('Y-m-d H:i:s');; ?>" class="form-control" />​这样优化便完成了，每次编辑文章和草稿发布文章都会以最新的时间为准，免去手动的麻烦。

用过Emlog Fly模版的站长都应该知道该模版在文章页面开启关闭侧边栏有一个小Bug，其它废话就不多说了，直接教大家如何修改。初始访问文章页面的时候，左侧正文内容这一模块的宽度760px，点击关闭侧边栏宽度就会变成100%，而再次点击开启侧边栏宽度就会变成790px,这样就会与本身的侧边栏的样式相互重叠，如下图所示。有一点前端功底的站长应该都知道怎么解决了吧？我们只需要把790px修改为760px即可正常显示了，不过这里冬镜提醒一下大家，Fly主题的作者在实现开启关闭侧边栏是靠js来实现的，所以我们这里需要修改js里面的代码即可。Emlog Fly修复侧边栏功能教程：1、找到模版文件夹下的 main.js ，完整路径如下 /content/templates/FLY/js ；2、编辑main.js文件，找到 width: "790px" ，把790px修改为760px，此文件需要修改的地方有2个（小提示：通过搜索更快额）； width: "790px" 修改为 width: "760px"3、保存，查看网站前台页面，是不是已经修复了。正常样式如下图所示：今天关于Emlog Fly模版关闭开启侧边栏修复教程就分享到这里，如果你还有什么不懂的，请评论区留言交流。