emlog主题模板建造教程:日志列表页

  这一篇我们要对log_list.php日志列表页模板的建造举办说明,上一篇文章中说到,把方针站的原代码生存到IKUJIA文件夹下,定名为index.htm,OK这里(今后我们也城市用到)我们用DW打开,删除上一文章中说到的头部部门,然后我们再逐个删除内容显示和边栏显示多余的部门。

  怎么样判定是多余的呢,举个例:下面是方针站的原代码做个简朴的修改,但概略一样

<ul class="recentcomment">
<li class="rc"> <a href="#" title="酷家小屋 on Ultimo 主题测试">酷家小屋</a>: <span class="excerpt">博主,能否借用模板样式改做成emlog程...</span></li>
<li class="rc"> <a href="#" title="酷家小屋 on Ultimo 主题测试">酷家小屋</a>: <span class="excerpt">博主,能否借用模板样式改做成emlog程...</span></li>
<li class="rc"> <a href="#" title="酷家小屋 on Ultimo 主题测试">酷家小屋</a>: <span class="excerpt">博主,能否借用模板样式改做成emlog程...</span></li> </ul>

  这里我们可以看到,内容<li></li>部门是在<ul></ul>标签里显示的,所以我们删除多余的部门,留下一个来就可以了,为啥要留一个,恩……很简朴,用轮回标签(如轮回标签就加<li></li>的前后头)就可以让他们自动实现多条信息的显示,就这样,删除构造是这样的

<ul class="recentcomment">
<li class="rc"> <a href="#" title="酷家小屋 on Ultimo 主题测试">酷家小屋</a>: <span class="excerpt">博主,能否借用模板样式改做成emlog程...</span></li>
</ul>

  OK,页面上的全部(除一条)多余的都得删除了,这将为我们今后把EMLOG的标签好一一对应加上去有必然的辅佐(小窍门:在删除的时候,可以在”设计模式“下举办,鼠标移动到DIV标签上的时候,线条就会程赤色壮,点击后就可以右键删除了)。

  接着我们在新建一个名为log_list.php的文件,生存到ikujia文件夹下,清空所有代码后我们插手入下代码:

<?php
/*
* 首页日志列表部门
*/
if(!defined('EMLOG_ROOT')) {exit('error!');}
?>

  不要问我这是什么意思,不知道的可以去EMLOG论坛或前面几篇文章看看

  接着我们把index.htm删除后的代码复制粘贴迩来

  然后一一对应加上EMLOG标签,标签利用要领参考《emlog主题模板建造教程:标签阐明》。

  举几个例:

<h2><a href="#" rel="bookmark" title="Permalink to: Ultimo 主题测试">标题</a></h2>
</div>
<!-- end title -->
<div class="postmeta"> <span class="category">Posted in <a href="#" title="View all posts in WordPress" rel="category tag">分类</a></span> <span class="date">on 2010.09.16</span> <span class="comments"><a href="#" title="Comment on Ultimo 主题测试">146 comments</a></span> </div>
<!-- end postmeta -->
<div class="entry">
<p>内容</p>
<div class="clear"></div>
</div>
<!-- end entry -->
<div class="postmeta_bottom"> <span class="tag">Tags:<span><a href="#" rel="tag">要害字</a> <a href="#" rel="tag">要害字</a> <a href="#" rel="tag">要害字</a></span></span>

  从上面代码我们可以看到,标题的部门在<h2></h2>标签里,这样的话我们就把emlog显示标题的标签替换<h2></h2>内里的代码即可。

<h2><?php topflg($value['top']); ?><a href=http://down.chinaz.com/"<?php echo $value['log_url']; ?>"><?php echo $value['log_title']; ?></a></h2>

  其他的一样,可以参考:emlog4模板建造详解(二)标签阐明举办

  在替换完所有的标签后,我们得加个轮回标签上去,这样才可以显示多篇文章,我们可以在DW下看到是从<div class="post" id="post-500">开始(要领和删除选取一样,点击DIV机关线条,在”代码模式“我们就可以看到这个DIV容器被选取,选取的前面加上开始轮回的代码,选取的后头加上轮回竣事的代码),轮回代码如下:开始轮回代码<?php foreach($logs as $value): ?>竣事轮回代码<?php endforeach; ?>
OK,最后弄帖出不才转换后的代码:

<?php
/*
* 首页日志列表部门
*/
if(!defined('EMLOG_ROOT')) {exit('error!');}
?>
<div id="container">
<div id="main">
<!-- end post --><!-- end post -->
<!-- end post -->
<?php doAction('index_loglist_top'); ?>
<?php foreach($logs as $value): ?>
<div class="post" id="post-500">
<div class="title">
<h2><?php topflg($value['top']); ?><a href=http://down.chinaz.com/"<?php echo $value['log_url']; ?>"><?php echo $value['log_title']; ?></a></h2>
</div>
<!-- end title -->
<div class="postmeta"> <span class="category">Posted in <?php blog_sort($value['logid']); ?></span> <span class="date">on <?php echo gmdate('Y.n.j', $value['date']); ?></span> <span class="comments"><a href=http://down.chinaz.com/"<?php echo $value['log_url']; ?>"><?php echo $value['comnum']; ?> comments</a></span> </div>
<!-- end postmeta -->
<div class="entry">
<?php echo $value['log_description']; ?>
<div class="clear"></div>
</div>
<!-- end entry -->
<p class="att"><?php blog_att($value['logid']); ?></p>
<div class="postmeta_bottom"> <span class="tag"><?php blog_tag($value['logid']); ?></span>
<div class="clear"></div>
</div>
<!-- end postmeta_bottom -->
</div>
<?php endforeach; ?>
<!-- end post -->
<!-- end post -->
<div class="pagination" style="display: none;">
<span class="left"></span>
<span class="right"><?php echo $page_url;?></span>
<div class="clear"></div>
</div><!-- end pagination -->


</div><!-- end main -->
<div id="sidebar">
<ul>
<?php include View::getView('side'); ?>


</ul><!-- end ul -->
</div><!-- end sidebar -->
<div class="clear"></div>
</div><!-- end container -->
<div class="clear"></div><!--ie6-->
</div><!-- end page_wrap -->
<?php include View::getView('footer'); ?>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10723.html