专注于外贸建站与谷歌SEO,分享WordPress教程和Betheme主题教程,分享外贸开发信写作技巧,提高回复率。

logo

如何使用Bebuilder页面编辑器制作网站页脚(Footer)

2024 年 7 月 8 日   作者:椅栏听风

本文最后更新于2024 年 7 月 8 日,其中的信息可能已经有所发展或是发生改变,若失效请联系站长更新,谢谢!

网站有页头(Header)就需要有一个页脚(Footer),其制作方法跟制作网站Header方式差不多的,本篇文章将学习如何制作一个外贸企业站的页脚。

PS:以下统一称为 Footer

Bebuilder使用Pre-Built一键快速导入Footer

Bebuilder也预设了4种风格不同的Footer模板,在编辑器中快速导入,步骤如下:

bebuilder一键快速导入Footer

插入预设 Footer 后可以在此基础上再二次设计,Logo、菜单、图标等等都替换下,以保证符合网站的整体风格。

Bebuilder创建自定义Footer模板

有时候自带的模板 Footer 并不能满足我们的需求,Bebuilder也可以创建个性化的Footer,而不仅仅局限于主题,方式跟创建Header时是一样的,如果没有设计灵感的话,第一可以参考Bebuilder的预设,第二可以参考竞争对手的网站Footer。

比如:我所卖的产品为“激光切割机(laser cutting machine)”,那么,打开谷歌,搜索该英文关键词,找出搜索结果中的前十名的独立站,非电商平台,分别打开并学习他们网站是如何设计 Footer 的。

竞争对手footer参考

通过竞争对手确定整体 Footer 风格后,可以得出外贸独立站 Footer 中需要包含以下内容:

以上就是使用Bebuilder页面编辑器从从零开始设计一个外贸独立站 Footer 的内容,对于新手来说,可能英文是比较困难的,这个问题需要再对Bebuilder加以熟悉,多记一些常用的单词,自然而然就会了。多去找一些常规的、排名靠前的外贸独立站的首页,不断模仿、练习,我相信Bebuilder页面编辑器很快就能完全上手。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。

转载请注明:
作者 – 椅栏听风
页面标题 – 如何使用Bebuilder页面编辑器制作网站页脚(Footer)
页面链接:https://oyouoo.com/bebuilder-create-template-footer/

留下第一个评论

推荐阅读

  • 如何使用Bebuilder页面编辑器制作文章分类页模板

    不管是B2C类型还是B2B类型的外贸企业站都需要有博客文章来丰富网站内容,本篇文章将学习如何使用Bebuilder页面编辑器制作外贸独立站的文章分类页。 前置要求 为了保证设计过程中的效果,需要增加 3 个文章分类和 10 篇文章,内容随意,文章可分布在任意文…

    2024 年 7 月 15 日

  • Bebuilder页面编辑器基础介绍

    Bebuilder是Betheme主题自带的页面编辑器,类似于Elementor Pro,可以拖拽式拉取页面元素来设计网站页面,所见即所得。 我用过一段时间的Elementor Pro确实很强,但是主题授权价格太贵了,搜资料的时候也是无意中发现了Betheme…

    2024 年 6 月 29 日

  • 如何使用Bebuilder页面编辑器制作产品分类页模板

    本篇文章将学习如何使用bebuilder页面编辑器从零开始设计一个外贸独立站产品分类页。 Woocommerce 介绍 正式开始前,先来介绍一个 WordPress 插件:Woocommerce,一个可以为 WordPress 博客网站添加电子商务功能的网站插…

    2024 年 7 月 14 日

  • 关于谷歌企业邮箱的注意事项(随时更新)

    之前介绍了如何注册一个谷歌企业邮箱,经读者的反馈和资料的搜寻,在这里列举一些关于谷歌企业邮箱的常见问题的解答和注意事项,希望读者能避免这些问题。当然,这篇文章的内容也会随时更新。 问题1:注册完成后为什么无法进入账号的企业邮箱? 企业邮箱和个人通用的Gmail…

    2024 年 8 月 26 日

  • Bebuilder使用Section、Wrap、Item对页面排版设计

    了解Bebuilder的基本功能后,本篇文章将学习如何使用bebuilder页面编辑器对页面做一个布局排版,方便规划页面内容。 Bebuilder排版工具 Bebuilder有三个排版工具分别为:Section、Wrap、Item(Element)。类似Ele…

    2024 年 7 月 4 日

导航目录