如何安装 Flatsome 子主题,避免主题更新导致自定义设置丢失

如果你用 Flatsome 主题搭建独立站,并且修改过主题代码(如 PHP、CSS、JS)、调整过模板文件(比如 header.php 或 WooCommerce 模板)的情况,那就需要使用子主题!否则,一旦更新父主题,你的所有自定义内容都会被覆盖,导致网站布局错乱、功能失效,甚至影响店铺正常运营。

如何创建 Flatsome 子主题

子主题用于自定义一些特殊的css样式和增加功能,默认的Flatsome子主题有两个空文件:functions.php  和 style.css

你使用 PHP 函数和 CSS 代码覆盖 Flatsome 父主题的时候,可以把 PHP 代码放在functions.php 中,而当需要使用 CSS 自定义主题时,你可以放在 style.css 中文件里。

你还可能需要覆盖 Flatsome 核心模板、扩展基于 WooCommerce 的功能、覆盖 Flatsome 短代码并开发新功能,建议都使用子主题来开发。有两种方法可以安装子主题。

方法一:通过安装向导安装 Flatsome

第一次安装主题时,你不清楚是干吗用的,会有意或无意的删掉。有些就直接跳过了。下面是如何安装得方法

步骤一:安装子主题

在网站后台左侧导航中依次选择 Flatsome -》 Setup Wizard

步骤二:点击Lets Go进入下一步

现在,开始安装,不用担心会弄丢数据,点击“Let’s GO” 按钮

在“购买代码”字段中授权码。然后单击继续按钮。

当可以为Flatsome 子主题起名时,点击“Create and Use Child Theme”(创建子主题)按钮来安装。

安装后点击底部的按钮返回到网站后台,子主体就安装完成了。

方法二:手动安装 Flatsome Child 主题

手动安装 Flatsome 子主题与任意的 WordPress 主题中设置子主题方法一样。你可以自己创建子主题,也可以从别的网站或者官网下载子主题。

子主题一般只有两个空白文件。分别是 functions.php 和 style.css 。需要使用 PHP 过滤器或钩子用来自定义内容时,可以把代码放置在functions.php 文件内。把自定义 CSS 代码放入 style.css 文件内。

把Flatsome 父主题的自定义设置复制到 Flatsome 子主题

启用子主题后,有些父主题的自定义设置没有应用到子主题。这种情况下,必须手动把父主题设置粘贴到子主题。

结论

我建议在安装任何插件或修改代码的时,做好网站备份。新插件或自定义代码可能会导致错误打不开网站。

如果你的网站正在稳定运营,建议错峰调试。 Flatsome主题的不断升级,有些界面略有不同。需要经常更新确保你按照教程可以正常安装。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注