使用MetaBox创建一个类似于Booking.com的OTA网站P1:创建一个介绍酒店房间的页面weixin0010034

MetaBox插件:该插件提供了一个框架,可以帮助您创建自定义字段。您可以在wordpress.org上下载此免费插件。

MetaBoxBuilder:这是MetaBox插件的高级扩展。它可以帮助您在后端使用直观的用户界面(UI)创建自定义字段。

MB自定义帖子类型:MetaBox的这个免费扩展可帮助您轻松创建帖子类型。或者,如果您不想安装插件,可以使用免费工具PostTypeGenerator。

MetaBoxGroup:它是MetaBox插件的高级扩展,用于创建字段组以将自定义字段组合在一起。这可以帮助您以组织良好的方式显示自定义字段,并使输入数据更加方便。

安装并激活上述所有插件后,请按照下列步骤操作:

MB自定义帖子类型可以帮助您轻松完成。首先,在AdminDashboard上,转到MetaBox>CustomPostType,点击NewPostType。

之后,输入帖子类型的必要信息(我将此帖子类型命名为酒店),然后单击发布。您可以在此处获取有关如何创建自定义帖子类型的更多详细信息。

在本文中,我将使用MetaBoxBuilder。首先,转到MetaBox>CustomFields>AddNew。

接下来,只需将左侧列中的所需字段拖放到右侧的Fields部分。以下是我为酒店介绍页面创建的自定义字段和子字段:

具体来说,我选择每个字段对应的以下字段类型:

字段标签字段类型酒店图片图像高级地址文本区域地图打开街道地图住宿类型复选框列表设施复选框列表与市中心的距离文本房间组房间名称文本房间图像图像高级房间区域文本成人人数人数儿童人数编号房间价格编号房间设施复选框列表入住日期日期退房日期日期我们最后一个房间号码

注意:您必须为每个字段输入标签和ID并记住它们。我们将在接下来的步骤中将这些ID插入到代码中。

另外,请多注意以下一些特殊领域:

复选框列表字段:在Choices框中,使用以下语法在一行中输入每个选项:

ID-of-choice:选择名称

地址字段:用于在后台输入酒店地址。

地图字段:在地址字段框中填写上面地址字段的字段ID,以在前端的地图上显示酒店位置。

房间组字段是包含酒店房间所有信息的组,例如房间名称、房间图像、房间面积、成人人数、儿童人数、房价、房间设施、入住日期等。..只需将这些字段拖放到Room字段,它们就会成为Room字段的子字段。

创建字段后,转到设置选项卡并选择帖子类型作为酒店。

在步骤1中创建帖子类型后,一个名为Hotel的新菜单会显示在AdminDashboard上。转到此菜单以添加酒店或输入所需酒店的信息。

我们在第2步中创建的自定义字段都显示在每个酒店中。现在您只需要填写这些字段的信息:

在这一步中,我使用的是Justread主题。我将创建一个子主题来编辑它而不触及主主题(您也可以在此处下载免费的Justread主题进行尝试)。

首先,我将创建一个名为single-hotel.php的文件,用以下内容覆盖single.php文件:

/**\

显示所有单家酒店的模板\*\

@packageJustread\*/

获取_header();>\

\

\

\\