同城附近100米一晚-风楼阁全国信息社区,全国24小时空降附近,凤凰楼信息免费茶楼茶楼

在使用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样式表

相关文章

  • HTTP状态代码大全

    外贸网站建设必备的HTTP状态代码大全

    在外贸建站过程中经常会遇到网站出现以数字开头的状态代码的情况,这些状态代码为独立站的正常运行提供丰富的指导条件,例如1xx 和 2xx 代码代码搜索引擎可以顺利地访问和索引内容,4xx 和 5xx 代码则会阻止搜索引擎抓取和索引网站页面。对于小白来说这些状态代码不仅数量庞大而且难于记忆和理解,所以本文为了帮助大家更好的了解外贸网站建设过程中的HTTP状态代码,接下来将呈现HTTP状态代码的有关内容。 一、HTTP状态代码是什么 HTTP 状态代码是 Web 服务器使用的标准化响应,用于告诉 HT…

    开发教程 2025年 1月 23日
  • 建站小白必看的320个必备Web开发专业术语

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

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

    开发教程 2024年 12月 4日
  • shopify自建站教程

    从零开始!Shopify自建站最全教程

    随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。 一、创建 Shopify 帐户 转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和…

    开发教程 2025年 2月 24日
  • 两个用于导出网站文件的选项

    如何将网站从WordPress.com移至WordPress.org?

    随着WordPress独立站的发展,一些商家会选择将WordPress网站从WordPress.com迁移至WordPress.org,以获得更多的外贸建站资源,进行独立站的自定义设计。那么如何将网站从WordPress.com移至WordPress.org?商家需要经过导出WordPress.com站点内容、建立新的WordPress.org站点等步骤实现WordPress.com站点迁移至WordPress.org的目标,所以下文将基于此为大家介绍WordPress独立站的迁移过程,感兴趣的…

    开发教程 2024年 11月 7日
  • CSS网站设计

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

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • WordPress多语言

    WordPress怎么多语言?

    随着外贸建站行业的不断深入发展,WordPress的多语言功能也显得越来越重要,一个具有多语言的独立站不仅可以有利于客户的访问,而且在一定程度上也有利于网站的SEO优化。那么WordPress多语言网站到底该怎么设置呢?其实设置方法多种多样,用户可以通过用两种不同的语言文章撰写文章来实现,也可以通过创建两个具有不同语言的站点来达到WordPress多语言的设置。下文将为大家具体介绍多语言网站的设置方法。 一、一个站点,一篇文章 用户可以创建一个站点,并让每篇文章或每个页面都包含用两种语言显示的相…

    开发教程 2024年 10月 2日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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