我们操作4个步骤:
- 如何安装flatsome主题;
- 如何安装flatsome主题必备插件;
- 如何导入flatsome主题演示数据;
- 如何针对flatsome主题页面修改编辑;
下面我们就给大家具体演示,每个步骤应该怎么样去操作。
首先我们先安装,我们已经准备好了一个主题,这个主题就是flatsome,这里面有一个主主题,还有一个子主题,正常情况下来说我们只安装一个主题就可以了,这个子主题我们可以安装也可以不安装。
它最主要的作用就是我们可以对这个主题后期进行二次开发,如果你没有这样的需求,就减少代码量就可以了。那么在这个里面,这就是这个主题,所有的文件看不懂也没有关系,后期我们会针对这个主题的模板文件给大家去讲解它的模板结构。
那么所有的模板上传它的压缩格式必须是.zip,所以你要确保你是.zip,如果是rar是上传不了的,识别不了的,大家了解一下。
Flatsome主题上传;
回到我们的后台,这后台我已经把它切换为英文的界面,其实英文中文它的界面是一模一样的,所以没有太大的区别。我们找到它的外观,我们现在的主题风格是一个默认的风格,现在我们找到外观,外观里面有一个主题,打开以后我们点击add new,这是你之前安装的一些主题,这个就是默认的主题,然后点击添加新主题,然后直接上传选择文件,在你的电脑上面找到你已经准备好了,这个主题,然后点击打开,点击安装,因为这个主题它只有6兆,所以非常快,基本上你安装很快就好了。
安装好以后,我们可以点击第一个按钮的预览,也可以直接去这个模板的官方,当然我们直接就可以了,点击激活。
好激活完以后有一些主题会出现一个安装的面板,就像你安装woocommerce似的,它都会出现一个这样的快速配置的向导,当然你可以直接跳到你的后台也是可以的,但是我们就跟着这个步骤,因为我们现在使用这个模板,我们就把这个模板的所有的步骤给大家去演示清楚。
Flatsome安装向导;
我们看到它就是欢迎这个就不用管了,然后直接我们开始然后这个模板它已经被绿化过了,所以不需要你再去购买激活码了,然后直接同意,同意完以后点击继续,它会让我们去安装这个子模板,我们不需要安装那就直接跳过。
然后这个模板为什么它那么快,就是我们第一个使用的模板是因为它比较快,我有好几个客户都是用这个模板我给他们做起来的,所以这个模板相对来说它的风格是它的速度本身就比较快,那么我们后期做速度优化的时候也比较容易,我们看到这个主题它其实只需要安装三个插件,一个就是面板插件,第二个就是一个社媒登录插件,第三个就是woocommerce的一个收藏喜欢的插件。
其实这三个插件你装不装都无所谓,那么你看你需要哪一个,比如说这个面板我们可能使用的是联系我们,我们可能需要用到这个面板,所以我们就需要把它安装一下,其他的我们也同时安装,后面我们再针对这些不需要的插件进行优化或者是删除,然后直接点击继续,他就会帮我们安装这三个插件,这三个插件都是免费的。
Flatsome数据导入;
下面一个步骤是帮我们去导入它的内容,那么有一些模板它就是直接你安装的时候,它就会直接帮你去导入一个内容,但是有一些模板它可能就像我们之前给大家演示的,我们需要在demo里面单独给它导入数据,其实没有什么区别,然后我们看一下这里面的模块,比如说第一个就是联系我们的面板一个表单,然后我们的文章胚姐,还有我们的模块,这些我们都默认给它安装上去就可以了,然后点击继续,在我们导入数据的过程当中它可能会有点慢,所以我们稍微等一下。
好安装成功以后它会进入下一步,这里它会让我们去上传一个logo,如果没有我们就先用默认的,下面我们就可以选择不同的它的模板风格,这里面有很多的模板风格,你根据你自己的需要去选择,比如说我们就去选择第一个这种默认的风格,其他的也是一样的,然后点击继续。
Flatsome安装页面预览;
我们的站点已经准备好了,现在我们去访问我们的站点,我们可以点这个按钮,也可以回到我们的首页去刷新。
现在我们发现我们的模板,我们的独立站就已经风格大变,和我们之前导入的一些模板是一样的,它这些图片都是使用的默认的占位图去使用的,所以并没有导入他官方的这样的一些图片,最主要是为了防止侵权,我们了解一下就行了,因为我们要用的它的框架,我们在这个框架的基础上去修改我们想要的内容就可以了。
这就是一个模板,我们同样去看一下其他的页面,比如说我们看一下这是关于我们的页面,然后我们去看一下联系我们。
这是联系我们,虽然这里面的内容,当然我们还需要去编辑,然后我们可以去看一下有没有商店页面,我们回到首页,好在首页里面我们去打开一个产品,我们看到这个产品的界面也已经直接导入进来了,虽然这个图片没有显示出来,所有的风格基本上都已经完成了,我们在这个基础上去填写内容,去修改内容就非常的简单。
好,这就是关于 Flatsome这样的一个模板的导入。那么Themeforest上面所有的模板它的使用方式基本上都是类似的,只是有的时候它可能没有一个安装的向导,我们需要在后台一步一步的去操作。那么关于其他常用的主题,我们后面都会给大家去讲到,但是现在我们就只针对这个主题给大家讲解它的使用方法。
好,这个是 Flatsome主题数据的导入,我们的独立站已经成型了。
暂无评论内容