丰台做网站:WordPress主题的剖析

2019.05.27 丰台做网站

112

WordPress的伟大之处在于,由于它拥有6,000万用户,它是世界上最广泛开发和主题化的内容管理系统之一。然而,这不仅仅是由于软件本身的流行;WordPress实际上非常容易主题化,并根据用户的体验和需求以各种方式扩展。

丰台做网站在过去十年的大部分时间里,与软件一起使用的主题结构一直植根于XHTML、CSS和PHP的结合,并以非常基本、易于理解的方式实现。开始学习这三种技术以及如何将它们集成到一个新主题的最好方法是了解WordPress主题本身的实际结构。

从存储到变量、文件结构到功能,所有WordPress主题都可以使用基本术语和划分来分解和解释。

WordPress主题的剖析

第一件事是:主题存储在WordPress安装中

对于那些真正的新手WordPress主题开发人员来说,是时候了解软件将其所有主题文件和文件夹实际保存在何处了。每个WordPress安装都绑定了一个wp-content目录;该目录通常用于包含用户自己可能上传到安装中的所有内容,包括插件、图像或其他媒体上传,以及WordPress主题文件本身。

WordPress主题并不包含在单个文件中,而是捆绑在自己的文件夹中。此文件夹放置在themes子目录位于wp-content服务器上的文件夹。在这个目录中有几个PHP模板文件,它们控制站点的外观和感觉标头, 页脚,以及独立的内容区域。它包括一个样式表,为这些页面提供一个用户友好的设计,并且可以包含可选的文件来扩展主题的函数或将JavaScript脚本添加到主题本身。

主题本身位于服务器上的以下目录中,可以使用简单的FTP客户端访问和修改该目录:

/home/public_html/wp-content/themes/

当然,如果WordPress安装在public_html此服务器路径将略有不同。但是,我们很容易理解,在哪里以及如何访问主题的文件夹和相关的模板文件。

丰台做网站

继续:学习包含文件夹中的主题文件和典型文件结构

WordPress主题包含PHP模板文件,这些文件必须以某种方式命名,这样软件本身才能看到和使用这些文件。虽然可以在此强制文件结构之外创建自定义PHP模板文件,但重点是首先创建这些基本文件,以确保安装中的每个页面都能被站点的阅读器正确显示和使用。

每个主题都必须包含一个style.css文件;该文件不仅有助于将普通的XHTML元素转换为内容的充满活力的容器,而且还包含基本的header文件顶部的信息,该信息标识主题的名称、作者、版本、主页和关键字。如果没有这个文件和它必须包含的标题信息,主题将不会出现在WordPress仪表板中,因此无法激活和使用。有关需要放置到该文件中的更多信息,新手开发人员可以访问WordPress代码对于一系列的行和信息,他们必须自定义为他们的主题。

应该作为新主题的一部分创建的下一个文件应该是单独的页眉和页脚PHP模板文件。几乎每个WordPress主题都使用这些文件将页眉和页脚从主内容区域分离开来,这样就很容易修改这些文件并使更改得到普遍的反映,而不是在较长的一段时间内单独编辑每个包含内容的文件。这些文件非常简单,但是这里有一个关于每个文件的入门:

  • header.php

    应该包含从

    DOCTYPE

    标记到页面导航的末尾。这意味着

    <head>

    标签信息元标签

    <title>

    标记变量和其他信息必须包含在站点的标题中。此模板文件还必须包含

    <?php wp_head(); ?>

    标签,它将有价值的WordPress版本共享信息和其他网站信息放在文档的头上。它必须在关闭前放置。

    </head>

    标签。
  • footer.php

    页体关闭时开始,并包含用户希望在页脚中包含的任何信息。这可以是一个内容丰富的页脚,这是一个当前流行的方式关闭文件,或简单的版权声明和一些有价值的链接到其他资源。必须关闭

    <body>

    标记以及HTML文档本身,使用

    </html>

    标记在文件结束之前。

创建这两个文件后,可以使用WordPress PHP变量将它们简单地包含到其他主题的所有内容区域PHP模板文件中。这是一种非常简单的创建动态模板的方法,用户将很高兴不必学习广泛的PHP包含编码,以使页眉和页脚自动出现在每个页面上。完成页眉和页脚后,必须创建一个新的文件列表,以向站点读者显示WordPress类别、页面和POST内容。这些档案包括:

  • Archive.php
  • classy.php
  • index.php
  • page.php
  • search.php
  • single.php

丰台做网站在创建了主题的内容文件之后,有一个最后需要的主题文件和另一个可选的主题文件,可以添加到包含的文件夹中。所需的文件(对于绝大多数WordPress安装而言)是sidebar.php模板。这个文件是相当不言自明的,它包含了整个主题的侧边栏信息。它可以包含在所有其他特定内容的模板文件中,方法是使用一个简单的WordPress-独占PHP变量。它只是简单地放置在侧栏中。<DIV>标签,这就是它的全部。

创建了所有实际的内容显示模板文件之后,还有最后一件事情可以添加到主题的包含文件夹中。那就是functions.php文件,它不是用于显示内容,而是用于添加功能和更改内容的创建、显示或交互方式。这个文件有点像一个特定于主题的插件列表;任何放置在functions.php只会在选择相关主题时修改网站的操作。对于大多数新手开发人员来说,这个文件是无关的,很可能不需要包含在主题中。但是,创建文件的空白版本是个好主意,这样可以在稍后的日期轻松地添加到文件中,特别是在主题开发技能与PHP编码技巧相结合的情况下,PHP编码技能可能会促使用户向站点添加功能。

使用WordPress循环将动态内容引入折叠

现在已经创建了所有标准模板文件,并且可以使用标准WordPress PHP变量动态地将页眉、页脚和侧栏包含到任何模板文件中,现在是时候将实际的WordPress内容拉到模板中以供显示给最终用户了。这几乎是通过使用所谓的“WordPress循环”的一个变体在几乎每一个页面上完成的。

在不使用数据库查询和高级代码的情况下,在显示POST内容、从WordPress仪表板中分配给页面的动态内容以及创建单个类别、归档和标记页时,每个模板文件都可以包含一个WordPress循环。该循环甚至在注释模板中用于从数据库中提取条目,第二个“注释循环”用于从链接数据库表中提取与该条目相关联的交互。

WordPress循环总是从下面的代码开始,它只是检查数据库,看看是否有任何条目可以根据当前的模板层次结构显示。这意味着循环将根据用户单击的permalink自动查找某些类别、日期范围或标记。下面是这个条件的外观:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

接下来,模板开发人员可以开始从数据库中调用信息,并使用标准WordPress PHP变量将其打印到页面上。这些可以用于显示条目标题、完整内容或内容的摘录、标记、类别、日期、作者姓名和permalink信息,以便包含在<a>标签。下面是WordPress循环使用以下变量提取条目信息的一个非常基本的示例:

<a href="<?php the_permalink() ?>"><?php the_title(); ?></a><br/>Posted on <?php the_time('F D y') ?><p><?php the_content(); ?></p>

现在已经使用这些简单的WordPress PHP变量从数据库中提取了适当的信息,必须关闭WordPress循环。这个过程不仅要结束内置的数据库查询,还需要使用另一个条件语句,如果在循环中找不到要显示的内容,则向读者输出一条简短的错误消息。如果用户访问没有为其分配条目的类别页面,或者导航到没有发布条目的归档月份,则会发生这种情况。下面是循环结束在大多数标准WordPress模板中的外观:

<?php endwhile; ?><?php else : ?><?php _e("Unfortunately, there are no entries to be displayed here. Please try a different link."); ?>

这个php_e上面的变量只是一条指令,说明应该向在站点的任何动态模板页面上找到空循环的用户显示错误消息。括号内的文本可以根据模板开发人员的喜好定制,标记可以被标准的XHTML元素包围,以便通过CSS代码在style.css文件,这是创建和讨论在本入门前面的主题解剖学。

请记住,在组成主题后始终调试和验证。

WordPress主题开发难题的最后一部分是调试和验证。这两个元素是并行不悖的,因为许多主题会因为编码错误而产生错误,而这些编码错误将导致在线验证器只显示错误消息;W3C称这些主题为“无效”,并敦促所有网页设计人员纠正任何错误,以确保其主题在所有计算平台的多个浏览器中顺利运行。

丰台做网站在开发主题之后,最重要的是内容是否被正确地从数据库中提取,以及它是否正确地显示在页面上。如果内容没有从数据库中删除,那么很可能是在设计过程中开始的WordPress循环语法出错,或者一个或多个用于显示内容的WordPress PHP变量被错误地放置到文件中。检查PHP代码中的键入、空格或错误标点符号,以及其他可能影响条目和页面内容显示的小错误。

当所有适当的测试完成后,当主题在内容和外观上都很完美时,开发人员可以将其主题保留在自己的位置上,也可以将其上传到WordPress扩展主题库供其他人下载和欣赏。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP