首页

为了更好地说明网站联系页面的设计思路和相关注意事项，这里选择Elementor提供的房地产案例模板进行说明。

主体内容分为左右两个区域，左边是两个不同的标题文本，右边是简单的详情说明文字。添加并设置文本后，将整个一行两列大内容块的背景设置为粉红色。

首先，我们建立一行两列的大型待编辑内容块，将该版块的"内容宽度"设置为1400px，并设置"最小高度"为600px，然后在"样式"中将"背景颜色"设置为#FFF7F1。对于标题"We Will Be Happy ToAssist"，"HTML标签"为H3，"文本颜色"为#848484，在"样式"的"排版"功能中设置字体为Montserrat，大小为15px，重量为400。

对于标题"CONTACT US TO FIND OUT MORE"，将"HTML标签"设置为H1（注意，为了使前端设计效果更好看，案例模板中在TO和FIND之间插入了一个HTML标签，即换行。在操作Elementor的文本编辑元素时，你可以尝试使用一些简单的HTML标签来达到你想要的效果），"文本颜色"是#011640，然后在"样式"的"排版"功能中设置字体为Montserrat，"尺寸"为60px，"重量"为300。

设计案例模板中的企业联系信息部分。

从结构布局来看，这部分分为上下两个区域：上半部分是两个文本标题，下半部分是一行四列的相关联系信息。在这方面，我们首先需要建立一个大的一行一列内容块，然后逐一添加上述内容，并设置内容宽度为1400px，不需要设置背景颜色，默认为白色。

然后将Elementor编辑器的"内部区段"功能元素拖到新建的大内容块中，删除一个多余区段，使它变成一行一列的小内容块。将其"内容宽度"设置为650px，并在"高级设置"中将外距的顶部参数设置为10%。

对于标题"Call To Find Your Luxury Home"，将"HTML标签"设置为H3，标题对齐为中心。在"样式"功能中设置"文本颜色"的参数为#848484，在"排版"功能中设置字体为Montserrat，"尺寸"为15px，"重量"为400。

对于标题"Contact Us … To You ASAP"，将"HTML标签"设置为H2，标题对齐为中心。在"样式"中设置"文本颜色"参数为#011640，在"排版"功能中设置字体为Montserrat，"尺寸"为30px，"重量"为300，行高为1.2em。

设计一行四列的联系信息。首先，需要拖动Elementor编辑器的"内部区段"功能元素到刚才做好的内容下面，因为默认情况下"内部区段"只有两个小内容块，所以我们需要再复制两个小内容块，然后设置一行四列内容块宽度为1400px，在"高级设置"中设置其外距的顶部参数为100px。

在第一个小内容块中，我们插入Elementor编辑器的"标题"功能元素，输入标题文本"Phone"，设置"HTML标签"为H3，然后在"样式"功能中将"文本颜色"设置为#011640，在"排版"功能中设置字体为Montserrat，"尺寸"为20px，"重量"为500。

然后将Elementor编辑器中的"文本编辑器"功能元素拖到标题"Phone"的下方。注意，只有出现蓝色占位符时才能释放鼠标，否则会增加失败。输入电话号码后，在"样式"功能中设置"文本颜色"为#848484，文本对齐为左对齐，在"排版"功能中设置字体为Montserrat，"尺寸"为16px，"重量"为300。

添加完一行四列内容块的第一个项目后，我们将鼠标指针移动到小内容块的左上角，当出现小黑块并显示"编辑栏"文字时右击，在弹出的快捷菜单中找到"copy"选项，中文状态下有"复制"二字。在中文状态下，我们选择"复制"命令，然后右击一行四列的其他三个空白内容块，在快捷菜单中选择"粘贴"命令，完成后将相关文本修改为案例模板中的内容。