在使用WordPress主题时,多数用户会遇到主题设置导致文件丢失甚至是网站崩溃的情况,这时对于外贸建站的商家来说,通过插件或者functions.php函数制作一个WordPress子主题显得尤为重要。因为WordPress子主题可以完全继承父主题的特点和功能,以保证网站父主题发生更改时,数据或者是网站的正常运行,所以下文将基于此为大家介绍WordPress子主题作用及其如何制作的有关内容。

一、WordPress子主题作用

1、WordPress子主题优点

(1)高度自定义:通过WordPress子主题用户可以对网站主题进行样式、字体、元素的更改,而无需管理其他模板文件就可以以实现网站的自定义设置,满足用户更加个性化的使用需求。

(2)保证网站安全:在WordPress主题发生更新时,WordPress子主题可以保证主题文件的完整性,在不丢失数据文件的基础上实现网站主题的安全更新。

(3)易用性:WordPress子主题完美继承了WordPress父主题的功能和样式,所以用户可以在无需更改父主题的基础上,更加容易的对WordPress子主题进行编辑,用户也无需编写大量代码即可实现。

2、WordPress子主题缺点

(1)学习曲线长:用户需要长时间投入大量的精力学习WordPress父主题,因此商家要想创建一个WordPress子主题,必须先了解WordPress父主题的架构,尤其是在主题需要频繁变动的情况下。

(2)对父主题的依赖:WordPress子主题的功能依赖于父主题的功能,当父主题的功能布局发生变化时,子主题也会发生变化,但是父主题相对独立于子主题存在。

3、何时使用WordPress子主题

(1)如果是学习创建WordPress主题的Web开发人员,请考虑使用子主题,将有助于简化工作流程并显著缩短开发时间。

(2)如果是用户,则建议仅在以下情况下使用子主题:

  • 经常在父主题的functions.php文件中添加新函数。
  • 正在修改style.css文件。
  • 大幅度修改网站布局等。

二、WordPress子主题如何制作

1、手动创建WordPress子主题

(1)备份网站

在进行任何更改之前备份当前的站点以避免丢失设置,这一点至关重要,也可以考虑使用暂存网站。

推荐阅读:

WordPress怎么备份文件和数据?

如何通过cPanel复制WordPress网站?

(2)为WordPress子主题创建文件夹

需要创建一个文件夹来存储子主题文件,为此首先通过安全文件传输协议(SFTP)客户端(例如 Filezilla)访问文件,然后导航到themes文件夹。

为WordPress子主题创建文件夹

在这里可以为子主题创建一个新目录,创建一个带有父主题名称的新文件夹,并在末尾添加 “-child”,例如如果父主题目录名为 “twentytwentyfour”,则子主题目录将命名为 “twentytwentyfour-child”。

(3)为WordPress子主题制作样式表

现在需要创建一个新的文本文件并将其命名为 “style.css”,此文件将构成WordPress子主题的基础,它将需要一些基本的标头信息,包括名称、URL、描述等。

为WordPress子主题制作样式表

现在保存style.css文件并将其添加到刚刚创建的目录文件夹中。

(4)将样式表加入队列

接下来需要将父主题样式表和子主题样式表加入队列,enqueue函数可确保子主题从父主题获取其样式数据,它还允许用户编辑子主题,而不会影响其父主题。

在子主题目录中创建一个新的函数文件,并将其命名为 “functions.php”,然后可以通过添加以下代码来指示子主题引用基本主题:

<?php
add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ );
function enqueue_parent_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
}
?>

保存文本文件并导航到WordPress仪表板以激活主题。

(5)激活子主题

最后是时候激活子主题了,可以通过转到Appearance-Themes-Upload手动上传它,然后选择子主题目录的.zip版本。

激活子主题

用户可以在WordPress侧边栏导航外观下找到子主题,此时激活子主题,它应该就可以上线了。

2、使用插件创建WordPress子主题

(1)下载并安装Child Theme Configurator插件

首先需要下载并安装Child Theme Configurator,可以通过导航到插件页面并单击Download按钮来执行此操作。

下载并安装Child Theme Configurator

计算机将以ZIP文件的形式下载主题文件,然后导航到WordPress仪表板并转到插件-添加新的上传文件,单击Upload Plugin-Choose File,然后选择下载的文件夹。

单击Upload Plugin-Choose File

安装插件后只需激活它,请记住还需要选择一个WordPress主题来制作子主题。

(2)分析WordPress父主题

接下来导航到Tools-Child Themes。

导航到Child Themes

该插件将引导用户完成创建子主题的步骤,只需选择CREATE a new Child Theme即可开始。

选择CREATE a new Child Theme

系统将提示用户从下拉菜单中选择父主题,如果WordPress网站上有多个主题,请务必选择要自定义的主题。

从下拉菜单中选择父主题

现在点击Analyze来检查父主题是否存在任何潜在的代码问题。

点击Analyze

如果插件发现任何兼容性或编码问题,它将在此处列出它们,否则将看到一条绿色的成功消息,告诉用户可以继续制作子主题:

兼容性或编码问题

确定父主题适合子主题后,可以继续下一步,还可以从此页面显示原始数据分析或向插件的创建者提交支持请求。

(3)为WordPress子主题目录命名

接下来系统将提示创建子主题目录名称,这是网站文件中的文件夹名称。可以随意命名它,只要它对站点是唯一的并且包含可接受的字符即可,为了简单起见,可以使用 “twentytwentyfour-child”。

为WordPress子主题目录命名

请记住命名theme目录与命名子theme或添加theme description不同。

(4)选择子主题和父主题样式表

接下来需要为子主题选择新的样式表,如果选择主样式表(style.css),则自定义CSS样式将覆盖现有主题内容,这是默认选项,如果不熟悉子主题,建议用户选择它。

为子主题选择新的样式表

现在将提示用户选择父主题样式表处理方法,有多种选择,但这里建议使用WordPress样式队列。

选择父主题样式表处理方法

作为初学者,最好使用default选项,直到更熟悉父主题如何处理样式表为止,其他选项并不总是与所有主题兼容。

(5)为WordPress子主题命名

Child Theme Configurator将从父主题中提取默认信息并在此处显示,如果只是制作供个人使用的子主题,则可以将数据保持原样。但是如果父主题将用作正在开发的新主题的基础,则可能需要添加简短描述和唯一名称。

为WordPress子主题命名

(6)将父主题设置复制到WordPress子主题

此步骤将确保子主题从父主题中提取其功能和外观,请注意如果将premium或restricted模版作为父模版,则可能无法执行此步骤。

将父主题设置复制到WordPress子主题

(7)创建新的WordPress子主题并预览

最后一步是制作WordPress子主题,单击Create New Child Theme按钮并等待插件完成其工作。

单击Create New Child Theme按钮

此时应该会收到一条通知,指出子主题已成功创建:

收到一条通知

在网站上激活子主题之前,请务必预览它,此步骤将帮助用户验证一切是否正常工作,然后点击激活并发布以开始使用子主题。

推荐阅读:

如何安装并配置PHP集成开发环境?

如何进行CSS的网站设计与开发?

WordPress教程:WordPress添加JS和CSS样式表

相关文章

  • WordPress字体设置

    WordPress字体设置 WordPress怎么改字体?

    在进行WordPress独立站自定义设置时,有些商家为了追求网站的个性化,会更改WordPress的默认字体,对于一些不熟悉WordPress后台操作的用户来说想要实现该功能,可能会有一些困难,所以下文将为大家介绍使用WordPress主题定制器、全站编辑、插件和CSS代码来更改字体的具体操作以供大家参考。 WordPress怎么改字体一:使用主题定制器 1、登录 WordPress 仪表板。 2、导航到 外观- 自定义打开主题定制器。 3、进入定制器后,单击 Fonts。 4、可以单独设置站点…

    开发教程 2024年 12月 27日
  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

    开发教程 2024年 9月 4日
  • WooCommerce多语言设置

    WooCommerce多语言设置教程

    WooCommerce作为一款WordPress外贸建站不可或缺的商城构建插件,其自身也拥用一系列强大的WooCommerce附加组件,例如构建WooCommerce多语言商城会使用到的Webis Multilingual插件,而下文将围绕此插件为大家展示WooCommerce多语言的设置过程,希望可以为各位提供一个多语言网站的设计思路。 一、安装插件 从WooCommerce帐户下载.zip文件,转到WordPress Admin-插件-添加新插件和上传插件,使用下载的文件,选择 Choose…

    开发教程 2024年 10月 24日
  • 建站小白必看的320个必备Web开发专业术语

    建站小白必看:30个必备Web开发专业术语

    做外贸建站的商家离不开Web开发,无论是自己学习技术开发网站还是寻找专业的外贸建站公司进行外包建站,用户都有必要了解Web开发的专业术语,不仅可以帮助商家将自己的建站需求精准传达给客户,而且可以进一步丰富自己的网站建站知识,所以接下来将基于此为大家展示建站小白必看的30个必备Web开发专业术语,以供大家参考。 一、什么是Web开发 Web开发与网站设计密切相关,通常用于网站和应用的实际构建和编程,主要是指在互联网上创建网站的过程。Web开发人员通过编写代码,使用各种编程语言来实现这一点,这些语言…

    开发教程 2024年 12月 4日
  • WordPress安全防护教程

    WordPress安全防护教程

    WordPress作为一款开源免费软件,在使用WordPress进行外贸建站的工作时,不免会遇到安全隐患的问题,那么为了独立站的安全,用户该如何保证网站的安全呢?下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法,备份可以保障网站即使发生故障和恶意攻击,也能在短时间内恢复正常运行,如何对WordPress独立站进行备份,可以访问此文章《WordPress怎么备份文件和数据?》,了解具体操作。 2、启用 Web 应用程序防火墙 (…

    开发教程 2024年 9月 17日
  • 插件设置部署操作

    WordPress建站教程:WordPress伪静态设置方法

    在WordPress外贸建站过程中,对于一些想追求网站速度优化的用户来说,会选择进行WordPress伪静态设置,使得原本复杂的网站参数变得清晰明了,让搜索引擎更易于理解和抓取,让访问者易于记忆,进而提高网站优化效果。所以将基于此为大家介绍WordPress伪静态的设置方法,以供大家参考。 WordPress伪静态设置方法一:使用插件 当用户满足以下条件时,可以使用WordPress插件WordPress Static Site Generator: 网站变化不大 不依赖动态内容(如果想使用 W…

    开发教程 2025年 1月 17日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部