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

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

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

默认代码模式:

Markup
{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文件。


转载请说明出处内容投诉
zblog资源网 » Z-BlogPHP主题制作教程#6:index.php模版

发表评论

欢迎 访客 发表评论

加入会员,享受更优质的zblog技术服务!

马上加入 会员说明 联系客服