前端之家收集整理的这篇文章主要介绍了
WordPress主题结构是如何架构的图文剖析,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
利用强大的技术,可以把基于wordpress的网站做成各种各样的形式,这除了要求wordpress主题开发人员精通HTML,PHP,JS,CSS等技术,还需要开发者掌握wordpress主题的框架。下面lizhi125和大家一起分析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、在
文件的最上方
添加下面
代码 <div class="msgborder" id="
PHPcode1"> <?php /
Template Name: YourPageNameHere / ?>
原文链接:https://www.f2er.com/wordpress/15346.html