# 使用 WordPress 搭建房地产网站 URL: https://canvaswp.com/zh-hans/guides/build-a-real-estate-website-with-wordpress/ Updated: 2026-11-03 指南 房产网站要承担四项职能：展示房源、让买家逐步缩小范围、回答房源信息引发的问题，并收集咨询。本指南将完整覆盖这四项，从全新的 WordPress 安装开始，最终完成一个买家可以筛选的房源列表页。主题中不包含 MLS 或 IDX 数据源，也没有 CRM，因此本指南适用于经纪人、小型房产经纪公司，或为自有房源建站的开发者。 发布于 2026年9月8日 更新于 2026年11月3日 由 SemiColonWeb 的 Canvas 团队撰写 ## 第 1 步：准备 WordPress 在添加第一个房源之前，先确定三项设置，因为每一项都会出现在之后不便修改的位置。 - **站点标题和副标题。**进入“设置”，然后选择“常规”。机构名称应放在标题中，副标题应说明您销售什么以及服务地区，例如某一区的家庭住宅。搜索结果和分享链接都会引用这些内容。 - **固定链接。**依次进入“设置”、“固定链接”，然后选择“文章名称”。此后每个房源都将获得易读的地址，这很重要，因为房源链接常会在合作伙伴、父母和朋友之间转发。 - **时区。**再次前往“常规”屏幕。咨询会按此时区标注时间戳，而时间戳可用来判断哪位买家先提出咨询。 房源列表以图片为主：每处房产都带有图库，而 PHP 内存限制过低，通常是导入在媒体文件处理中途停滞的常见原因。请向您的主机服务商确认当前的上限。版本要求和备份流程对所有 Canvas 站点都一样，因此统一放在导入指南中。 [版本、备份与主机资源余量](https://canvaswp.com/zh-hans/guides/import-a-wordpress-demo-website/#before) 询盘若一天无人查看，就可能让您失去买家。除非另行设置，WordPress 会将邮件交由您的服务器发送，而许多主机会悄无声息地丢弃这些邮件，因此在任何房源上线前，请先连接邮件投递服务或 SMTP 插件。 ## 第 2 步：安装 Canvas 并运行设置向导 从您的控制台上传主题压缩包（外观、主题、添加新主题、上传主题），启用后设置向导会立即启动。向导要求时，请粘贴您的许可证密钥；有了该密钥，向导才能获取房地产套件。在演示步骤中搜索房地产。该设计未使用第三方插件，因此插件步骤无需安装任何内容，会直接进入下一步。 设置向导最后还会为站点命名。如果您进行了全站导入，该步骤会自动填好，且每个步骤都可以跳过，之后可从 Canvas 菜单中继续完成。 **选择演示站点。**该卡片统计导入房地产演示站点前将新增的内容。 [分步讲解设置向导](https://canvaswp.com/zh-hans/setup-wizard/) [许可证费用及其覆盖的站点数量](https://canvaswp.com/zh-hans/pricing/) ## 步骤 3：导入房地产演示站点 导入任何内容前，请像买家一样使用 [在线预览](https://demos.canvaswp.com/real-estate/)：执行搜索、按价格缩小范围、打开一处房源。它本身就是房地产演示站点，运行在您即将安装的主题上。 ### 选择哪种范围 新建的代理机构网站应采用整套设计。全站导入后，演示的主题选项、字体、颜色和菜单都将归您所有。如果您已经运营网站，只想要房源列表功能而不要其外观，请导入到现有网站中：页面和房源记录会被导入，而您自己的设计保持不变。 ### 包含内容 - 9 个页面：三种首页设计、列表页、服务、建筑商、关于、联系和博客 - 10 个房源，每个房源都是 Properties 内容类型中的一条记录，包含价格、卧室、浴室、面积、图库和地图 - 房产类型，包括别墅、公寓、办公楼、庄园、商用及住宅，以及用于归类每处房产的位置 - 5 篇博客文章，让市场新闻板块从第一天起就不会空着 - 10 个表单：四个房产搜索表单、一个联系表单、两个快速报价表单、一个预订表单和一个订阅表单。 - 页眉、页脚、顶部栏、侧边面板和四种主视觉设计，全部都是可编辑的记录 **导入后的房源列表页。**搜索栏位于房产记录网格上方。 对设计改变主意了？在 Canvas 的演示导入中可以回滚本次导入，包括房产记录在内，并恢复之前的设置。 [演示站点导入的完整流程](https://canvaswp.com/zh-hans/guides/import-a-wordpress-demo-website/) ## 第 4 步：替换演示文字和图片 从页面列表中打开您要保留的首页。编辑器会在真实的页眉、搜索栏和页脚中显示该页面，因此您编辑的页面就是买家最终看到的页面。 ### 从三种首页设计中选择一种 该演示站点附带三个首页：标准首页、滑块首页，以及买卖与租赁首页，其搜索功能以标签页形式同时提供这两种服务。请在设置中的阅读选项里，将您想要的页面设为首页，确定后删除另外两个。保留三个首页没有必要。 ### 先文字，后图片 直接在任意标题或段落中输入即可替换内容。然后处理图片：选中一张图片，从媒体库中替换，并保持外观照片的比例接近演示站点的比例，以免首屏主视觉区域跳动。颜色、链接和尺寸设置位于每个区块在右侧打开的设置面板中。 用只有您才能说出的内容替换演示文案：您实际负责的街区、您在该地区工作了多久、您的佣金涵盖哪些服务。选择经纪人的买家会关注细节。如果某个版块不适合您，请删除它，然后插入一个模式替代；Canvas 提供 183 个模式和 314 个区块，模式会以普通区块的形式呈现，您可以像调整其他区块一样重新排列。 **就地编辑。**编辑时，页眉和页脚会包裹住正在编辑的页面。 ## 步骤 5：以记录形式录入房源 这是决定网站能否长期维护的关键一步。房地产演示站点中的房源并不是需要逐页排版的页面，而是 Properties 内容类型中的一条记录。它会像文章一样列在后台，每张卡片、每行房源列表以及房源自身的页面，都从这条记录读取数据。 ### 单条记录包含的内容 - **价格及其计费周期，**按报价方式书写：*$1.2m* 配 *租赁产权*，或 *$799* 配 *每月*。 - **以纯数字形式填写的价格和面积**，位于其旁。这些是搜索范围所比较的值，因此留空的记录将不会出现在价格或面积筛选结果中，但仍会出现在未筛选的搜索中。 - **标签，**例如“待售”“长租”或“热门优惠”。它是记录上的一个字段，无需有人重新绘制图形。 - **卧室数、浴室数、建筑面积和位置，**这正是买家浏览房源卡片时最先查看的信息。 - **图库、视频链接和嵌入式地图，**另外还有数据条、规格列表，以及您按每行一项填写的设施列表。 - **房源上显示的经纪人，**包含姓名、职务和照片。 ### 每处房产都要录入两次 为每条记录设置房产类型和位置。这两个分类法是搜索下拉菜单的数据来源，也是列表区块的筛选依据，因此未归入任何分类的房产，任何人都无法找到。演示站点默认提供别墅、公寓、办公室、大型地产、商业和住宅类房产，以及四个位置；请将其改为您自己的区域，并根据需要添加更多。 将 10 条演示记录逐一处理一遍。先编辑第一条以了解各字段，然后删除其余记录并添加您自己的内容。前几条会花些时间；之后就是录入数据，房源页面的布局无需再费心。 **一条记录，手机上也能看。**名称、类型、图库、视频和价格，都来自这条记录的字段。 房产页面由多个区块组成，每个区块负责呈现房源信息的一个部分：主图横幅、数据条、参数表、配套设施列表、地图嵌入、视频嵌入以及一排相似房源。您可以重新排列这些区块，也可以删除不需要的区块。 ## 第 6 步：让搜索筛选器筛选房源 首屏上方的搜索栏是一个 Canvas Form，设置为搜索模式并指向房源列表页。它不查询任何看板或第三方。它会缩小您发布的房源范围。 ### 它所发送的条件 - **购买或租赁，**以开关形式呈现，两侧可使用您自己的标签。 - **位置，**一个可搜索的下拉菜单，一次可选择多个。 - **房产类型，**其首个选项标为“任意”，表示不进行筛选。 - **卧室和卫生间，**至少需要包含。 - **价格范围和建筑面积范围，**与每条记录上的纯数值进行比较。 位置和房产类型下拉菜单会实时读取其选项，因此您下个月在记录中添加的位置会自动出现在搜索中，无需修改表单。 ### 结果最终去向何处 表单会以普通网页请求的方式，将筛选条件发送至列表页面，该页面的列表区块读取这些条件并缩小查询范围。由于筛选条件保存在网址中，经过筛选的列表就是一个链接：您可以把某个区域内的三居室别墅发送给买家，买家也可以将其加入书签。对于应始终显示全部内容的列表区块（例如首页上的精选行），请将筛选功能关闭。 该演示在三种首页设计的主视觉区以及列表页顶部都放置了搜索框，其中一种设计还以“购买”和“租赁”作为标签页。与首页相同，保留并编辑你需要的版本，删除其余版本。 ## 第 7 步：通过表单接收咨询 没有人能回复的房源页面只是一份宣传册。该演示站点已预先配置好咨询表单，每个表单均为一条表单记录，可通过 Form Embed 区块放置在任意页面上。 ### 随演示站点附带的三项 - **联系表单**，位于联系页面，用于一般咨询。 - **两款快速报价表单，**一款深色、一款浅色，用于放置在房源旁边的简短估价请求。 - **预订表单，**用于针对特定房源的看房或房源保留请求。 ### 只需设置一次 这三个表单都会保存每条咨询并通过邮件发送。逐一打开每个表单，将通知地址改为有人真正会查看的邮箱，并在邮件主题中加入一个便于筛选的词，例如房源类型。 每条咨询也会保存在您自己的网站中，位于 WordPress 后台的“提交记录”下，因此收件箱即使满了，也不会遗漏线索。设置保留期限后，旧记录会按计划被删除或匿名化，这决定了买家的姓名和电话号码会被保存多久。CRM 应独立于主题之外：表单的 Webhook 操作会将每条咨询转发给您使用的 CRM，Canvas 并不假装自己是 CRM。 ## 第 8 步：设置页眉、联系方式和页脚 买家准备好沟通时，会先看页面顶部的电话号码，再看底部的地址。在 Canvas 中，页面两端都是由区块构建的记录，您可以像编辑普通页面一样进行编辑。 ### 页眉 将页眉分为几个区域排列：左侧为徽标，中间为导航，右侧放置一个 Header Button，用于引导访客完成最重要的操作，例如预约估价，旁边是一个显示您电话号码的 Header Icon Link。演示页眉在首屏照片上方呈透明状态，页面滚动时变为实色。这两项均可在设置中调整，单个页面也可以覆盖全站页眉。 顶部栏位于其上方，侧边面板则藏在其后。顶部栏本身是一条独立的记录，因此适合用来展示本周末的开放日活动。 ### 页脚与详细信息 办公地址和电话号码位于 Footer Contacts 区块中。请找出演示站点电话号码的每一处副本并逐一替换：联系页面、页脚以及每个表单的通知设置。若潜在客户拨打了演示站点的号码，您将永远收不到这条线索。 [无需插件，逐步构建页眉](https://canvaswp.com/zh-hans/guides/build-a-wordpress-header-without-a-plugin/) [两个房产演示站点对比](https://canvaswp.com/zh-hans/wordpress-themes/real-estate/) ## 第 9 步：检查后发布 在首位购房者访问网站之前，请逐一完成以下检查。每项检查都不费时。 - **进行您自己的搜索。** 选择一个您知道有匹配结果的位置、类型和价格区间，再选择一个您知道没有匹配结果的组合，并确认两者都能正常运行。 - **打开三个房产页面**，对照您自己的文件核对价格、卧室数、卫生间数和面积。 - **用手机通过移动数据发送一条真实的测试咨询**，然后同时查看邮件和已存储的记录。 - **用手机查看。**房源浏览发生在沙发上、火车上，也发生在房屋外的人行道上。 - **描述照片内容。**替代文本会被屏幕阅读器朗读，也是搜索引擎了解房间外观的主要途径之一。 - **请查看 SEO 屏幕。**标题、描述、分享卡片以及横跨 16 种 Schema 类型的结构化数据，均来自列表本身，因此具体的列表会生成具体的搜索结果。 - **选择您的性能开关。**Canvas 提供 35 项优化；每项都可以再次关闭，且每项都能避免页面加载其不需要的内容。 然后发布。此后，站点就是一组房产记录，您可以在房源上架和进入已报价状态时进行更新，而无需重新搭建项目。 ## 来源 凡本指南涉及 Canvas 本身之外的内容，以下为相关的官方文档页面。 - [“设置”中的“常规”页面](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · WordPress 在何处保存站点标题和副标题，时区设置也在同一屏幕中 - [设置固定链接页面](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · 文章名称结构，可为每个页面提供易读的地址 - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress 默认将邮件交给 PHP 的 mail() 函数处理，邮件发送成功并不代表已送达。 - [图片教程](https://www.w3.org/WAI/tutorials/images/) w3.org · 屏幕阅读器会朗读图片的替代文本 - [什么是主题？](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/) developer.wordpress.org · 主题负责展示效果，网站所依赖的功能则应放在插件中 后续步骤 ## 接下来可以做什么 两篇从同一起点出发的指南，以及本文所用的演示站点。 [指南 **搭建餐厅网站** 在真实项目中从头到尾完成导入，以及后续编辑。](https://canvaswp.com/zh-hans/guides/build-a-restaurant-website-with-wordpress/) [指南 **导入 WordPress 演示站点** 从内部查看已完成的区块网站，这是最快的方式。](https://canvaswp.com/zh-hans/guides/import-a-wordpress-demo-website/) [产品 **房地产主题** 本指南所用的演示站点，附带实时预览。](https://canvaswp.com/zh-hans/wordpress-themes/real-estate/) 常见问题 ## 常见问题 [完整的常见问题](https://canvaswp.com/zh-hans/faq/)可解答其他疑问，[文档](https://docs.canvaswp.com/)详细介绍了每项设置。 **此主题能否从 MLS 或 IDX 数据源获取房源列表？** 不包含，也没有 CRM。Canvas 没有 MLS 或 IDX 集成，也没有线索管理流程：它只负责列出您在自己网站上发布的房源，并保存这些房源产生的咨询。房源数据订阅推送、线索管理流程和看房预约工具属于插件的职责范围。房地产演示站点的表单可以发送到 Webhook，使线索进入您已在使用的工具。如果您的网站核心需求是房源数据源，那么专业的房源插件才是合适的工具。 **如何添加房源？** 进入“房源”，然后点击“新建”，与撰写文章的方式相同。标题即房源名称，特色图片即卡片照片，编辑器下方的字段用于填写价格及计价周期、标识徽章、位置、卧室数、浴室数、建筑面积、图库、数据条、规格列表、配套设施列表、列表中显示的经纪人、视频链接和地图嵌入代码。为其指定房源类型和位置后，它便会出现在列表、搜索结果及其独立页面中。 **房产搜索功能真的能筛选我自己的房源吗？** 是的，房地产演示站点中的房源搜索会筛选您在自己网站上发布的房源，不会从其他任何地方获取数据。搜索功能是设置为搜索模式的 Canvas Form，指向房源页面，该页面上的房源区块会读取筛选条件并缩小查询范围：购买或租赁、位置、房产类型、卧室数量、浴室数量、价格区间和面积区间。筛选条件会保存在网址中，因此经过筛选的房源列表可以被链接、收藏和分享。 **咨询信息会发送到哪里？** 提交内容会保存到您自己的网站数据表中，可在 WordPress 后台查看，并会发送到您在表单中设置的邮箱地址。演示站点中的联系表单、快速报价表单和预订表单均设置为两种方式同时使用，因此即使收件箱已满，询盘也不会丢失。每个表单还带有一个蜜罐字段，这是一个不可见的陷阱，可以拦截大部分垃圾信息，同时不会打扰真实用户。 **演示站点附带 10 个房源。如果我有两百个呢？** 将这二百条全部添加为房源记录：演示站点中的 10 条房源只是示例，并非上限。列表区块可设置每页显示的数量、所调用的房源类型以及排序方式。搜索框中的位置和房源类型下拉菜单会实时读取其选项，因此下个月添加的位置无需修改表单即可出现在搜索中。