Z-BlogPHP主题制作教程#6:index.php模版

我们在之前的文章中已经不止一次的提到过index.php模版,它的逻辑结构我们都可以呼之欲出了。现在我们把逻辑图和代码放在一起看看吧。

默认代码模式:

{template:header}<!– 调用header.php –>
<body class=”multi {$type}”>
<div id=”divAll”>
<div id=”divPage”>
<div id=”divMiddle”>
<div id=”divTop”>
<h1 id=”BlogTitle”><a href=”{$host}”>{$name}</a></h1>
<h3 id=”BlogSubTitle”>{$subname}</h3>
</div>
<div id=”divNavBar”>
<ul>
{module:navbar}<!– 调用导航栏(navbar) –>
</ul>
</div>
<div id=”divMain”>
{foreach $articles as $article}<!– 循环调用文章列表模版 –>
{if $article.IsTop}<!– 如果是置顶文章的判断 –>
{template:post-istop}
{else}
{template:post-multi}
{/if}
{/foreach}
<div class=”pagebar”>{template:pagebar}<!– 调用分页pagebar.php –></div>
</div>
<div id=”divSidebar”>
{template:sidebar}<!– 调用侧栏sidebar.php –>
</div>
{template:footer}<!– 调用footer.php –>
看过之前教程#5文章并且会点html代码的就不需要我解释了,还没理解的我就再唠叨一边:

index.php模版开头调用了header.php文件,结尾调用了footer.php文件。其中</body>代码是写在footer.php文件里面的。网页通过div架构,调用了网站的标题{$name}和副标题{$subname},并且给标题做了一个超链接,链接到网站的网址{$host},然后,网站调用了导航栏模块navbar。

#divMian的架构下是调用了文章列表,给它做了一个foreach循环,并且通过if来判断,置顶文章调用post-istop.php模板,普通的调用post-multi.php模板。最后,在文章列表底部调用了分页模版pagebar.php。

侧栏直接直接调用了sidebar.php文件。

作者: admin

发表评论