西安人的城墙下,是西安人的生活
不积跬步无以至千里,不积小流无以成江海

wordpress模板推荐及教程

我比较喜欢简约、大气、一点小清新的技术博客风,现在这种博客模板很多,选的我眼花缭乱,推荐一个我用过的吧,隔段时间换一个,就好像换个新电脑或者换件新衣服吧

 

每一套 WordPress主题都由结构层、表现层和数据层构成,可以说是典型的、符合 Web 体系标准的“三层结构”。WordPress主题的这种模式块化的特点决定了其设计其实是非常简单,但又极其灵活的。可以说,学会了制作 WordPress主题,就相当于基本理解了 Web开发的客户端模型,对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在!
在一套 WordPress主题中,最基本的两个文件是?index.php?和?style.css。其中,前者定义结构和内容,后者定义样式。所谓结构,就是由指由 XHTML 标签构成的网页基本架构。在 WordPress主题 中,结构层主要使用的是添加了适当的 id 或(和)class 属性的 div 和 ul元素,以便更好地通过表现层来控制页面的布局和外观。所谓表现层,其实就是网页的布局和样式--也就是外观。表现层由CSS(级联样式表)规则定义构 成。而数据层,顾名思义,也就是网站中实际显示的内容,是通过调用 WP内置的函数(有时需要传递适当的参数)从数据库中取得的。

说明:为简明起见,本教程不涉及如何定义样式表(CSS)文件的内容。

事实上,当我们打开某个主题的文件夹时,看到的并不止这两个文件,而是更多。但一般来说,在一个完整的 WP 主题文件夹中都应该包含下列文件(也称为模板文件):

页面 模板文件 用途
CSS(样式表)文件 style.css 控制页面布局外观
主页模板 index.php 显示网站首页
Archive/Category模板 archive.php/category.php 显示分类页/存档页的页面
Not Found 错误页模板 404.php 404 错误信息的页面
留言/回复模板 comments.php 显示留言的页面
头部模板 archive.php 显示头部
底部模版 footer.php 显示底部
侧栏模版 sidebar.php 显示侧边栏
内容页(Page)模板 page.php 显示静态页的页面
内容页(Post)模板 single.php 显示博文的页面
搜索表单模板 searchform.php 显示搜索表单的页面
搜索结果模板 search.php 显示搜索结果的页面

 

当然,特指某个WordPress主题(现在的英文主题已经发展到了更加多元化的主题元素),可能不止这些文件,但一般而言,这些文件是每个WordPress主题基本必备的。除此之外,一套主题模板中还可以包含 author.php、home.php、date.php、searchform.php 以及 functions.php 等页面(其中部分页面稍后介绍)。

虽然上面列出了与 WP 内置功能对应的 11 个 php 文件,但制作一套主题远没有想像得那么复杂。因为事实上,你只需要制作一个 index.php 文件,就可以派生出另外 8 个文件来!

从 WP 应用主题的机制来说,这 11 个模板文件是存在优先级差别的,也可以认为是重要性不同。它们的优先级顺序是:

index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。
这样,当不存在后边的页面时,WP 会自动调用前面的页面,直至调用 index.php。比如,当程序调用页面页 page.php 时,如果page.php 模板文件不存在,那么程序会尝试调用前面的文件--single.php。而如果 single.php也不存在,那么就会调用最终的 index.php 来显示页面页。可见 index.php属于“垫底儿”的缺省页面,它的重要性是最高的。但当存在具体页面时,还是要优先使用具体的页面,可见具体的页面优先级最高。
在明确了 index.php 是一套 WP 主题的核心之后,我们就可以将制作 WP 主题的过程简单地分成两步,即--定义主模板文件 index.php 和派生其他模板文件。
定义主模板文件 index.php从页面布局的角度上,有必要将主模板文件?index.php?拆分成?header.php、sidebar.php?和footer.php?三个子页面。WP 专门为在 index.php 中包含这三个子页面提供了对应的get_header()、get_sidebar() 和 get_footer() 函数。

 

原创文章如转载,请注明本文链接:西秦记 » wordpress模板推荐及教程
分享到: 更多 (0)

IT信息化解决方案设计咨询

联系我们