首先进入Elementor官网,在导航栏中找到模板库(Web Creation下的Template Library )。

在模板库中找到Real Estate(房地产)模板,单击进去之后便能看到该模板的具体效果,接下来就以该模板作为公司网站首页,用Elementor编辑器搭建一模一样的首页效果。

(1)打开自己的网站后台,在WordPress的菜单栏中找到“模板”功能,然后单击“添加新模板”按钮。

(2)弹出新页面后,需要选择模板类型并对其进行命名。模板类型中有很多可选项目,此处选择Header即可,然后将其命名为“页头”。当然,也可以命名成其他名字,后期调用模板的时候自己能区分就可以。

(3)单击“创建模板”按钮,系统会弹出一个模板库,里面有“模块”“网页”“我的模板”三个选项,暂时还不需要这些内容,直接关闭这个模板库即可。

(4)回到页头的创建页面,单击内容版块预设按钮。

(5)在系统提供的12个预设内容版块中选择第一个。

(6)在网页左边找到Elementor编辑器,在“基本”元素中找到“内部区段”(Inner Section)子元素,然后将其拖动到上一步创建的内容版块中。注意,只有当内容编辑块的外边框变为蓝色,里面出现一条蓝色线条时才能释放鼠标左键,这样才表明该元素被放到了正确的位置。

这时候看到内容编辑块中出现了一行两列,但是还不够。因为页头中有三个内容块,所以需要再复制一个内容编辑块出来。

(7)在一行两列的任意一个内容编辑块上右击,在弹出的快捷菜单中选择“复制”命令,Elementor就会为创建一个同样的待编辑内容块,一行两列就变成了一行三列的排布效果。使用QQ截图工具测量可知页头的宽度是1400px(像素 ),然后需要对贡头模板的宽度进行设置。

chuttersnap-P7dmfrpYBTo-unsplash.jpg

然后找到Elementor编辑器中的标题元素(文本编辑器元素 ),为页头模板添加第一部分内容。

(8)单击Elementor编辑器右上角的图标(想使用Elementor编辑器的其他功能时都可以单击这里 ),然后找到“标题”元素并将其拖动到页头一行三列中的第一个内容框中。

(9)对标题的内容和样式进行具体的输出和设置。

(10)将主导航菜单添加到第二个待编辑的内容版块中,前提是已经创建了Home、About、Properties、News、Contact Us这5个页面(为了不影响当前的页头模板编辑工作,可以重新打开一个页面,然后进入WordPress后台,在“页面”菜单中找到“新建页面”功能,按次序将上述5个页面创建出来)。在WordPress的“外观”菜单中选择“菜单”子功能,创建一个名为“MENU”的主菜单,将上述5个页面都添加到MENU主菜单中,并调整它们在页头中显示的顺序,然后保存并退出菜单编辑页面。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场。)