🚀 建站太难?我来手把手带你—— 了解「WordPress建站陪跑」服务 →

使用Flatsome主题搭建自己的网站教程

Flatsome是在Themeforest网站上销量第一的WooCommerce主题,本文奶爸教大家如何使用Flatsome来搭建自己的网站

使用Flatsome搭建网站前提

想要使用Flatsome来作为自己的WordPress主题,首要前提是你得有一个自己的WordPress网站,奶爸建站笔记分享了很多相关的教程,这里就不重复介绍了。
  1. 建网站的步骤
  2. 外贸用户推荐的SiteGround主机安装WordPress教程
安装好WordPress网站后,我们就可以使用Flatsome来搭建自己的外贸网站了。

Flatsome使用教程

一、Flatsome主题安装

1、从Themeforest购买后下载主题文件 购买地址 2、把下载的压缩包解压,然后上传主题安装包到WordPress后台上传安装。 3、启用主题,进入向导界面,如下图: Flatsome.主题向导 4、跟着向导进行操作。中途会让你输入key、启用子主题、安装插件,导入内容等。 不知道哪里找回key的话点击这里主题演示数据导入 内容导入完毕后,会让你上传logo和选择预设模板,选择你喜欢的demo样式即可。LOGO图片也可以后面再更换。 5、导入完毕 主题导入完毕 导入完毕后,你可以选择Setup WooCommerce进行商城插件设置,或者点击View your new website浏览网站。

二、Flatsome主题自定义

在网站首页点击自定义(customize)按钮,可以对主题进行一系列自定义修改。 flatsome主题设置 在这里可以对主题很多地方进行修改和设置,自己根据实际情况调整参数即可。 例如在Header的Presets里面可以选择网站导航栏风格,然后在Header Builder界面可以拖动选择头部显示的内容。 flatsome头部区域 如果你网站有国内用户,那么推荐在Style的Typography里面禁用掉Google字体,外贸网站就不用操作了,因为Google字体相对来说会比较丰富,样式更漂亮。 自定义内容设置完毕后,点击发布按钮即可。

三、修改Flatsome页面布局

例如你想重新修改网站首页的布局,那么在网站首页点击顶上的编辑按钮,或者进入WP后台页面找到首页的页面,然后编辑。 选择Edit with UX Builder,进入页面构建器编辑页面。如下图: Flatsome页面编辑器 上图中,左侧导航是你当前页面的布局,我们可以看到最上面是两个banner,我们点击第一个banner的内容,可以直接编辑文字。 点击Banner的设置options可以进入banner的具体设置,可以修改背景图片和布局这些内容。 在版块与版块之间,可以点击➕加号进行新的版块添加。 版块添加可以添加的内容如下图: 可以添加的内容 你可以通过这些功能模块自己自定义页面的布局和内容。 所有内容都调试好之后,点击更新即可发表新页面。 一切设置都弄好之后,你就可以上传产品然后网站上线运营了。 以上内容就是奶爸给大家介绍的如何使用Flatsome主题搭建自己的网站教程了。

🚀 看教程还是觉得迷茫?不如让我手把手带你

「WordPress建站陪跑」——从选域名、买主机,到装主题、上线发文,每一步都有我全程陪跑,少走弯路,直达目标。

👉 了解建站陪跑服务
🔒

评论已关闭

本文的评论功能已关闭,如有问题欢迎通过其他方式联系我们。

×
二维码

扫码关注