我想在这个页面上自定义布局，比如添加图片等，但整体风格仍需与主题保持一致，请问该如何实现呢？

在 WordPress主题开发时，通过一个简单的index.php文件展示了网站的首页。
实际上，WordPress的内容并不是单靠一个文件展示，而是由多个模板文件的组合而成。

页面结构

网站的风格各异，我选择了内容型网站（如简书、知乎等）作为示例。虽然以图片或视频为主的网站设计有所不同，但在某些方面却又有相似之处。

我们可以将网站划分为以下几个模块：

• Header 网站头部：显示logo、导航条和搜索框等
• Content 网站主体：在首页展示概要信息，在内容页显示具体文章内容
• Side bar 侧边栏：展示介绍性内容、推荐信息、广告等
• Footer 页脚：展示相关链接、网站主体信息及备案信息（国内合规网站必备）等

这种结构的直观表现如下图所示：

事实上，WordPress在设计初期便是基于上述页面结构进行规划的。
页面上的每一部分内容都被WordPress划分为独立的模板文件，通过这些文件的组合来呈现完整的网页。

• header.php 控制网页头部的显示
• sidebar.php 控制网页侧边栏的显示
• footer.php 控制网页底部的显示
• index.php 则显示页面主要内容，但需注意的是，index.php并不总是严格意义上展示主体内容，稍后会对此文件进行详细解释

这种设计的最大优势在于模块化，具体而言，就是实现了统一管理、配置，便于代码阅读和重用。

模板文件

header.php

网站的头部信息通常是相对固定和一致的。

头部信息被拆分到header.php文件，代码示例如下：

<link rel="stylesheet" href="” type=”text/css” />

在其他页面中使用该头部信息时，只需添加以下代码：

get_header();

这样就能获取header.php文件中的完整内容，若想更改头部信息的显示方式，只需修改header.php文件即可，既方便又易于查找。

sidebar.php

侧边栏的确切用途因网站定位而异，内容各不相同。大多数WordPress主题网站通常展示文章归档、广告（如联盟广告、推荐内容、公众号二维码等），而CSDN网站则显示友情链接和备案信息等。

有的网站甚至会同时显示双侧边栏，内容则位于中间，比如CSDN。也有一些站点根本没有侧边栏。

WordPress默认实现了一个侧边栏，可以通过以下代码使用：

将上述内容放入sidebar.php文件中，引用时添加如下代码：

这样就能获取sidebar.php文件中的全部内容。

footer.php

大部分网站会在页面底部列出帮助信息、友情链接、版权声明和备案号等。

在需要引用footer.php的地方，添加如下代码：

一般情况下，只有在首页引用footer，而详情页通常不会用到。

index.php

作为网站的主体内容，index.php在不同场景中扮演着不同角色。

因此，index.php中通常只包含少量内容，而将核心内容交给single.php和page.php两个文件处理。

当网站处于首页时，使用index.php。首页指的是第一次进入站点后展示给用户的页面。
对于详情页而言，如果是静态内容，比如关于我们、特别说明等相对固定的内容，则使用page.php，而一般发布的内容则由single.php负责。

关于index.php中的内容，可以参考以下写法：

<?php

get_header();

?>

对于内容页page.php，可以参考以下写法：

在针对内容页面single.php的构建中，可以参考以下的代码结构：

细心分析这些文件，我们会发现它们之间的差异微乎其微，实际上，single.php和page.php有时可以共享相同的结构。

请务必保存此信息，以免将来无法找到！

更多关于WordPress主题的信息：