深度分解WordPress主题布局

  Gevin本日团结 The anatomy of a WordPress theme 这篇文章,和各人一起分解WordPress主题的布局。原文作者用图文形式,别离从网站外观、页面构成和靠山文件三个方面,形象的向各人展示了WordPress的架构,下面Gevin和各人一起阐明WordPress是如何架构的。网站外观

  WordPress主题由一系列模板文件构成,每个模板文件节制主题的一部门。无论在博客的哪个个页面上,主题的框架总有一部门是稳定的,这是主题的静态部门,它由header.php, sidebar.php 和 footer.php三个文件节制。我们可以修改这些文件,以便检测我们欣赏的页面,并显示差异的内容,如在posts页面和page页面显示差异的导航。然而,凡是,我们会让静态部门在整个网站上保持一致的气势气魄。

网站外观由下面4个部门的代码节制:

header.php
  显示博客头和导航,也包括html代码

The Loop
  显示网站主题内容的模板文件称为The Loop(后头会具体先容)。

sidebar.php
  侧边栏由这个文件节制。多侧边栏的主题可以在functions.php中添加节制。

footer.php
  网站的页尾和html的封锁标签。

页面构成

  WordPress根基页面有Homepage(index.php节制),Post页面(单独显示一篇完整博客,由single.php节制),独立页面(page.php节制),存档(archive.php等节制),下面别离先容这几个节制这几个页面的代码文件。

index.php – home

  index文件节制博客homepage的外观。默认环境下,index文件通过一个loop来显示最新博客,homepage底部还会由一个查察以前博客的链接。

single.php – individual posts

  该文件用于显示读者要查察的特定博客全文。

page.php – individual pages

  该文件节制博客中独立页面的外观。

WordPress答允我们为差异的独立页面(pages)设计差异的模板,要领如下:

1.复制page.php并重定名

2.在文件的最上方添加下面代码

<?php
/*
Template Name: YourPageNameHere
*/
?>archive.php, category.php, tag.php – archives

  我们同样可以自界说存档(archives)的外观。假如没有archive.php文件,存档和主页是一模一样的;然而,我们可以建设一个archive.php文件重构存档页面。假如建设category.php文件,存档页面会被包围为只显示目次;假如建设tag.php文件,存档页面会被包围为只显示标签。

The Loop

  Loop恐怕是WordPress最强大的部门。它是“轮回的查询功效”。轮回体中我们可以依次输出选中文章的标题,博客内容,元数据,评论等。我们还可以在single page中利用多个loop。譬喻,我们可以用一个loop显示博客全文,另一个loop显示相关文章的标题和缩略图。

The Loop布局如下:

Query post or page

Start Loop //轮回开始

the_title (outputs the title of the post) //标题

the_excerpt (outputs the post excerpt) //摘要

the_content (outputs the full post content) //内容

the_category (outputs the post categories) //目次

the_author (outputs the post author) //作者

the_date (outputs the post date) //日期

other tags (there is a variety of other tags you can use in the loop) //标签

endwhile; //竣事轮回

Exit the loop //退出轮回

WordPress的靠山文件

  为了让主题事情,WordPress还需要一些须要的靠山文件。这些文件可以按照小我私家需求举办修改,它们可以或许从极洪流平上改变网站的外观或提供更强大的成果。

comments.php

  这个文件节制评论的输出,假如您但愿在博客上提供评论成果,要把它放到loop中去。Comment.php文件可以被插件包围(如Disqus)

functions.php

  Functions.php让我们在WordPress上运行自界说代码,以便更自由的修改主题元素。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10691.html