`
pcajax
  • 浏览: 2162978 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

WordPress 主题教程 #2:模板文件和模板

阅读更多

模板文件template files)和模板template)是从零开始创建 WordPress 主题系列教程的第二篇。开始之前,你要确保你已经看过WordPress 主题教程 #1:介绍,否则你将无法理解在教程 #2 中使用的名词。
WordPress 主题教程 #1:介绍中,我们已经学过了 WordPress 的两条基本规则和术语,而这篇将会深入讲解模板文件,模板,以及每个页面的结构。

WordPress 博客的每个页面由多个模板文件组成的,下面是首页的例子:

index.gif

在上图中,我们可以看出主题的 index.php 是由 4 个模板文件组成: header.phpindex.phpsidebar.phpfooter.php

Header 模板文件:

header-template.gif

通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。

<script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>

Index 模板文件:

这个模板文件包含你的日志的标题日志的内容(就是每篇日志的文本和图片)和日志元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。

index-template.gif

Sidebar 模板文件

这个模板文件主要用于控制博客的页面列表类别列表存档列表友情链接列表其他一些列表

sidebar-template.gif

Footer 模板文件:

footer-template.gif

header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的 index.php 所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php 和 footer。

single.gif

分享到:
评论

相关推荐

    WordPress 主题教程 WordPress 模板教程

    - **主题教程#2:模板文件和模板** - 探索header、index、sidebar和footer模板文件的作用及其在主题中的位置。 ##### 第二部分:实战篇 - **主题教程#3:开始** - 跟随详细步骤,从创建主题文件夹到安装主题,...

    WordPress_主题模版制作教程

    - **主题教程#2:模板文件和模板** - **Header模板文件**:该文件通常包含网站头部的信息,如logo、导航菜单等。 - **Index模板文件**:首页或其他页面的布局文件,定义了页面的基本结构。 - **Sidebar模板文件**...

    WordPress_主题模板制作及修改教程

    WordPress模板文件之间存在一定的优先级差异: 1. **index.php**:最高优先级,也是基础模板。 2. **single.php**:用于单篇文章页面,优先级高于`index.php`。 3. **page.php**:用于静态页面,优先级高于`index....

    WordPress主题开发教程二:模板文件介绍

    在WordPress主题开发教程一中我们已经知道开发主题所需的技能与工具,下面让我们来看看开发wordpress主题模板文件的结构。 WordPress 博客的每个页面是由多个模板文件组成的,下面是首页的例子: 在上图中,我们...

    wordpress商城主题 woocommerce模板主题:XStore-6.3.4.rar

    2. **丰富模板**:主题提供了多种预设模板,适用于不同类型的在线商店,如电子产品、家具、服装等,用户可以根据自己的需求选择或自定义。 3. **WooCommerce集成**:与WooCommerce插件无缝对接,支持商品分类、标签...

    WordPress主题导航模板

    6. **安全与维护**: 在使用任何第三方主题或模板时,务必保持WordPress及其所有组件(包括主题和插件)的最新状态,以确保网站的安全性和稳定性。 总之,"WordPress主题导航模板"是一个自定义和优化WordPress导航...

    超详细WordPress_主题教程:从零开始制作

    - 规则#2:主题至少包含两个核心文件:`style.css`(定义样式)和`index.php`(控制布局)。 - **专业术语**: - **Template(模板)**:可复用的代码集合,简化开发过程。 - **Template File(模板文件)**:...

    Wordpress 主题模板制作教程电子书

    - 规则#2:每个主题至少包含两个文件——`style.css`和`index.php`。前者控制样式的呈现方式,后者则负责布局逻辑。 2. **术语/行话**: - 了解WordPress主题开发中常见的术语非常重要,这有助于更好地理解文档和...

    从零开始制作WordPress主题教程

    - **模板文件**:WordPress使用模板文件来组织和展示内容。例如,`header.php`、`footer.php`等。 - **主循环**:WordPress主题中的一个关键部分,负责遍历并显示文章列表。 - **侧边栏**:通常位于网站的一侧,包含...

    wordpress模板安装教程

    本教程将详尽地介绍如何安装WordPress模板,帮助你轻松打造个性化的个人主页。以下是具体的步骤和相关知识点: 1. **选择模板**:首先,你需要在互联网上找到适合你的WordPress模板。模板通常可以在官方主题库、第...

    WordPress主题仿虾米的音乐模板

    总的来说,这个仿虾米的WordPress音乐主题模板提供了一个全面的框架,集成了美观的界面和实用的功能,适合创建一个音乐分享平台。为了充分利用这个模板,用户需要熟悉WordPress的后台操作,同时可以根据自己的需求...

    wordpress主题淡蓝wordpress博客模板下载

    根据提供的文件信息,我们可以深入探讨与“WordPress主题淡蓝WordPress博客模板下载”相关的知识点,包括但不限于WordPress主题的基础概念、如何选择合适的WordPress博客模板以及下载和安装的过程等。 ### ...

    WordPress主题二次开发模板修改教程

    2. **模板层次**:WordPress遵循特定的模板层次规则,根据URL请求决定加载哪个模板文件。理解这个规则能帮助你更高效地定位和修改所需模板。 3. **PHP基础**:WordPress主题主要是用PHP编写,因此你需要掌握基本的...

    wordpress主题WordPressCMS主题:SohoMag

    2. **上传主题**:登录到 WordPress 后台,进入“外观”&gt;“主题”页面,点击“添加新”按钮,然后选择“上传主题”,找到已下载的 ZIP 文件并上传。 3. **激活主题**:上传完成后,可以在主题列表中看到 SohoMag,...

    wordpress主题新闻杂志主题:Newsworthy

    WordPress主题是用于改变网站外观的设计模板,它包含了一组文件,通过这些文件可以定义网站的布局、颜色方案、字体样式等视觉元素。 #### 知识点二:Newsworthy 主题介绍 “Newsworthy”是一款专为新闻和杂志类...

    免费wordpress模板下载

    免费的WordPress模板是用户入门和提升网站外观的关键资源。在本文中,我们将深入探讨“西瓜红色”的免费WordPress主题模板,它以其简洁的设计和实用性赢得了众多用户的喜爱。 首先,我们来看这个模板的名称...

    wordpress主题WordPress主题:AutoSpares

    ### WordPress主题:AutoSpares #### 一、简介 在当今互联网时代,网站建设已经成为企业和个人展示自身形象的重要手段之一。而WordPress作为全球最受欢迎的内容管理系统之一,凭借其强大的扩展性和灵活性,成为了...

    WordPress游戏主题模板高品质下载站5P主题源码

    WordPress作为全球最受欢迎的内容管理系统,拥有丰富的主题库,其中“WordPress游戏主题模板高品质下载站5P主题源码”是一款备受开发者和网站管理员青睐的设计模板。这款主题以其简约而不失大气的风格,以及便捷的...

    WordPress_主题教程:从零开始制作.pdf

    - **规则#2**:主题必需文件。每个WordPress主题都至少应包含`style.css`和`index.php`两个文件。其中,`style.css`负责定义主题的样式和外观,`index.php`则控制页面的布局和内容呈现。 #### 三、WordPress主题...

Global site tag (gtag.js) - Google Analytics