首页 > 创作专业网站 > 零基础创作专业wordpress网站11-制作页脚(Footer)
2018
09-10

零基础创作专业wordpress网站11-制作页脚(Footer)

制作Footer同样需要下载模板,所以,来到tyler.com > All Templates > 搜索下载”X1″

接着,来到 仪表盘 > Elementor > 我的模板 > 导入模板,将刚才下载的模板全部导入进去。

wordpress导入Footer模板 - 零基础创作专业wordpress网站11-制作页脚(Footer)

导入完成后,现在会和之前稍有不同,我们不需要重新创建页面,来到 Theme Panel > My Libary > Add New:

.png - 零基础创作专业wordpress网站11-制作页脚(Footer)

在这里添加一个新的模板,将模板标题设置为:Footer

wordpress模板库标题取名 - 零基础创作专业wordpress网站11-制作页脚(Footer)

接着,将这个模板Panel设置为全宽:

wordpress 主题全宽设置 - 零基础创作专业wordpress网站11-制作页脚(Footer)

然后关闭页面标题,点击“发布”:

wordpress 主题隐藏页面标题 - 零基础创作专业wordpress网站11-制作页脚(Footer)

接着,使用Elementor编辑Footer模板,添加之前下载好的“V1”模板。

添加完成后,你可以看到Footer有2行:

Footer模板添加 - 零基础创作专业wordpress网站11-制作页脚(Footer)

这是因为一个是桌面版本的,另一个是手机版本。

桌面版本只在电脑端显示,手机版本则在手机端显示。

首先我们要选中Main作为菜单:

wordpress选中Main作为菜单 - 零基础创作专业wordpress网站11-制作页脚(Footer)

接着,你可以调整左侧的图标,大小和颜色都可以调整。

你可以调整右侧的社交图标,我们之前都讲解过如何调整。

点击“更新”,然后预览,看起来重叠了:

wordpress未添加到页面Footer的预览效果 - 零基础创作专业wordpress网站11-制作页脚(Footer)

这是因为我们编辑的只是Footer模板,而不是之前的页面,所以,还需要设置一个步骤,既是将Footer添加到之前创建的页面中:

来到 自定义 > 页脚底部 > 禁用“开启底部页脚”:

wordpress默认页脚取消 - 零基础创作专业wordpress网站11-制作页脚(Footer)

然后来到 自定义 > 页脚小部件 > 选择模板为:Footer:

wordpress页脚小部件 - 零基础创作专业wordpress网站11-制作页脚(Footer)

点击发布,来到网站前台,在各个页面都可以正常显示。

手机端也是没有问题的。

最后编辑:
作者:MrBang
WordPress迷

留下一个回复