当前位置：文档之家› WordPress 主题模板制作及修改教程

WordPress 主题模板制作及修改教程

WordPress 主题模板制作及修改教程
WordPress 主题模板制作及修改教程

WordPress 主题模板制作及修改教程

每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！

在一套 WP 主题中，最基本的两个文件是 index.php 和style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由CSS（级联样式表）规则定义构 成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP内置的函数（有时需要传递适当的参数）从数据库中取得的。

说明：为简明起见，本教程不涉及如何定义样式表（CSS）文件的内容。

事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）：

页面 模板文件 用途

首页 index.php 显示网站首页

单页 single.php 显示博文的页面（相当于细节页）

静态页 page.php 显示静态页的页面（包含各级静态页面）

分类页 category.php 显示分类页的页面（相当于栏目页）

存档页 archive.php 显示存档页的页面（相当于按时间归类的栏目页）

搜索页 search.php 显示搜索结果的页面

评论页 comments.php 显示评论的页面

弹出式评论页 comments-popup.php 显示弹出式评论的页面

404错误页 404.php 显示 404 错误信息的页面

级联样式表 style.css 控制页面布局外观

除此之外，一套主题模板中还可以包含 author.php、home.php、date.php、searchform.php 以及 functions.php 等页面（其中部分页面稍后介绍）。

虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！

从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：

index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。

这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php 时，如果page.php 模板文件不存在，那么程序会尝试调用前面的文件－－single.php。而如果 single.php也不存在，那么就会调用最终的 index.php 来显示页面页。可见 index.php属于“垫底儿”的缺省页面，它的重要性是最高的。但当存在具体页面时，还是要优先使用具体的页面，可见具体的页面优先级最高。

在明确了 index.php 是一套 WP 主题的核心之后，我们就可以将制作 WP 主题的过程简单地分成两步，即－－定义主模板文件 index.php 和派生其他模板文件。

定义主模板文件 index.php从页面布局的角度上，有必要将主模板文件 index.php 拆分成 header.php、sidebar.php 和footer.php 三个子页面。WP 专门为在 index.php 中包含这三个子页面提供了对应的get_header()、

get_sidebar() 和 get_footer() 函数。

下面，就来详细介绍一下制作 index.php 页面的过程：

首先，在 myThemes 文件夹中建立一个文本文件并将其重命名为 index.php，然后再建立一个 style.css 文件（内容暂时留空）。

然后，用你喜欢的文本编辑器打开 index.php 并输入下列代码（最好复制，因为这一部分不重要）：

html_type’); ?>;

charset=” />

<?php bloginfo(’name’); ?> <?php if ( is_single() ) { ?> ?Blog Archive <?php } ?></p><p><?php wp_title(); ?>

” />

”type=”text/css” media=”all” />

stylesheet_directory’); ?>

/print.css” type=”text/css” media=”print” />

RSS Feed” href=””/>

” />

显然，这是一些构成网页文件的 HTML 代码，当然其中包含 PHP 代码。如前所述，HTML 代码定义结构，而 PHP 代码用于生成内容。

在 WP 后台的“主题”模块中，选择 myTheme 主题。然后，在浏览器中观察你的 WP 外观。此时，应该显示页面一片空白。但通过“查看源文件”，你会发现 index.php 中的 PHP 代码已经生成了一些头部内容。

接着，我们开始动手定义 index.php 中 body 部分的结构和内容。

（一）构建 header在 body 元素内，新建如下结构化标记元素，注意各元素都带有不同的 id 属性：

然后，在该

元素的两个标签之间输入下列代码：

”title=””>

这里用到了 WP 内置的 bloginfo 函数来生成内容，其中：

bloginfo(’url’)返回网站主页链接；

bloginfo(’name’)返回网站标题；

bloginfo(’description’)返回网站描述。

保存 index.php 文件，然后在浏览器中按 F5 刷新一下页面，看能看到什么？再通过“查看源文件”，核对一下由 WP 的 bloginfo() 函数生成的相关信息。（二）构建 content在

中，我们要通过循环显示博文，包括每个博文的标题、作者、发表日期以及其他相关信息。并且，可以分页显示博文（取决于 WP 后台的设置）。

首先，在

与
之间输入下列代码：

后一篇’) ?>

看似复杂，其实不然。首先：

这三行，在 WP 中表示 if 控制结果。注意，if 语句通过测试 have_posts() 函数来测试是否存在博文。而

这两行，是 WP 中的 while 循环。其中，while 语句通过测试 have_posts() 决定是否调用 the_post()函数。如果测试 have_posts() 返回 true，则调用 the_post() 函数，初始化与博文相关的内置变量。

在 while 循环内部，首先要注意通过 div、h2、span 这三个元素定义的嵌套语义结构，以及相应元素的 class 和 id属性（其中只为 class 为 post 的 div 元素定义了一个 id 属性－－post-）。这是将来使用 CSS 控制外观的关键所在。在这个 div 元素中，为显示博文的相关信息，分别调用了以下 WP 函数：

the_ID()：返回博文 ID；

the_permalink()：返回博文固定链接 URL；

the_title()：返回博文标题；

the_time(’M’)：返回发表日期中的月份；

the_time(’d’)：返回发表日期中的天；

the_author()：返回博文作者；

the_category()：返回博文的类别；

the_content()：返回博文的内容，其中的参数表示用于“更多内容”的链接文本；

以上函数都是以 the_ 开头的，加上后面的函数名不仅颇有自解释的味道，而且令人联想到 this 关键字。此外

_e() 函数是一个包装函数，这个函数主要用于语言的转换，如果调用该函数并传递标准的 WP 术语，如：Author 或 Categories，则返回你相应语言包中的译文，在中文包中分别是“作者”和“类别”。当然，不用也可。但会失去一些适应性。

还有，omments_popup_link() 和 edit_post_link() 两个函数，分别显示注释和编辑链接，这里不多说了。

另外，在 后面显示了分页导航链接，调用的函数分别是：next_posts_link() 和previous_posts_link()。此时，如果你的博文总数小于 WP 后台设置的最多显示数目，比如：你在后台设置最多显示 5篇，而你有 10 篇博文，就会分页显示；否则，如果你的博文少于或等于 5 篇则看不到分页导航链接。

最后，不要丢下 语句后面的内容：

显然，这是一个错误提示信息。

（三）构建 sidebarsidebar 的内容当然要在

元素中构建了。sidebar，中文叫侧边栏，其中可以包含很多内容。比如：分类、页面、链接、日历等等导航及相关信息。

在 WP 中，sidebar 中的内容都以无序（ul）或有序（ol）列表的形式输出。因此，需要在

中输入以下标记：

以上代码从第三行开始，分别通过包含 searchform.php 显示搜索表单；

调用 get_calendar() 函数显示日历；

调用 wp_list_pages() 函数显示页面导航；

调用 wp_list_cats() 函数显示分类导航；

调用 wp_get_archives() 函数显示存档导航；

调用 get_links() 函数显示链接导航。

在构建侧边栏时，要为生成搜索框新建一个 searchform.php 文件，其内容如下：

/”>

” name=”s” id=”s” size=”15″ />

将其保存在 myTheme 文件夹中，通过 include 语句包含进来就可以了。注意，常量 TEMPLATEPATH 中保存的是模板路径。

最后，说明一下以上代码第二行和倒数第二行。显然这是一个 if 语句块。那这个 if 语句块包含 sidebar是何用意呢？这是部件化侧边栏的需要，就是让 sidebar 适合 Widget 插件（WP 2.0 后内置了Widget，所以不用再安装了）。如果要使用 Widget 插件，必须对 sidebar 进行部件化。这样，在 WP 后台通过 Widget插件你就可以使用拖动来方便地定义侧边栏的组件了。部件化侧边栏，除了在 ul 元素内侧放入这个 if 语句之外，还必须在 myTheme文件夹中建立一个文件 functions.php，其内容如下：

if ( function_exists(’register_sidebar’) )

register_sidebar(array(

‘before_widget’ => ‘

  • ’,

    ‘after_widget’ => ‘

    • ’,

    ‘before_title’ => ‘

    ’,

    ‘after_title’ => ‘

    ’,

    ));

    ?>

    （四）构建 footerfooter 中一般都一些版权信息和不太重要的链接。所以可以在

    元素中简单地放入下列代码：

    Copyright ? 2007

    至此，核心 index.php 文件就算是大功告成了！

    接下来，是拆分 index.php 和基于 index.php 派生子模板文件。

    在 myTheme 文件夹中新建 header.php、sidebar.php 和 footer.php 三个文件。把index.php 中的

    、
    和
    三个结构化元素及其内容分别转移（剪切）到这三个新文件中。然后，在
    原来的位置处输入代码：

    在

    原来的位置处输入代码：

    在

    原来的位置处输入代码：

    前面说过，这三个 get 函数是 WP 专门为包含结构化的文件定义的。现在你的 index.php 文件应该如下所示：

    https://www.doczj.com/doc/509386342.html,/xfn/11“>

    html_type’); ?>; charset=” /><?php bloginfo(’name’); ?> <?php if (is_single() ) { ?> ?Blog Archive <?php } ?></p><!--/p10--><!--p11--><p><?phpwp_title(); ?>” /> ” type=”text/css” media=”all” />

    stylesheet_directory’); ?>/print.css” type=”text/css” media=”print”/>

    RSS Feed” href=”

    rss2_url’);?>” />

    ” />

    get_footer(); ?>

    然后，是派生子模板文件。把这个“模块化”的 index.php 文件另存为single.php、page.php、archive.php、 search.php 和 category.php。当然，都保存在myTheme 文件夹中。这样，WP 在显示页面时就会调用相应的页面文件了。比如，显示博文详细内容时，会调用single.php；而显示页面内容时，则调用 page.php。

    免费分享教程，爱心接力分享ing!

    Godaddy支付宝人民币付款购买空间教程图解

    IX Web Hosting 信用卡和支付宝(Alipay)购买教程

    [教程] 购买Godaddy域名赠送10G免费空间的开通方法(图)

    LunarPages美国虚拟主机购买过程图解（支持国内银行卡付款）

    超详细的BlueHost 虚拟主机购买教程图解

    新手如何建立自己的网站

    新手如何建立自己的网站 建立自己的网站是一些准备从事seo事业新手必经之路，建立一个网站其实很简单，下面我就简述一下这些最基础的知识。 确定自己网站的目的和类型 在我们做网站的时候，首先要明确做这个网站的目的。确定好了才会有更鲜明的主题，不会让我们在做站的过程中犹豫不决。比如我们要做个企业网站、我们就会想企业网站的目的和它的主要用途是什么？比如我们想宣传企业,提高企业知名度,另外还可以销售企业生产的产品,我们就会在大脑中大致勾勒出网站的轮廓,网站做的要美观大气,体现出企业风貌，这样栏目一般会有公司风貌、产品展示、用户问题反馈、新闻中心、关于**公司等等，如果想同时销售自己公司的产品，还要加上网上商城等等。除此之外我们还要考虑的就是用什么类型的网站代码，一般建议使用HTML静态代码,更容易被蜘蛛抓取，后台简洁,容易操作，数据库结构合理,容易扩充功能和日后维护等等。再比如我们要做一个单一产品的网站，首先我们想到的就应该是选择产品了，这点很重要，我们尽量要选择利润大，转化率高而又售后服务简单的产品，产品选好了就该确定网站程序了，单一产品网站一般结构都比较简单，我们可以用一些开源程序加上模板，比如phpcms、dedecms、wordpress，另外前期工作还有确定网站内容和关键词之类的，以后我们会讲到，在这里就不再赘述。 总之，确定网站的类型决定你以后网站的目的和用途，我们尽量深思熟虑，多做长远的打算，这样我们的网站才会更长久。 二、注册自己的域名 网站类型确定好了，我们就要开始正式做我们的网站了，首先我们要有个域名，域名是很重要的，它就像网站的门牌号，没有它别人会找不到你。现在域名注册商很多，建议选择一些有信誉的大公司注册，不然日后域名公司跑路我们会很麻烦。一般我推荐去万网注册。下面我简单说一下万网注册域名的流程：首先打开万网(输入网址：https://www.doczj.com/doc/509386342.html,/，回车)，首先注册一个万网的账号并登陆，然后点击菜单上的域名注册，输入需要注册的域名，如果查询结果显示不能注册，换别的域名再试，如果可以注册，我们就点击加入购物车，最后点击立即结算进行网上付款。 三、购买网站空间 如果说域名是网站的门牌号，那么空间就是你的屋子了，我们要把自己的程序放在自己的空间里，屋子的质量决定你的舒适程度，而空间的质量决定访客的舒适程度。所以网站空间的选择也是很重要的，它会直接影响用户的感官和体验度。 现在网站空间按类型分主要有三种，按照从低到高的顺序为：虚拟主机、vps和独立服务器。虚拟主机又称虚拟服务器、主机空间或是网页空间，就是将一台服务器的某项或者全部服务内容逻辑划分为多个服务单位。VPS是在一台物理服务器上创建多个相互隔离的虚拟专用服务器。这些虚拟专用服务器以最大化的效率共享硬件、软件许可证以及管理资源。一般情况下VPS也有流量和空间大小限制的。独立服务器就是现实的真正的的服务器。独立服务器是最贵的，因此一般个人站长很少使用。虚拟主机操作起来比较傻瓜化，如果用vps 和独立服务器，需要自己做相应地配置，相对来说技术要求更高。

    完整的WordPress函数大全

    完整的WordPress函数大全 在修改和制作Wordpress主题时经常为不知道内置函数而苦恼，而wordpress官方的文档看起来又不是那么方便。所搜集并且整理了一下放这，以备后用。 判断页面函数 is_home() : 是否为主页 is_single() : 是否为内容页(P ost) is_page() : 是否为内容页(Page) is_category() : 是否为Category/Archive页 is_tag() : 是否为Tag存档页 is_date() : 是否为指定日期存档页 is_year() : 是否为指定年份存档页 is_month() : 是否为指定月份存档页 is_day() : 是否为指定日存档页 is_time() : 是否为指定时间存档页 is_archive() : 是否为存档页 is_search() : 是否为搜索结果页

    is_404() : 是否为“HTTP 404: Not Found”错误页 is_paged() : 主页/Category/Archive页是否以多页显示 Header部分常用到的PHP函数 : 博客名称(Title) : CSS文件路径 : PingBack Url : 模板文件路径 : WordPress版本 : Atom Url : RSS 2.o Url : 博客Url : 博客网页Html类型 : 博客网页编码 : 博客描述

    史上最经典的WordPress 主题教程

    史上最经典的WordPress 主题教程 创建 WordPress 主题其实不难，只要你从现在开始认真学习 这个教程，从零一步一步开始，你就会成为一个 WordPress 主题制作高手，至少你会修改现有主题。 下面是一个从零开始制作 WordPress 主题的教程，这个教程 最初翻译自So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解，这个教 程它会一步一步教你如何制作 WordPress 主题。 内容目录 WordPress 主题教程：从零开始制作 WordPress 主题 创建 WordPress 主题所需的工具和准备 WordPress 主题教程 #1：介绍 基本规则： 专业术语： 层式结构： WordPress 主题教程 #2：模板文件和模板 Header 模板文件: Index 模板文件： Sidebar 模板文件 Footer 模板文件： WordPress 主题教程 #3：开始 Index.php 第1步：打开 XAMPP 控制面板 第2步：创建你的主题文件夹 第3步：创建 index.php 和 style.css 文件 第4步：创建 style.css 第5步：安装你的主题 WordPress 主题教程 #4a：Header 模板 第1步：打开 XAMPP 和主题文件夹 第2步：打开 index.php 第3步：调用博客标题 第4步：调用博客链接 WordPress 主题教程 #4b：Header 模板 2 第1步：开启 XAMPP 和打开 index.php 第2步：给博客的标题添加 H1 的标签 第3步：添加博客描述 第4步：DIV 标签 第5步：添加 Header DIV 标签

    100种增加网站流量的方法

    100种增加网站流量的方法 本文为来自Tristan的投稿，是一篇翻译的文章，文章比较长，但是如果你有网站或者blog的话，很多方法还是很值得借鉴的。 流量就是网络中的货币。网站流量越大，就越容易达到既定目标：赚钱，传播观点，与其他人联系互动，或是其他任何目的。 这也是为什么我要编写这么一篇100种提升网站流量方法的文章。只要运用一些（或是大部分）以下方法，保证你的流量就会大幅上升。 博客 1.添加博客到你的网站上。如果网站是静 态的（Tristan:例如一个公司网站或是网上商店），考虑添加一个博客上去吧，定期更新一下内容。这样不仅能吸引回头客，还能从搜索引擎中获取更多流量。需要博客软件，当然是WordPress了。（免费又易用） 2.到其他人博客上留言。养成访问利基目标市场中的博客并留言的习惯。评论中会允许你留个链接，有些访问者也许就由此点击到你的网站了。通过访问Alltop 来查看你的利基市场中都有哪些博客。

    3.提交读者投稿。大部分博客都欢迎读者投稿。博主允许你投稿给他们，而且通常文章都会保留作者署名指向你的网站。把文章发给博主，看他会不会将文章作为读者投稿发表，就是这么简单。 4.赞助博客比赛。博客圈一个流行的做法是进行博客比赛。你可以去赞助一次比赛，提供奖品或奖金，博主们就会在比赛页面留一个链接指向你的网站。 5.参加博客嘉年华。博客嘉年华是指博主们聚在一起就某个话题进行写作的网上活动。嘉年华的主办方最后通常会写一篇总结文章，其中会给出文章链接指向每一个参与者，同时参与者之间通常也互相链接到对方文章页面。你可以和朋友们组织一次嘉年华，或是在https://www.doczj.com/doc/509386342.html,上找一个正在举行的。 6.建立起关系网。有句俗话叫做“有本事不如认对人。”这同样也适用于网站推广，结识博主、站长交上朋友之后，他们会很乐意放上一个链接指向你的网站，并带来流量。不过在此之前你也许应该先链接到他们的网站上，或者通过e-mail 联络联络感情。 订阅 7.发布RSS订阅源。发布RSS订阅源以方便读 者通过RSS阅读器订阅博客。这样只要博客有更新，他们都能自动获知更新，这是一个既保证他们能阅读更新文章也促使让他们定期访问网站的好方法。 8.利用Feedburner。如果想方便管理RSS，就应该注册一个Feedburner账号。这项服务完全免费，还有许多有用的功能，比如统计订阅用户信息，拥有各种自定义选项等等功能。Feedburner还能让博客输出内容很好地和大部分浏览器以及RSS阅读器兼容，不至于因为技术原因丢失掉订阅者。 9.提供邮件订阅。许多网友还不使用RSS，提供邮件订阅就显得非常必要，幸运地是利用Feedburner很容易实现。只需在Feedburner激活“Publicize”特性，将订阅的链接粘贴复制到网站上就行了。 10.创建一个 email newsletter（邮件简报）。将邮件订阅再优化一下就可以创建email newsletter了，这样可以有效控制推送到订阅者邮箱的内容。比如定义一个自动推送的规则，将特定内容在特定时间发送到订阅者邮箱中。你需要

    如何修改WordPress主题模板

    如何修改WordPress主题模板 让你的WordPress博客准确按照你的意图的展现出来的关键在于你是否了解WordPress主题模板页面.这里所说的主题文件，指的是显示出来的页面，而不是为了实现评论和侧边栏之类的功能。大多数用户不使用WordPress安装时自带的默认主题，他们会在互联网上下载免费主题。这是一种自定义博客样式的好方法，但不是所有主题开发者都用相同的方式设计主题。 主题的质量很大程度上取决于网页设计师在设计主题上耗费的时间以及他们本身对WordPress的了解。 下面我会为大家介绍设计主题页面的所有相关知识，通过这些下面的信息你甚至可以开始为自己设计一个主题。 除非你是专家级的主题开发者，否则都可以从这里学到些新的东西 WordPress工作原理 你了解WordPress最重要的东西就是它的模板层次，或者说是“WordPress调用页面的顺序”。“index.php”是唯一一个所有WordPress主题的PHP文件中都必须带有的文件。换句话说，你完全可以只用一个“index.php”文件来实现WordPress所有的单独功能。 页面调用顺序 每当有WordPress页面（你愿意额话可以称之为WordPress引擎）被调用时，它会判断（通过排除法）页面的类型。 这类似于询问“我在哪儿？”。 WordPress回答“我在…类型的页面上”，然后以特定顺序调用页面。 WordPress找不到需要的PHP文件时，会使用“index.php”文件来代替所需文件。 WordPress首先会寻找以下九种基本页面： 我是在首页（Home Page）上吗？ 如果WordPress判断是在首页上，会先调用“home.php”文件然后再调用“index.php”。 我是在日志（Post Page）页上吗？ 如果是（单篇）日志页，首先调用“single.php”然后默认调用“index.php”。 我是在页面（‘Paged’ Page）页上吗？ 如果是静态页面或“页面型”页面（应用了模板的页面），WordPress首先调用“pagetemplate.php”然后默认调用“index.php”。 我是在分类页（Category Page）上吗？ 如果WordPress判断是分类页，则首先调用该类别编号的页面，例如“category-7.php”。 找不到相应文件时可以查找“category.php”（category.php可以用于所有类别页）。 如果没有“category.php”则继续查找“archive.php”，最后默认调用“index.php”。 我是在标签（Tag Page）页上吗？ 如果WordPress判断是标签页，会首先加载“tag-slug.php”文件，以具体的slug（别名）为标签名。 如果标签是“wordpress hacks”，那么标签别名页就是“tag-wordpress-hacks.php”。 如果加载不成，WP会继续查找“tag.php”文件，该文件可用于所有标签页，然后调用“archive.php”，最后默认调用 “index.php”。 我是在作者页（Author Page）上吗？ 博客拥有多个作者时，WP会首先寻找“author.php”文件以显示作者详情。 如果没有“author.php”则继续查找“archive.php”，最后默认调用“index.php”。 我是在存档页（Archive Page）上吗？ WP为之前的日志加载信息页面时，同时也加载了存档页。 WP首先加载“date.php”，其次是

    WordPress_主题模板制作及修改教程

    WordPress 主题模板制作及修改教程 每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！ 在一套 WP 主题中，最基本的两个文件是 index.php 和style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由CSS（级联样式表）规则定义构成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP内置的函数（有时需要传递适当的参数）从数据库中取得的。 说明：为简明起见，本教程不涉及如何定义样式表（CSS）文件的内容。 事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）： 等页面（其中部分页面稍后介绍）。 虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！ 从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。 这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php

    wordpress单页主题模板制作教程

    Wp百科网主题模板制作教程 课程目标：制作出一个漂亮的主题 课后作业，跟着视频，完成一个相同主题的制作。 Wp百科网主题模板制作教程 (1) 1、wordpress模板结构分析 (1) 2、制作一个可以运行的wordpress主题，修改style.css (1) 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php (2) 4、修改header.php，footer.php (2) 5、制作sidebar.php (3) 6、制作index.php， (3) 7、制作single.php页面，加入评论 (4) 8、制作page.php，archive.php，404.php (4) 9、制作小工具 (4) 10、细节问题处理 (4) 1、wordpress模板结构分析 索引页模版：index.php 顶部：header.php 文章页面模板：single.php 边栏模板：sidebar.php 底部：footer.php 页面模版：page.php 搜索结果：search.php 文章归档：archive.php 评论：comments.php 404 页面模版：404.php 主题支持函数：functions.php 样式表：style.css 2、制作一个可以运行的wordpress主题，修改style.css 制作一个最简单的主题，只需要两个文件，index.php和style.css 第一步，准备静态页面 第二步，制作index.php和style.css 第三步，给style.css添加版权信息

    第四步：把主题上传到空间中wordpress安装路径，wp-content/themes/下面，这里主题的文件夹名字必须是英文 第五步，在wordpress后台启用主题 先给style.css添加版权信息 /* Theme Name: wordpress theme 01 Theme URI: https://www.doczj.com/doc/509386342.html, Description: a simple bolg theme Author: xixi Author URI: https://www.doczj.com/doc/509386342.html, Version: 1.0 Tags: white, blog, liweihui, blue */ Style.css路径调用： 主题缩略图名字：screenshot.png 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php 把index.php拆分成header.php，footer.php和sidebar.phhp 4、修改header.php，footer.php 新建一个index.php文件，header.php，footer.php， 这步需要用到的标签： 获取博客名字： 获取博客描述： 获取主页路径： 获取主题存放路径： 其他外部文件调用方法： <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 页面调用：

    如何添加GOOGLE字体到你的WORDPRESS主题

    如何添加Google字体到你的wordpress主题 Google Web Fonts 免费为你的博客提供安全而漂亮的字体服务。通过使用Google Web Fonts，你的博客不用上传任何字体，就能显示除了常用的“Arial”, “Verdana”等字体之外的其它字体。 众所周知，网站可读性取决于它的设计和外观。网页设计中扮演最重要角色的字体，使用的什么样的字体对您的网站很重要。例如，Arial /Helvetica (sans-serif), Verdana and Georgia是我们常用的web设计的字体。这些字体提供一个很好的可读性，但如果你想用新字体，你需要做的就是确保浏览者的网络设备安装了这些字体。这样很难确定。所以就得自己上传字体到服务器，并通过CSS来加以控制。但现在，有一个更好的免费工具，那就是Google Web Fonts 在您使用Google Web Fonts服务之前，请首先了解以下两点： 1.选择太多的字体会减缓你的博客加载速度，所以你只需选择必须使用的。以免造成访问速度变慢的情况发生。 2.如果你只能选择你所需要的语言，你会帮助防止您的网页上的变得缓慢。 3.目前Google Web Fonts的界面及预览语言不为英语(不妨碍中文使用)。 Google Web Fonts能直观展示各种web字体，就像Serif, Sans-Serif, Display 和 Handwriting，你还可以浏览某些属性，如脚本显示字体、宽度、倾斜和厚度。所有这些属性可以显示在侧窗格中。在你选择你想要的字体时，你还可以直观预览诸如单词、句子、段落等整体样式。 下面是一个简单的教程，帮助你更快更好使用Google Web Fonts： 1.点击 Google Web Fonts进入谷歌字体服务，选择您想要的字体，然后点击右下角“Add to collection”按钮，在这里，我们选择“Alike”字体来作为整个教程的例子字体。 2.点击“Add to collection”后，会在页面最下方出现这样一个信息“1 font family in your collection”还有三个按钮，分别是“Choose“,“Review”和“Use“. 在这里，我们选择“Use“.也就是使用。 3.它还要求对字体设置。选择可用的样式，例如“粗体、斜体”等。但只针对某些特定字体。接下来，选择特定的语言字符。生成代码。

    wordpress主题加密破解汇总

    教你怎么删除去掉WordPress主题加密Footer上的版权信息等 由https://www.doczj.com/doc/509386342.html,整理而成 也有不少免费的wp主题开发者遵守Creative Commons Attribute 2.0+条约，这也就意味着这些主题的footer可能使用加密代码，防止用户恶意删除主题创作者的链接。 （1）第一种是：footer加密 下面就教你简单的破解这些WordPress主题里的加密代码。 首先，找到这些加密代码，通常他们是这个样子的： 然后，打开你的index.php文件，找到调用footer的php代码，通常你会看到： < ?php get_footer(); ?> 关键一步：在这行代码前后加上代码注释， < ?php get_footer(); ?> 保存index.php并上传到你的空间去。 接下来，我们在浏览器刷新一下自己的网站首页（homepage），并确保浏览器缓存已经删除，然后点击鼠标右键，点击“查看源文件V”。这个时候你会看到你的首页footer前后出现你前面做的代码注释，注释里面的内容其实就是未加密的内容！现在任务就轻松了，把未加密的footer内容替代 footer.php里面的加密代码吧，大功告成！ 注：你可以修改解密后的footer.php文件，而且不会对网站有任何影响。

    要补充的一句话：如果你真的尊重主题的开发者的劳动（一个漂亮的主题开发起来非常困难），那么请把链接加上。 （2）function文件加密 方法：把加密的一一破解，可以用chinaz在线破解工具，然后和footer文件进行对照，你就能看出来了 （3）删除eval语句 一：先删除header.php里开头的那个eval语句，即： eval(str_rot13('shapgvba purpx_s_sbbgre(){vs(!(shapgvba_rkvfgf("purpx_sbbgre") ...... vagnpg');qvr;}}purpx_s_sbbgre();')); ?> 二：将header.php里第二处eval语句 < ?php eval(str_rot13('shapgvba purpx_shapgvbaf(){vs(!svyr_rkvfgf(qveanzr(__SVYR__) ...... vagnpg');qvr;}}purpx_shapgvbaf();')); wp_head(); ?> 用 < ?php get_header(); ?> 替换掉。 三：去掉functions.php开头的 check_header(); 有多少处就删多少处！！！ 至此，你已经可以正常使用这套主题了，而且对对footer.php也有绝对的控制权了。 注意：主题里有部分php文件使用了特殊的编码，请不要用记事本修改，否则可能造成前台空白。

    从零开始制作 WordPress 主题(修订版)

    从零开始制作WordPress主题 目录 下载教程源代码 (5) WordPress主题教程#1：介绍 (5) HTML基本规则： (6) WordPress专业术语： (7) WordPress主题的层次结构： (7) WordPress主题教程#2：模板文件和模板 (7) Header模板文件: (8) Index模板文件： (8) Sidebar模板文件 (9) Footer模板文件： (10) WordPress主题教程#3：开始Index.php (10) 第1步：打开XAMPP控制面板。 (10) 第2步：创建你的主题文件夹。 (11) 第3步：创建index.php和style.css文件。 (11) index.php解释： (12) 第4步：创建style.css。 (12) 第5步：安装你的主题。 (13) WordPress主题教程#4a：Header模板 (14) 第1步：打开XAMPP和主题文件夹。 (14) 第2步：打开index.php (14) 第3步：调用博客标题 (15) 第4步：调用博客链接 (16) WordPress主题教程#4b：Header模板2 (17) 第1步：开启XAMPP和打开index.php (17) 第2步：给博客的标题添加H1的标签 (17) 第3步：添加博客描述 (17) 第4步：DIV标签 (18) 第5步：添加Header DIV标签 (18)

    WordPress主题教程#5：主循环 (18) 第1步：创建container Div (19) 第2步：输入主循环代码 (19) 第3步：调用日志标题 (20) 第4步：给日志标题加上链接 (21) WordPress主题教程#5b：日志内容 (22) 第1步：使用the_content()函数显示日志内容 (23) 第2步：使用DIV标签把博客日志的内容和标题区分开 (25) 第3步：给日志的标题和内容添加class=”post”的DIV标签 (26) WordPress主题教程#5c：日志元数据 (28) WordPress主题教程#5d：Else，日志ID，链接标题 (31) 第1步：Else (31) 第2步：日志ID (32) 第3步：链接标题 (32) WordPress主题教程#5e：日志导航链接 (33) WordPress主题教程#6：侧边栏 (34) 第1步：创建id为“sidebar”的DIV (34) 第2步：给侧边栏的DIV添加无序列表 (34) 第3步：给这个无序列表添加原属 (35) 第4步：添加分类链接列表 (35) WordPress主题教程#6b：页面链接列表 (36) WordPress主题教程#6c：存档和链接列表 (39) 第1步–添加存档链接列表。 (39) 第2步：添加友情链接列表 (40) WordPress主题教程#6d：搜索框和日历 (41) 第1步：增加搜索框 (41) 第2步：增加日历 (43) 第3步：增加元数据 (44) WordPress主题教程#6e：窗体化侧边栏 (45) 第1步：创建functions.php文件 (45)

    WORDPRESS主题中头部图片自定义功能的实现

    为WordPress主题添加顶部自定义图片功能 发表于38天前?Wordpress?作者原文?评论数3?被围观496次+ 在WordPress主题中，头部（header）的自定义一般来说就是能让用户在后台能够自行更改主题默认显示的图片或者标题的大小颜色这些功能。而为一个主题添加上这些后台选项并不难，在WordPress较新的版本中已经为我们定义好了模块（add_custom_image_header），我们只需要对主题的一些文件简单修改即可。 这里我以自己制作的免费主题Js O4w为例简单说一下。首先我会建立一个新的文件并命名为banner.php，名字大家随便就可以了，把它放到主题的目录中去。而我放置的路径为inc/banner.php。文件的代码简单如下： 1. 9.