大多数Web设计师对WordPress主题层次结构有什么疑问

大多数Web设计师对WordPress主题层次结构有什么疑问

大多数Web设计师对WordPress主题层次结构有什么疑问
СОДЕРЖАНИЕ
02 июня 2020

WordPress主题设计乍一看似乎令人生畏。即使是经验丰富的网页设计师最简单的主题似乎由以某种方式互连的多个文件组成.


但是好消息是: 混乱背后有一个逻辑系统. 如果您愿意袖手旁观并学习一些PHP,可以将静态HTML设计变成动态WordPress网站.

您当然可以使用我们的服务,但是我们想给您一个选择!

在本文中,我想首先关注大多数可能的WordPress主题设计师在处理WordPress主题模板层次结构时所犯的关键错误,然后继续为您提供有关WordPress主题应如何整合的广泛概述。.

关于WordPress主题开发的最大秘密

尽管WordPress主题开发存在所有明显的复杂性,但是创建自己的WordPress主题可以像您想要的那样简单.

如果我告诉你可以仅用两个文件创建一个简单的WordPress主题怎么办?

这两个文件是index.php和style.css。最终他们将不是您想要的,但您只需要它们.

如果您已经使用index.html和style.css文件创建了静态设计,则可以将每个文件的内容原样复制并粘贴到新的index.php和style.css文件中,添加一些额外信息,然后将文件压缩放在一个文件夹中,然后将其上传到WordPress。嗨,presto-您的第一个WordPress主题!

为了证明我的观点,让我们做到这一点。我们将从我们的index.php文件开始:

我的第一个WordPress主题

你好,世界!

如您所见,我们使用的是与通常相同的基本HTML,并且看不到PHP。从理论上讲,在主题开发方面,PHP是可选的,尽管如果您要设计成熟的WordPress网站,您肯定会发现需要它。在主题文件中省略PHP实质上使WordPress冗余.

就您的style.css文件而言,它只需要做一件事即可: 样式表标题. 这由少量信息组成,这些信息使WordPress可以识别您的主题.

这是一个简单的示例,应将其作为注释插入style.css文件中:

/ *

主题名称:我的第一个WordPress主题
作者:我的名字
说明:我的第一个WordPress主题!
版本:1.0

* /

样式表中可以包含许多其他标题项,但是只有少数是必需项。以下是完整列表:

  • 主题名称.
  • 主题URI. 如果您的主题有主页,则可以在其中添加主页.
  • 作者. 别害羞!
  • 作者URI. 如果您有个人/投资组合网站,则可以在此处链接到该网站.
  • 描述.
  • 版.
  • 执照. 点击这里 了解有关WordPress他们许可的更多信息.
  • 许可URI. 最好的做法是包含指向您为主题选择的许可证的链接.
  • 标签. 这些标签用于WordPress.org中,以按特定特征过滤主题(例如. "一栏", "自定义标题").
  • 文字网域. 这用于国际化/翻译目的.

(请注意,主题名称必须唯一。如果选择的名称已经存在,则会在WordPress中造成冲突。)

将您的index.php和style.css文件保存到文件夹中并为其指定唯一的名称。使用连字符而不是空格。完成后,压缩文件.

接下来,导航到外观 > 通过WordPress安装中的主题,然后单击添加新按钮。在结果屏幕中,您可以上传并激活新主题.

完成此操作后,导航至主页,您将看到有史以来第一个WordPress主题:

您的第一个WordPress网站

要确认已在WordPress中将其识别为主题,只需导航回到外观 > 主题。您会发现您的主题列在您网站上已安装的所有主题中,甚至可以单击主题以显示包含在样式表标题中的更多详细信息:

WordPress主题详细信息

诚然,您的主题在现阶段尚需编写,但上面的示例演示了WordPress主题设计可以多么简单.

这也揭示了我上面提到的一个大秘密: index.php不仅代表您网站的首页(尽管可以)-它是WordPress主题设计中所有内容的基础.

了解index.php和WordPress主题模板层次结构

假设index.php旨在成为WordPress网站的首页是可以原谅的。好吧,不是。更重要.

我在上面说过,您可以仅使用两个文件来创建WordPress主题,其中一个是index.php。好吧,我的意思是从各个方面来说-不仅仅是在创建简单的方面 "你好,世界!" 例.

您会发现WordPress的主题模板层次结构的工作方式是,如果不存在更具体的模板文件,则默认情况下,它将恢复为第二个“高级”文件。并猜测最高级的文件是什么; WordPress最终默认为什么?没错:index.php.

为了让您更好地理解我的意思,以下是WordPress主题模板层次结构的直观表示:

WordPress主题模板层次结构

如您所见,有大量的模板文件可用于构建WordPress主题-从单个博客文章页面(single-post.php)到404错误页面(404.php)的所有内容。但是最重​​要的是: 如果WordPress未找到最具体的文件,则默认返回到下一个最高级的文件.

最终,这导致了index.php:WordPress主题模板文件的爸爸.

所以index.php根本不是主页-理想情况下,WordPress为此会首先寻找front-page.php,或者随后寻找home.php。 Index.php是不得已的方法.

你要从这里去哪儿?

在本文中,我们仅介绍了WordPress主题开发的内容,但现在您应该知道WordPress主题中的每个模板文件都与您在前端看到的特定类型的页面相关。例如,单个博客帖子最具体地由“ single-post.php”,“ single.php”和“ index.php”表示.

WordPress将继续向后工作,直到找到可以戴上帽子的东西为止,但是更具体的主题文件使您有机会为网站上的不同页面创建定制的设计和布局.

了解了这一点之后,您可以从一个简单的位置(即index.php)开始,然后从那里充实您的设计。就像我说的;您可以仅使用两个文件来创建WordPress主题,但实际上,您将希望充分利用WordPress所提供的功能,并更充分地利用其主题模板层次结构.

如果您想更详细地探索WordPress主题模板层次结构,我建议以下两个资源:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    
    2020年20多种顶级免费UI套件(引导程序和WordPress友好) אירוח וורדפרס הזול הטוב ביותר
    0 комментариев
    
    אירוח וורדפרס הזול הטוב ביותר: 10 אפשרויות עבור פחות מ- $ 0.99 לחודש אירוח וורדפרס הזול הטוב ביותר
    0 комментариев
    
    2020年20种以上最佳Angular Admin仪表板模板 אירוח וורדפרס הזול הטוב ביותר
    0 комментариев
    
    面向初学者的微交互教程:如何使用CSS和JavaScript创建交互式“赞”按钮 אירוח וורדפרס הזול הטוב ביותר
    0 комментариев
    Adblock
    detector