Wordpress教程

侧边栏是从零开始创建 WordPress 主题系列教程的第六篇，这一篇我们主要讲解 WordPress 主题的侧边栏，让你很快掌握它的结构，并能编码和样式化它。 在开始侧边栏之前，这是现在 index.php 文件的样子。 第1步：创建 id 为 “sidebar” 的 DIV 首先让我们创建一个名字为 sidebar 的 DIV，这样可以把侧边栏中的所有东西都放入其中。在 container 的后面和 </body> 标签的前面输入以下代码： <div class=”sidebar”> </div> 第2步：给侧边栏的 DIV 添加无序列表 在新的 sidebar 的 DIV 标签中创建一个新的无序列表。 <ul> – 开始无序列表 </ul> – 结束无序列表 第3步：给这个无序列表添加原属 增加一个列表元素（LI）到无序列表（UL）的中间并把一个子标题添加到这个列表中。 <li><h2><?php _e(’Categories’); ?></h2> </li> 注意添加制表符到<li> 和 </li> 标签之前为了代码缩进。 <li> – 开始列表元素 <h2> – 开始子标题 […]

搜索框和日历是从零开始创建 WordPress 主题系列教程的第六篇的第四部分，尽管这篇的题目是 搜索框（Search Form） 和 日历（Calendar），但是我同样也会介绍 元数据（Meta） 。这一篇我们会结束常规的侧边栏，然后将在下一篇将介绍如何窗体化（widgetize）化侧边栏。 第1步：增加搜索框 创建一个新文件，然后把该空白文件保存为 searchform.php（当然是和 index.php 在同一个文件夹下）。把 searchform.txt 中的内容拷贝到 searchform.php。 在 index.php 文件，在侧边栏的最顶部输入以下代码： <li id=”search”> <?php include(TEMPLATEPATH . ‘/searchform.php’); ?> </li> 保存并刷新浏览器，结果如下： 刚才发什么了呢？ <li id=”search”> – 开始一个名字为 search 的列表元素，给它一个 ID，这样就能够以后样式化它。 include() – 导入任何你想导入的文件。这和使用 WordPress 模板函数去调用模板文件是不同的，因为 include() 只是简单导入已经存在的文件。这里是调用在 searhform.php 文件中的代码。被导入的信息应该在一个博客上基本不会被改变的。 TEMPLATEPATH – 主题文件夹的位置，这里是：wp-content/themes/tutorial ‘/searchform.php’ – 文件名：/searchform.php 在 TEMPLATEPATH 和 […]

窗体化侧边栏是从零开始创建 WordPress 主题系列教程的第六篇的第五部分，一个支持 Widget 的侧边栏或者说是窗体化（widgetized）的侧边栏几乎是 WordPress 主题的标准。 首先，什么是窗体化（widgetizing）呢？简单的说，窗体化就是能够通过拖拉就能够整理侧边栏的模块。比如我们需要更改分类和存档的位置，只需要简单把分类和存档列表拖到它们的位置即可，根本不用去修改侧边栏的代码。 第1步：创建 functions.php 文件 打开记事本，然后把空白文件保存为 functions.php。把 functions.txt 文件中所有的内容拷贝到 functions.php 中。 回顾一下，现在在“tutorial”主题文件夹下应该有4个文件。 第2步：窗体化侧边栏 直接在侧边栏的第一个 <ul> 标签输入以下代码： <?php if ( function_exists(’dynamic_sidebar’) && dynamic_sidebar() ) : else : ?> 直接在 </ul> 标签之前输入以下代码： <?php endif; ?> 保存 index.php 文件，然后我们到 WordPress 后台 => 外观 => Widget 就可以把 Widget 拖到侧边栏了。 原文：link 标签：WordPress 主题 WordPress […]

尾部（footer）是从零开始创建 WordPress 主题系列教程的第七篇，这篇教程将会很简单，去只要在侧边栏下增加个 DIV 标签，然后输入一些版权信息。其实你完全可以不用我说明就能自己去做，可以先自己尝试下，然后返回这里再仔细检查下。 第1步：增加个 DIV 标签 在侧边栏的 DIV 标签下输入以下代码： <div id=”footer”> </div> 第2步：添加版权信息 把尾部的文本放入段落标签中，你可以输入任何你想要的东西，这里是我的： <p> Copyright © 2007 <?php bloginfo(’name’); ?> </p> 保存并刷新浏览器，结果如下： © 用于显示版权符号，还记得在 header 的时候使用的 bloginfo() 函数吗？这里再次使用，“name”是用于调用博客标题，而“url”调用博客的地址。 如果你想你的博客标题成为一个链接，查下头部就知道怎么做了。 原文：link 标签：WordPress 主题 WordPress 教程

样式化侧边栏是从零开始创建 WordPress 主题系列教程的第十三篇，这篇主要讲解如何样式化侧边栏里面的所有元素，在对侧边栏样式化之后，这系列教程就将差不多结束了。 打开 XAMPP，主题文件夹，Firefox，IE 和 style.css 文件。 第1步：样式化侧边栏的无序列表 在 .sidebar{} 下输入： .sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } 现在已经为侧边栏样式化父级无序列表（UL）标签。所有的子 UL 或者内嵌的 UL 将会击继承同样的样式。在这里，它是无列表样式，零空白和10像素的填充。 如下所示： 第二级的（或内嵌的） UL 继承了第一级 UL 的样式。如果你给了第一级 UL 应用了边框，第二级的 UL 同样也会有个边框。 保存并刷新就可以看到列表条目现在已经没有前面的圆点了。 注意下你是如何增加顶部和底部填充的。 第2步：给 LI 添加填充 在 .sidebar ul{} 下输入： .sidebar ul li{ padding: 10px 0 10px […]

子模板文件是从零开始创建 WordPress 主题系列教程的第十五篇，这篇将和像上一篇创建 header.php，sidebar.php 和 footer.php 这些模板文件一样创建更多的子模板文件。 现在 index.php 文件已被拆分，这一切都变得更简单。 第1步：archive.php 在做这步之前，查看你的侧边栏，点击其中的一个存档链接，结果的页面是不是和首页没有什么不同？ 创建一个新文件：archive.php 把 index.php 中所有东西复制到 archive.php 保存 archive.php 在 archive.php 文件，把 the_content 改成 the_excerpt。 再次保存 archive.php 文件 通过创建一个 archive.php 文件并把它改成和 index.php 不一样，这就是定制化存档页面的外观。 现在如果你刷新你的存档页面，它将只显示摘要而不是全文的日志。 为什么你想这么做呢？ — 防止 Google 以为重复内容惩罚你的博客，如果一个存档页面和首页显示相同的内容，那就是重复的内容。 如果是私人的博客呢？那么就没有必要去区分首页和存档页面。但这并不是说摘要对私人博客没有用。 同样 — 默认你的类别页面将使用 archive.php 显示内容，如果你没有 archive.php 文件，类别页面将使用 index.php 显示内容。 如果你想类别页面和首页和存档页面看起来不一样，那么创佳一个 category.php 文件并定制化它。 第2步：search.php 创建一个新文件：search.php 把 […]

这篇教程是在 WordPress 2.7 之前撰写的，而 WordPress 2.7 之后支持了 Thread Comments，这里有让你的主题实现 WordPress 2.7 的 Thread Comments 的方法。但是还是建议你查看下这篇教程。 留言模板是从零开始创建 WordPress 主题系列教程的最后一篇。这篇将涉及到博客一个比较重要的东西；评论模板。 你应该知道： 没有快速的方式在 comments.php 建立评论模板 大部分的 WordPress 设计者使用来自 WordPress 默认主题（Kubrick）的默认评论模板根据。 一些设计者会修改默认的评论模板去适合他们自己的需求。 你将使用我的对默认评论模板的修改版本。 第1步：创建 comments.php 创建一个新文件：comments.php。 把我的 comments.txt 文件中的内容复制到 comments.php。 保存 comments.php 文件。 第2步：样式化留言 把我的 comments-template-css 文件中的内容拷贝到你的 style.css 文件中。 复制到 style.css 的底部或者刚好 #footer 的上面。 第3步：在 single.php 添加留言模板 在 single.php […]

从零开始制作 WordPress 主题的这个教程是我发布在我爱水煮鱼上的第一个非常完整的 WordPress 相关教程，它会一步一步教你如何制作 WordPress 主题，这个教程最初翻译自 So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解。 很早之前我就发布这个教程的 PDF 电子书之后，截至目前为止已经被下载超过 12354 次，并且这个统计只是 box.net提供的数据，其他下载站的数据无法统计，估计至少还有1万次的下载，从2009年12月份来，我已经对这个教程进行大的修正，今天（2010-1-20）发布修正后的第一版。 当然还会存在一些错误，所以为了能够使得这一教程能够持续的修正，我们接受赞助商，赞助商可以在这个电子书中获得展示广告位和产品或者服务的一段是描述。如果你对我们的教程的话，你可以联系 Denis（http://wpjam.com/contact/）。 曾经很早之前就想过和朋友一起出一本 WordPress 的书，但是一直因为各种原因未能制作 。但是如果把目标缩小一下，通过先写某个专题的 WordPress 电子书，然后分享，也不是一个不错的想法，所以我接下来会继续制作一些其他 PDF 电子书，比如 WordPress 插件制作教程，从零开始使用 WordPress 等等，也许哪一天真的可以把这个整理成一本书。 下载：WordPres 主题教程电子书。 Pseric 也发布了这个教程的繁体中文版，如果你是台湾或者香港的读者，你可以到 Pseric 的 免費資源網路社群 下这本电子书的繁体中文版：免費WordPress佈景主題教學電子書。 标签：WordPress 主题 WordPress 教程