如何在 WordPress 2023 中创建子主题

已发表: 2023-08-17
目录
  • 先决条件
  • 设置基础知识
  • 激活儿童主题
  • 自定义儿童主题
  • 高级定制
  • 最佳实践
  • 常见问题故障排除
  • 维护你的孩子主题
  • 结论

创建 WordPress 子主题就像在你平常的衣服外面穿一件新夹克。 您的主要服装或父母主题保持不变，而夹克或儿童主题则展示您独特的风格。

辉煌？ 当核心时尚趋势（阅读：父主题更新）发生变化时，您的定制调整保持不变。 通过走过这个迷宫，您不仅可以确保网站的优雅，还可以确保网站的弹性。

参与儿童主题就像保存旧酒，同时品尝新酒。 准备好进入这个令人兴奋的 WordPress 装扮世界了吗？ 让我们一起一步一步地揭开这个谜团。

了解更多：2023 年如何在 WordPress 中安装子主题

先决条件

在我们沉浸在儿童主题的艺术性之前，让我们先收集一下我们的工具包。 将此视为在创作杰作之前准备画布和颜料。

  1. 访问 WordPress 仪表板：就像创意工作室的钥匙一样，确保您可以轻松登录网站的后端。
  2. 一点点代码知识：虽然您不需要成为代码方面的毕加索，但对 HTML、CSS 的基本了解，也许还有一点 PHP 将是您的画笔和颜色。 如果这些术语听起来很陌生，不用担心！ 总有第一次。
  3. 代码编辑器和 FTP 客户端：将它们想象为您的画架和调色板。 任何基本的代码编辑器都可以，从 Notepad++ 到 Atom。 对于 FTP，FileZilla 或 Cyber​​duck 等工具随时可以提供帮助。
  4. 活跃的父主题：确保您的 WordPress 上有一个“基础服装”或活跃的父主题。 这是我们将挥洒创造力的画布。
  5. 备份机制：拥有安全网总是明智的。 在进行任何重大努力之前，请备份您的 WordPress 网站。 这就像为您的艺术品拍张照片，以防万一！
  6. 好奇心：好吧，这不是技术性的，但是嘿，当你渴望和好奇时，创造力就会绽放！

现在我们的工具已经准备就绪，让我们开始这个充满活力的创建儿童主题的旅程吧。 抓紧; 这将是一次激动人心的旅程！

设置基础知识

好吧！ 现在我们已经准备好了工具包，让我们开始有趣的部分。 可以将其想象为安装一个新玩具 - 只需几个简单的步骤，您就可以开始了！

为您的孩子主题创建一个新文件夹：

首先，我们需要一个特殊的地方来保存子主题的文件。

转到 WordPress 中的“主题”部分，您可以在“wp-content”中找到该部分。

在这里创建一个新文件夹。 将其命名为容易记住的名称，例如“mytheme-child”。

创建主样式文件：

接下来，我们需要一个样式文件（这告诉您的网站应该是什么样子）。

创建一个新的文本文件并将其命名为style.css 。

在顶部，写一些细节，如下所示：

Theme Name: My Child Theme Template: parenttheme-name

将“parenttheme-name”替换为当前主题的名称。

添加函数文件：

这就像我们孩子的大脑主题。

创建另一个名为functions.php的文本文件。

要从父主题借用样式，请在其中添加以下内容：

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

这段代码只是说：“嘿，使用主主题的样式！”

这就是基本设置！ 您刚刚为您的子主题奠定了基础。 不太难，对吧？ 我们继续吧！

激活儿童主题

现在我们已经铺设了铁轨，是时候让火车开动了。 让我们增强我们的儿童主题！

  1. 转到您的仪表板：
    • 跳回您的 WordPress 网站并前往仪表板。
  2. 找到你的主题：
    • 单击“外观”，然后单击“主题”。
    • 在这里，您应该看到您的子主题（它将具有您之前指定的名称，例如“mytheme-child”）。
  3. 激活它：
    • 将鼠标悬停在子主题缩略图上，然后单击“激活”。 瞧！ 您的子主题现已上线。

自定义儿童主题

现在，最重要的部分是——装饰您的网站！ 当您的子主题处于活动状态时，您在此处所做的任何更改都不会扰乱主主题。 这就像有一个安全网！

  1. 用风格美化外观：
    • 打开子主题文件夹中的style.css文件。
    • 想要更改背景颜色吗？ 字体大小？ 在这里添加相关的CSS代码。 每次更改都会给您的网站带来新鲜感。
  2. 调整布局：
    • 如果您想要更改网站布局的特定部分，则需要将该文件从主主题复制到子主题文件夹中。
    • 例如，如果要修改标题，请从主主题复制header.php并将其粘贴到子主题文件夹中。 现在，您在此处所做的任何更改都会显示在您的网站上！
  3. 添加一些新功能：
    • 还记得functions.php文件吗？ 您可以在此处添加一些很酷的功能。
    • 也许您想要一个特殊的按钮或独特的小部件？ 将必要的 PHP 代码写入或粘贴到此文件中。 这就像在您的游乐场添加新玩具一样！

请记住：儿童主题的美妙之处在于其灵活性。 你可以不断尝试新事物，即使有些事情出了问题，你的主题仍然安全无害。 尝试、尝试并为您的网站提供您一直想要的个人风格！

持续定制

好吧，你已经掌握了基础知识。 但让我们更进一步，让您的网站真正脱颖而出。 可以将其视为为您新喷漆的汽车添加几层额外的抛光剂。

  1. 使用操作挂钩和过滤器：
    • 在 WordPress 中，挂钩允许您将自己的自定义代码“挂钩”到现有流程中。
    • 过滤器允许您修改某些功能或内容。
    • 深入研究functions.php并使用它们进一步根据您的需求定制网站的功能。
  2. 更改字体：
    • 想要清新的字体风格吗？ 在style.css中，定义所需的字体系列并将其应用到正确的元素。 请记住，某些字体可能需要从 Google Fonts 等地方导入。 检查有关以下内容的更多信息：如何在 WordPress 中更改字体（终极指南）2023

高级定制

让我们更深入地研究吧！ 这些调整适合那些想要突破界限并充分利用子主题的人。

  1. 包含 JavaScript 文件：
    • 想要向您的网站添加一些动态操作吗？ 也许是动画或互动功能？
    • 将 JavaScript 文件放入functions.php中以实现此目的。
  2. 创建自定义模板文件：
    • 模板决定了网站某些部分的显示方式。
    • 您可以为特定页面或帖子类型制作自定义模板，赋予它们独特的外观。
    • 例如，您所有博客文章的特殊模板？ 完全可行！
  3. 覆盖父主题功能：
    • 有时，主主题具有您想要调整的某些功能。
    • 通过将它们复制到子主题的functions.php并在那里进行更改，您可以重新定义这些函数，而无需触及原始函数。
  4. 自定义小部件和侧边栏：
    • 想要一个特殊的小部件区域或独特的侧边栏布局？
    • 深入研究functions.php并定义这些自定义区域。 从那里，您可以直接从 WordPress 仪表板的“小部件”下管理它们。
  5. 使用插件增强：
    • WordPress 生态系统中有无数的插件。 虽然不特定于子主题，但正确的插件可以进一步提升网站的功能和设计。
    • 有需要自定义代码片段的插件吗？ 将它们添加到您的子主题中以获得更好的兼容性和组织性。

请记住，高级定制就像对汽车进行细节设计。 您投入的时间和精力越多，您的骑行就会变得越闪亮、越独特。 所以，不要害怕弄脏你的手，真正让你的 WordPress 网站成为你自己的网站！

最佳实践

当您深入研究儿童主题的世界时，您需要牢记一些黄金法则。 将这些视为经验丰富的 WordPress 工匠所信奉的指南。

  1. 备份、备份、备份：
    • 在进行任何重大调整或更新之前，请务必备份您的网站。 将其视为安全网。
  2. 在代码中保留注释：
    • 在style.css或functions.php中写注释可以帮助您记住每个部分的作用。 这就像为未来的自己留下面包屑。
  3. 在安全环境中进行测试：
    • 在将更改应用到实时站点之前，请在暂存或本地环境中测试它们。 这样，您的访问者就不会看到任何错误或施工混乱。
  4. 保持更新：
    • 密切关注父主题的更新。 新版本可以带来改进和修复。
  5. 少即是多：
    • 虽然添加大量功能很诱人，但请重点关注真正为您的网站增加价值的内容。 整洁、加载速度快的网站总是很流行。

常见问题故障排除

呃哦，遇到障碍了吗？ 不用担心。 以下是您可能遇到的一些常见问题的解决方案：

  1. 不反映的样式：
    • 检查您是否已在functions.php中正确地将父主题样式和子主题样式排入队列。
  2. 添加新代码后网站崩溃：
    • 恢复到备份或删除新添加的代码。 始终首先在暂存环境中测试新片段。
  3. 模板更改未显示：
    • 确保您已将正确的模板文件复制到子主题，并且其名称和结构与父主题匹配。
  4. 功能冲突：
    • 如果添加到functions.php后出现错误，请查找重复的函数名称。 重命名您的子主题中的主题以解决冲突。

维护你的孩子主题

您的儿童主题，就像任何杰作一样，需要定期维护和关注：

  1. 定期检查您的更改：
    • 随着 WordPress 的发展，明智的做法是重新审视您的自定义设置，以确保它们仍然按预期工作。
  2. 随时了解情况：
    • 加入 WordPress 论坛和社区。 它们是知识、更新和解决方案的宝库。
  3. 优化性能：
    • 随着时间的推移，当您添加更多自定义项时，请监控网站的速度和响应能力。 如果需要，使用缓存和优化工具。

了解更多：如何安装 WordPress

结论

在 WordPress 中制作儿童主题既是一门艺术，也是一段旅程。 它允许您为您的网站注入个性，同时保留父主题的稳健性。

当你进行实验时，请记住：错误只是通向精通的垫脚石。 通过每一行代码和每一次调整，您不仅仅是在定制一个网站；更是在定制一个网站。 你正在磨练一门手艺。 快乐 WordPress！