如何创建最好的 WordPress 主题并且不要犯错误

已发表: 2020-10-22

WordPress 在其他 CMS 中占有一席之地，包括纽约时报、瑞典官方网站、TechCrunch 和 Vogue 在内的数百万个网站都在其上运行。 该平台的结构是多功能的，既适用于小型个人博客的网站，也适用于大公司的网站。

这个 CMS 的流行是由于几个因素，包括大量的免费主题、插件和高频率的更新。 此外，与许多其他平台不同，WordPress 拥有庞大的用户社区。 如果您在使用系统时遇到问题，或者您需要与志同道合的人交谈，您可以通过数以千计的可用论坛中的任何一个联系社区。 WordPress 主题是定义网站外观的文件集合。 该主题包括JavaScript 和 HTML 编程，并且经常涉及JavaScript 开发人员或jQuery 开发人员。

WordPress 非常用户友好，使其成为有抱负的博主的最佳平台之一。 组织良好的菜单和简单的控件消除了深入研究代码的需要。 即使用户没有 HTML 的基本知识，创建一个 WordPress 站点也不会花费太多时间，以及进一步使用它。

但是，在本文中，我们想注意创建您的主题：如何尽可能有效地解决此问题并避免错误。

图片1

资料来源： kinsta.com

为什么创建自己的 WordPress 主题很重要

WordPress 有一个包含数百个免费主题的内部库。 它们适合各种目的和偏好。 那么，当有大量免费主题时， JS 开发人员为什么要创建自定义主题呢？

自定义主题比免费主题有更多好处，原因如下：

  • 设计的独特性。

请注意，互联网上 29% 的网站由 WordPress 提供支持。 某人可能与您的主题相同的可能性很高。 为了让您的品牌只与您相关联，您需要在自由 JS 开发人员或内部专家的帮助下提前处理好这件事。

  • 个性化功能。

WordPress 和插件需要保存单个元素。 对于他们独特的主题，开发人员可以准确地创建在特定领域中脱颖而出所需的元素。

  • 更改默认主题的能力有限。

在大多数情况下，标准主题的用户可以影响简单的事物，例如颜色、字体和图像。 创建主题时，您可以添加无限数量的功能和特性。 随着您网站的发展，您可能会想到这样的想法，增加主题功能的机会将永远伴随着您。

结果将是一个独特的博客或网站设计，您可以在其中影响更改，而不是来自默认主题开发人员的意外更新。

开发 WordPress 主题的常见错误是什么

当您决定创建自己的主题时，您应该知道并尽量避免一些常见错误。

  • 在不使用操作和过滤器的情况下创建主题

使用操作和过滤器创建独立主题。 这样您就可以在不编辑原始主题的情况下修改功能。 此外，如果您以后想要构建依赖于原始主题的高级扩展，那么您应该开发具有易于扩展的可能性的原始主题。

  • 寻找额外的工作

当你想要改进某些东西时要小心——尤其是当你创建一个与另一个已经存在的函数大致相同的函数时。 您添加的“漂亮”代码越多，您将来维护它的难度就越大。 击键不是衡量您作为开发人员工作效率的标准。 花更多时间思考代码比编写代码要好。

  • 在主题中使用变量

当您完成一些不必要的优化后，您会注意到主题中的变量要少得多。 最好放弃变量，尽管一些逻辑条件是必不可少的。 在这种情况下，最好通过从主题中删除尽可能多的不必要的内容来提高主题的可读性。

创建 WordPress 主题的步骤

JavaScript 开发人员应该做的第一件事是在计算机上下载并安装 WordPress。 还需要使用文本编辑器进行工作。 接下来，您需要在安装 WordPress 的驱动器上找到 wp-content\themes 目录，并在其中以未来主题的名称创建一个新文件夹。 标准 WordPress 主题也存储在这里。

每个主题必须包含两个文件：index.php 和 style.css，以及一个包含主题图像的 images 文件夹。 首先，您只需要创建这些文件，然后开始填充它们。 index.php 文件可以在文本编辑器中独立编写，从专家那里订购，或者您可以从另一个主题中获取现成的内容。

对于主题，您需要将所需扩展名 1200×900 像素的 screenshot.png 文件上传到主题文件夹。 它可以是任何符合指定格式的图像。 必须将 index.php 中的代码复制到记事本中并保存在新的主题文件夹中，并指定 PHP 扩展名。 此外，在此文件中，您可以添加您希望在网站上看到的任何元素。

现在您需要填写 style.css 文件。 与上一步类似，打开文本编辑器并添加以下内容：

/ *

主题名称：主题名称

主题 URI：专用于该主题的站点的 URL

描述：主题描述

版本：主题版

作者：作者姓名

作者 URI：主题作者地址

* /

index.php 文件包含有关站点的一般信息。 它包含为每个页面重复的元素。 要使所有内容正常工作，您需要为页眉、侧边栏和页脚创建单独的文件。 它们都将存储在一个共享文件夹中，并且每个都将被分配一个 PHP 扩展。

例如，让我们先创建 header.php 文件。 为此，请从 index.php 中选择并复制标题行。 需要对其余文件执行相同的步骤。

您可以自行决定对它们进行补充和编辑。 例如，您可以使用搜索栏、徽标和其他元素将唯一图像添加到标题中。

要正确显示页眉、侧边栏和页脚，您需要将它们的单独文件链接到主文件（索引）。 为此，请在 index.php 文件的开头添加以下行：

<? php get_header(); ?>

每个 WordPress 主题的核心是两个文件：index.php 和 style.css。 创建它们后，您可以尝试不同的主题元素和功能，为每个页面创建独特的设计。

结论

为 WordPress 创建主题为企业主、博主、服务卖家提供了充足的机会。 使用独特的主题， JavaScript 程序员可以为特定站点创建具有最方便的功能集的特殊主题。