Typecho模板的推荐页面构成

## Typecho模板页面构成
大多数情况下,Typecho主题模板页面都会包括导航栏、侧边栏、文章正文等元素,如图。
![文章构成.png][1]

本教程,将分别针对页面构成的各个页面片,进行逐一说明,并附上对应的常用api及其用法,方便查询。

## 模板的文件结构
Typecho对模板文件的文件结构没有特定的要求,除了入口文件和少量文件的文件名会特殊指定外,其他文件没有固定的格式。文件的结构和特殊文件名,可参见[《Typecho主题制作文件结构》][2]

一般情况下,如果文件较多,我们会以下面的目录结构组织模板文件

│ 404.php
│ archive.php
│ functions.php
│ index.php
│ page.php
│ post.php
│ screenshot.png

├─css
│ style.css

├─images
│ logo.png

├─inc
│ comments.php
│ footer.php
│ header.php
│ nav.php
│ sidebar.php

├─js
└─lib

1. 模板跟目录,放置页面入口文件以及模板缩略图
2. inc目录,放置页面片,譬如header.php、footer.php、sidebar.php等
3. css/images/js 放置对应的静态文件
4. lib,放置第三方js或者css库,方便区分和调试

如果没有特殊指定,后面介绍模板制作过程的文章,都会以这个目录进行讲解。

[1]: https://www.typechodev.com/usr/uploads/2015/02/2594258863.png
[2]: http://www.typechodev.com/index.php/archives/19/

原创文章,作者:admin,如若转载,请注明出处:https://www.typechodev.com/theme/58.html

(0)
上一篇 2015-01-31 上午7:08
下一篇 2015-02-16 上午6:38

相关推荐

  • Typecho中调用最新文章

    获取最新文章,使用的Widget是`Widget_Contents_Post_Recent`。 $obj = $this->widget(‘Widget_Content…

    主题开发 2015-01-31
  • Typecho模板的footer页面片

    有了header,一般情况下也就会有footer。Typecho中,需要放置在footer中的内容,一般是js库(为了加速网页加载效果而将js放在html的最后进行加载)、友情链接…

    主题开发 2015-01-31
  • Typecho实现首页循环加载的一种思路

    SegmentFault上讨论的一个话题,关于如何[实现index页面的无限加载][1]。 做到index页面的无限加载,基本上考虑的是Ajax了,具体实现上则有两个思路: 1. …

    主题开发 2015-07-31
  • Typecho模板的index页面

    ## 制作index.php ### 模板作者信息在index.php的开头,可以使用注释方式添加模板作者信息。 /** * 这是一段描述,写在前面 * @package Type…

    主题开发 2015-01-31
  • typecho获取每个分类category文章数量代码

    制作模板的时候有些小伙伴们想在分类的右边填写分类的数量,这个时候就需要获取代码片段。代码如下: “`$this->widget(‘Widget_Metas_…

    主题开发 2022-04-20
  • 模板制作快速入门

    模板制作快速入门相关内容,可参考typecho官方文章即可哈![《模板制作快速入门》][1]![模板制作快速入门.png][2] [1]: http://docs.typecho….

    主题开发 2015-01-31
  • Typecho中调用相关文章

    在博客文章页面中,如果没有展示“相关文章”,那么对PV来说会造成不少的损失。Wordpress中,相关文章一般有插件提供支持,相关的方式包括:Tag相关、作者相关、分类相关等。 而…

    主题开发 2015-01-31
  • Typecho中调用最新评论

    有时,为了提高PV,或者吸引蜘蛛,一般博客都会在侧边栏中加入“最新评论”或“最近回复”列表。此功能主要通过typecho内置的`Widget_Comments_Recent`组件提…

    主题开发 2015-01-31
  • Typecho的错误输出

    在编码联调阶段,出错了只返回一个500页面,对开发人员是不友好的,此时打开错误输出就很有必要。那么,Typecho如何开启错误输出呢? 从/var/Typecho/Common.p…

    主题开发 2014-12-31
  • Typecho的functions.php

    很抱歉,最近很忙,没有时间上来更新内容哈。上篇文章[《Typecho主题制作文件结构》][1]介绍了制作Typecho主题所需要的模板文件,其中有一个特殊的文件,叫“皮肤函数”,文…

    主题开发 2015-01-31

发表评论

您的电子邮箱地址不会被公开。