新闻中心
emlog怎么自动获取缩略图以及文章摘要
作者 / 无忧主机 时间 2016-01-25 17:06:08
在网页设计的领域,对于一些简单实用的页面设计,往往是经过时间的迁移仍然不会被淘汰,而图文混搭式的cms页面设计就是其中之一。之前就有使用无忧php虚拟主机的客户联系到无忧主机小编我,想要让小编我帮忙在emlog博客程序里设置一款简单的图文混搭cms模板。所以下面无忧主机小编就来详细介绍一下实现的方法。 首先我们找到模板文件log_list.php文件,然后用网页编辑工具将其打开,修改两处代码实现缩略图和摘要的效果,先找到下面的这一段代码:
<?php foreach($logs as $value):?>然后将其替换为下面的这一段代码:
<?php foreach($logs as $value): preg_match_all("|<img[^>]+src=\"([^>\"]+)\"?[^>]*>|is", $value['log_description'], $img); $imgext = !empty($img[1]) ? $img[1][0] : ''; preg_match_all("|<img[^>]+src=\"([^>\"]+)\"?[^>]*>|is", $value['content'], $img); $imgsrc = !empty($img[1]) ? $img[1][0] : ''.TEMPLATE_URL.'/images/thumb.jpg';?>接着找到下面的这一段代码:
<?php echo $value['log_description']; ?> <p class="tag"><?php blog_tag($value['logid']); ?></p>并将其替换成下面的这一段代码:
<div class="postinfo"> <a href="<?php echo $value['log_url']; ?>" title="<?php echo $value['log_title']; ?>"> <img title="<?php echo $value['log_title']; ?>" src="<?php if($imgext):{ echo $imgext;} else:{ echo $imgsrc;} endif;?>" alt="<?php echo $value['log_title']; ?>" target="_blank"></a> <?php echo extractHtmlData($value['content'],200);?> </div>上面这些代码的修改主要是完成图文混搭式的页面大体效果,下面还需要通过css样式的设置进一步完成页面的布局和排版。 接下来我们找到main.css文件将其打开,在“#contentleft .count{ text-align:right; font-size:12px;}”这一行代码的下面添加两个属性,用来定义class标签的postinfo属性,以及postinfo底下的图片的属性:
#contentleft .postinfo{margin:1px;overflow: hidden;} #contentleft .postinfo img{float:left; width:160px; height:100px;margin-right:6px}然后删除“
#contentleft .tag {color:#A97965; font-size:12px; margin:0px 0px 0px 0px;}”这行代码,最后保存数好据,在网站后台更新一下缓存就可以实现简单的图文混搭cms模板效果了。 无忧主机相关文章推荐阅读: EMLOG怎么控制侧边栏日志标题字数的方法 DOCCMS常用的标签介绍 DOCCMS( 稻壳CMS)怎么把图片上传的限制调节到更大的
本文地址:https://www.51php.com/others/21534.html
上一篇: emlog浅谈静态化插件功能和使用方法
下一篇: ecshop程序在网站后台删除后的商品还可以还原吗






