虽然WordPress主题只需要两个文件(index.phpstyle.css),它们通常由许多文件组成,本节将向您展示如何整理文件。

 

[dt_highlight color=”” text_color=”” bg_color=””][/dt_highlight]   主题文件和文件结构

 

默认的二十个主题是主题开发最好的例子。

 

assets
– css
– images
– js
inc
template-parts
– footer
– header
– navigation
– page
– post
404.php
archive.php
comments.php
footer.php
front-page.php
functions.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css

 

您可以看到主题模板文件位于根目录下,而JavaScript,CSS,图片则放置在素材目录中,模板放置在相应的模板分目录下,并将与核心相关的功能集合放置 inc文件夹下。

 

[dt_highlight color=”” text_color=”” bg_color=””][/dt_highlight]   languages文件

 

国际化主题可以翻译成其他语言。默认主题包括languages文件夹,其中包含用于翻译的.pot文件和已翻译的.mo文件。虽然  languages是文件夹的默认名称,但是您可以更改名称。但是必须更新load_theme_textdomain()

专业网站开发网页设计公司

深度阅读:

WordPress主题制作教程2.5-WordPress的CSS和JavaScript 在创建主题时,当你将文件主题启用后,你会发现页面中的所有css/js代码加载失败,如下图所示。这是由于wordpress为主题添加脚本和样式的正确方法是将它们放入functions.php文件。如没有该文件,请创建一个functions.php文件。引入必要的css和js文件的格式为...
WordPress主题制作教程2.6-WordPress的条件标签(一) 很多WordPress新手不懂如何根据当前页面匹配的条件,在模板文件中使用条件标签来更改内容的显示。条件标签通常使用if else条件语句。改代码首先检查语句的真假,如果发现语句为真,则执行第一组代码,如果语句假的,则跳过第一组代码,直接执行第二组代码例如,下面这段代码:&n...
wordpress主题制作开发实战教程3.12 – 创建一个page.php模板页面 创建一个page.php模板页面我们通过复制index.php文件来创建page.php文件,并作出一些调整1.创建一个php文件,命名为page.php2.复制index.php文件的所有php代码至page.php文件中3.在page.php中,找到并删除关于Th...
WordPress主题制作教程2.3-WordPress 模板标签 主题中使用模板标签从数据库中检索内容,内容可以是博客标题或侧边栏的内容。模板标签是将内容放入主题的首选方法,因为:他们可以打印动态内容; 他们可以用于多个主题文件; 他们可以将主题分为更小,更易理解的部分。    什么是模板标签?  ...
WordPress主题制作开发实战教程4.4- 图片功能 有时我们需要在文章中添加一些图片,让我们更好的理解,并且使得文章更美观,所以在主题中添加图片功能也是必须的添加图片功能 首先我们需要添加图片功能,然后才能使用。打开function.php文件在php结束标签?>之前添加如下代码: add_theme_sup...
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
wordpress主题制作开发实战教程3.9 – 新建Sidebar.php文件 新建Sidebar.php文件 这里将会涉及小工具区域,具体的步骤将在之后描述。1.在主题模板中创建一个php文件2.打开你的Index.php文件,剪切你的sidebar文件,该文件通常位于标签下方。在我们的主题中,请将以下代码复制。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.

wechat logo