MarsLau's Blog » wordpress

wordpress自定义栏目（Custom Fields）的应用

Mars Lau — Fri, 30 Dec 2011 16:45:18 +0000

在用wordpress做企业或产品网站时，经常会遇到固化的参数属性，而非在正文当中。比如软件产品的大小、发布人、DEMO地址、单价等，通过wordpress本身的自定义栏目（Custom Fields）即可解决该问题。而且实现自定义栏目的功能仅需要两步。

一、主题端加自定义栏目代码

在代码循环内添加以下代码

ID , “demoLink” , true ) ; ?>

其中”demoLink”是自定义栏目的名称。

二、在文章编辑后台加该参数，并赋值

如未开启自定义栏目模块，先点击右上角的显示选项，在自定义栏目前打勾就可以在编辑文章的下方看到自定义栏目模块。

此处的名称要和主题中的一致，方可被调用传至前端页面。

以上两点设置完毕即可在前端也可看到添加上的自定义参数。

2009-07-22 -- WordPress主题5styles (56)
2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-06-30 -- WordPress安装简明步骤 (9)
2009-05-17 -- WordPress主题amarketer发布 (82)
2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)
2009-03-12 -- WordPress主题RBcss发布 (77)
2008-11-28 -- wordpress主题结构层次图 (15)
2008-10-20 -- 给Blog换新主题 (15)
2008-10-16 -- 中文 WordPress 工具箱 (12)
2008-10-15 -- WP-PostViews Plus 函数说明 (1)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: Custom Fields, wordpress, 自定义栏目

Feed enhanced by Better Feed from Ozh

wordpress文章目录插件：jQuery Table of Contents

Mars Lau — Wed, 26 Jan 2011 00:30:00 +0000

jQuery Table of Contents(jQuery TOC)是WordPress的一个文章目录插件，可将文章指定的标题标签（默认是h2）自动生成文章目录，读者可快速跳转到指定标题的位置，而每个标题会加上”Top”的链接。

jQuery TOC下载

http://www.box.net/shared/fgd4kf101y（修改了插件默认样式，效果见本页）

jQuery TOC安装

解压放置在../wp-content/plugins/目录下
后台Plugins（插件列表）启用插件

jQuery TOC设置

主题设置

jQuery content selector：指定你WordPress文章部分容器（
）使用的id或class，默认的设是则是.single .entry，我使用的主题是.post.entry。
Header Taq：要形成目录的标题标签，默认是h2，也可修改为h3。

输出设置

TOC title：目录导航名称
put TOC where？：输出放目录容器的类名，可用于定义样式

No Related Post

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: jQuery TOC, wordpress插件, 文章目录

Feed enhanced by Better Feed from Ozh

WordPress同分类上下文导航

Mars Lau — Mon, 06 Sep 2010 01:02:52 +0000

在博客中上下文导航，在某种程度上能提高读者对博客连续关注度，提升网站粘性。但对于一些研究范围广，内容丰富的博客来讲，在同分类下的上下文导航应该更符合读者的阅读体验。因此本文讲的是用WordPress函数实现同分类上下文导航的功能。

WordPress上下文导航函数说明

总所周知，previous_post_link()和next_post_link()函数用于文章显示上一篇和下一篇。函数的参数形式如下：

参数意义：
$format：格式化被显示的字符串，缺省值是”‘« %link”，第二个函数缺省值是”%link »”。
$link：被显示的字符串，缺省值是上一篇或下一篇的”$title”，也可以设置为其它你想显示的字符串。
$in_same_cat ：表示是显式同一类别下的文章还是不区分类别的文章，缺省值false表示不区分类别，只以发帖的时间先后来确定。
$excluded_categories：表示在显示上一篇或下一篇时是否排除掉某分类，缺省不排除，如果排除，把分类ID列在此处，以英文逗号分隔。

看到这里，大家也该明白了，其实就是把两个函数的第三个参数改为Ture即可搞定。如：

其实，自己对WordPress算是瞎玩，遇到问题现查，没有系统的研究过一遍，所以少不了会绕一些圈子。之前想过用插件，改PHP代码等方法去实现，后来才发现WordPress的revious_post_link()和next_post_link()函数就觉得了所有问题，本文也算是为将遇到同样问题的朋友提个醒吧。

No Related Post

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: next_post_link(), previous_post_link(), WordPress函数

Feed enhanced by Better Feed from Ozh

WordPress主题5styles

Mars Lau — Wed, 22 Jul 2009 02:27:29 +0000

WordPress主题5styles是我正式发布的第二款原创主题。较通用，没有添加太多的功能，使用者可更方便在其上添加所需功能。

WordPress主题5styles特点：

界面整洁、明快，五种纯div+css样式打造的博客布局，自由切换并有浏览器缓存，方便浏览者找到自适宽度浏览。

中文；两栏，左右侧栏自由切换；支持Widget；支持Gravatar；兼容IE6、IE7、IE8、Firefox等常规浏览器。

5styles界面图片：

所需插件：

中文 WordPress 工具箱、WP-PostViews、WordPress Related Posts、WP-PageNavi

预览与下载：

预览 本地下载 | 站外下载

更新1

有网友反映该主题的字体偏小、颜色偏浅。请自行修改样式表，修改方法如下：

1、如果想修改文章的字体。
打开主题中的style.css文件；
找到

.entry{ margin: 8px 0; padding:0px; line-height:22px;}

添加字体大小和前景色样式

.entry{ margin: 8px 0; padding:0px; line-height:22px;font-size:14px;color:#000;}

2、如果想修改整个的字体。
请按上述方法修改body里的对应属性

2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-05-17 -- WordPress主题amarketer发布 (82)
2009-03-12 -- WordPress主题RBcss发布 (77)
2008-11-28 -- wordpress主题结构层次图 (15)
2008-10-20 -- 给Blog换新主题 (15)
2008-08-25 -- WordPress搭建企业网站 (44)
2008-03-02 -- WordPress 主题简明教程 (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-11-02 -- 我的文章我做主，分享别人获益自己 (17)
2009-06-30 -- WordPress安装简明步骤 (9)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: 5styles, wordpress, 主题, 原创

Feed enhanced by Better Feed from Ozh

wordpress主题切换预览插件：Theme Switcher Reloaded

Mars Lau — Sun, 19 Jul 2009 02:51:56 +0000

Theme Switcher Reloaded是一款wordpress主题切换预览插件，可以用于博客换肤，也可以较好解决demo演示主题的功能。在此感谢showfom向我推荐，并提供测试数据库。

下载地址：http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded

安装：

1.下载解压上传至/wp-content/plugins/下

2.在后台的管理插件里启用插件

3.启用widget，并在侧栏中添加Theme Switcher Reloaded

主题访问地址：http://域名/ ?wptheme=主题名

注意：该插件只适用支持widget的主题

之前写过一些主题RBcss、Amarketer等，都是找别的博客演示。现在知道 Theme Switcher Reloaded 这个插件，就方便多了。见：http://wp-themes.marslau.com/

2009-07-22 -- WordPress主题5styles (56)
2009-05-17 -- WordPress主题amarketer发布 (82)
2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)
2009-03-12 -- WordPress主题RBcss发布 (77)
2008-11-28 -- wordpress主题结构层次图 (15)
2008-10-20 -- 给Blog换新主题 (15)
2008-10-16 -- 中文 WordPress 工具箱 (12)
2008-08-25 -- WordPress搭建企业网站 (44)
2008-03-02 -- WordPress 主题简明教程 (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: demo, wordpress, 主题, 插件

Feed enhanced by Better Feed from Ozh

WordPress安装简明步骤

Mars Lau — Tue, 30 Jun 2009 12:28:26 +0000

最近，经常有朋友问我怎么用WordPress建站，因此总结这么一篇WordPress安装简明步骤，此教程仅供刚接触WordPress的朋友参考使用。

WordPress是用PHP+MySQL实现的，因此，它的安装对主机有一个基本的的要求，即主机必须支持高于4.3版本的PHP和高于4.0版本的MySQL。另外，主机的Apache最好还要支持mod_rewrite功能，这样就可以生成各种指定形式的Permalink(一个静态html形式的页面地址)，便于搜索引擎的查找和用户的使用。

就可以登录主机管理页面，然后通过设置MySQL数据库的面板，定义一个自己的数据库，数据库名、用户名和密码设定好并记录下来。

接下来，可以到WordPress官网下载最新版本的Wordpress程序包，进行正式的安装了。

解压Wordpress程序包后找到目录中的wp-config-sample.php文件。然后，填写你的MySQL数据库信息，这些信息由自己在虚拟主机服务商提供的设置面板中定义。在wp-config-sample.php文件的头部，会发现类似如下的代码:

// ** MySQL设置 – 具体信息来自您正在使用的主机 ** //
/** WordPress数据库的名称，替换掉 “putyourdbnamehere” */
define(‘DB_NAME’, ‘putyourdbnamehere’);

/** MySQL数据库用户名，替换掉 “usernamehere” */
define(‘DB_USER’, ‘usernamehere’);

/** MySQL数据库密码，替换掉 “yourpasswordhere” */
define(‘DB_PASSWORD’, ‘yourpasswordhere’);

/** MySQL主机名 */
define(‘DB_HOST’, ‘localhost’);

修改填写相关的信息后，另存为wp-config.php保存。

做完以上设置后，用FTP软件将整个目录上传至你虚拟主机上的Wordpress目录，上传时所需的相关资料如主机IP地址、用户名、密码等服务商会提供给你。Wordpress目录由自己决定，可以是根目录，也可以是自己定义的新目录，它将决定你的Blog将以什么样的地址进行访问。

安装工作的最后一步，就是获取你的Wordpress用户名和密码了。在地址栏中输入http://wordpress目录/wp-admin/install.php。这个安装文件会生成一个用户名和密码给你，通过它们，你就可以进入Wordpress的管理面板进行相关的操作了，强烈建议登陆后，先更改为自己熟悉的密码。

2008-03-02 -- WordPress 主题简明教程 (3)
2008-03-02 -- 在本地安装运行Wordpress (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-07-22 -- WordPress主题5styles (56)
2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-05-17 -- WordPress主题amarketer发布 (82)
2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)
2009-03-12 -- WordPress主题RBcss发布 (77)
2008-11-28 -- wordpress主题结构层次图 (15)
2008-10-20 -- 给Blog换新主题 (15)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 安装, 建站, 教程

Feed enhanced by Better Feed from Ozh

WordPress主题amarketer发布

Mars Lau — Sun, 17 May 2009 03:22:47 +0000

WordPress清新主题amarketer是我为本站设计的第二款主题。首款主题只能在这里看看效果图片了。

由于该主题是专门为自己打造的，没有考虑过通用的代码，所以一直没有发布，很多网友向我要的时候也不好意思供他们使用。但最终遇见了一位热心的博友思亭，抽出自己的时间将模板整理重写，并在论坛上发表了一下，在这正式感谢一下。

amarketer主题特性：
清爽蓝色；支持Gravatar；兼容IE6、IE7、IE8、Firefox、chrome等浏览器。

所需插件：
中文 WordPress 工具箱、WP-PostViews、WordPress Related Posts、WP-PageNavi

预览与下载：
预览：本站 下载

主题更新：

主题的留言板page页面：下载

主题的首页home.php：下载

2009-07-22 -- WordPress主题5styles (56)
2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-03-12 -- WordPress主题RBcss发布 (77)
2008-11-28 -- wordpress主题结构层次图 (15)
2008-10-20 -- 给Blog换新主题 (15)
2008-08-25 -- WordPress搭建企业网站 (44)
2008-03-02 -- WordPress 主题简明教程 (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-06-30 -- WordPress安装简明步骤 (9)
2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: amarketer, wordpress, 主题

Feed enhanced by Better Feed from Ozh

wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充

Mars Lau — Thu, 19 Mar 2009 06:36:57 +0000

推荐一款wordpress文章归档插件：WP-EasyArchives。

WP-EasyArchives能在定制页面显示对搜索引擎友好的树形结构存档列表。与其它归档插件不同的是他添加了时间和作者的过滤功能。

安装方法:
1. 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/
2. 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WP-EasyArchives
3. 在主题文件的适当位置追加以下代码:

使用参数:

名称	类型	描述	默认值	支持版本
limit	整数	显示每月存档的数量 (只对 Widget 有效)	6	1.0 或以上
mode	last/all/none	显示模式	last	1.0 或以上
page	true/false	显示页面条目	false	1.0 或以上

可以通过上面的参数改变最新评论的显示方式, 例如:
即为最新一月的文章展开显示，不显示页面（page）

存档链接问题补充:
由于本人的永久链接是：/archives/%post_id%.html ，对应的月存档地址是：/archives/data/%year%/%monthnum%/。而该插件的对应的月存档地址：/%year%/%monthnum%/。
所以需要在插件的core.php里的
$url = get_bloginfo('url') .'/' . $month_item->year . '/' . zeroise($month_item->month,2);
代码改为：
$url = get_bloginfo('url') .'/'. 'archives' . '/'. 'date' . '/' .$month_item->year . '/' . zeroise($month_item->month,2);

希望能帮到和我遇见同样问题的朋友。

2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-03-16 -- Office插件推荐：Office2007转换为PDF格式加载项 (5)
2008-12-14 -- MSN辅助插件推荐：Messenger Plus！ (2)
2008-10-16 -- 中文 WordPress 工具箱 (12)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-09-17 -- 电影推荐：国庆献礼片《建国大业》 (19)
2009-08-28 -- 网站可用性和性能监控服务推荐：监控宝 (7)
2009-07-22 -- WordPress主题5styles (56)
2009-06-30 -- WordPress安装简明步骤 (9)
2009-06-23 -- 校园原创歌曲推荐：Someday In the Future (4)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, WP-EasyArchives, 存档, 推荐, 插件, 链接

Feed enhanced by Better Feed from Ozh

WordPress主题RBcss发布

Mars Lau — Thu, 12 Mar 2009 10:26:40 +0000

写过不少WordPress主题模板，但一直没有发布过，最近做了RBcss。

做RBcss主题的初衷是简单、通用。因此在主题模板设计和制作时没有使用一张图片，没有用到JS，纯粹的div+css，大大减小了网站的体积，提升页面加载速度，加上注意了部分SEO技巧，相信纯CSS的RBcss主题对博客的推广有一定的好处。

RBcss主题色调是经典的红黑搭配，这也是我一直想尝试的色调搭配，又因为是纯CSS的，所以主题名称也是由此命名的RBcss：Red+Black+css。

图片预览：

RBcss主题特性：

两栏；黑红色；支持Widget；支持Gravatar；通过 XHTML 1.1 和 CSS 3 验证；兼容IE6、IE7、IE8、Firefox、chrome等浏览器。

可以根据需要添加WP-PostViews、WordPress Related Posts、WP-PageNavi等常用插件。
预览与下载：

预览

下载（无需插件）

下载（需WP-PostViews、WordPress Related Posts、WP-PageNavi插件）

更新：

1、3月14日：改正了使用Widget时侧栏标题调错样式的问题。

2008-11-28 -- wordpress主题结构层次图 (15)
2008-08-25 -- WordPress搭建企业网站 (44)
2009-07-22 -- WordPress主题5styles (56)
2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-05-17 -- WordPress主题amarketer发布 (82)
2008-10-20 -- 给Blog换新主题 (15)
2008-03-02 -- WordPress 主题简明教程 (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-09-10 -- 5个css布局的常见问题及解决方法 (10)
2009-06-30 -- WordPress安装简明步骤 (9)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: CSS样式, RBcss, wordpress, 主题, 模板

Feed enhanced by Better Feed from Ozh

wordpress主题结构层次图

Mars Lau — Fri, 28 Nov 2008 08:19:46 +0000

整理资料时发现了一张不知什么时候，在什么网站下的一张wordpress主题模板结构图。

这张wordpress模板结构图，能在你写主题提供很清晰的思路。

2009-03-12 -- WordPress主题RBcss发布 (77)
2008-08-25 -- WordPress搭建企业网站 (44)
2009-07-22 -- WordPress主题5styles (56)
2009-07-19 -- wordpress主题切换预览插件：Theme Switcher Reloaded (5)
2009-05-17 -- WordPress主题amarketer发布 (82)
2008-10-20 -- 给Blog换新主题 (15)
2008-03-02 -- WordPress 主题简明教程 (3)
2011-12-31 -- wordpress自定义栏目（Custom Fields）的应用 (0)
2009-06-30 -- WordPress安装简明步骤 (9)
2009-03-19 -- wordpress插件推荐：WP-EasyArchives 以及月存档链接问题补充 (10)

摘自：MarsLau's Blog | 原文链接：Permalink |
Tags: wordpress, 主题, 层次, 模板

Feed enhanced by Better Feed from Ozh

您可能也喜欢：
wordpress主题结构层次图	WordPress主题RBcss发布	WordPress搭建企业网站	WordPress 主题简明教程	WordPress安装简明步骤
无觅

您可能也喜欢：
在本地安装运行Wordpress	WordPress搭建企业网站	WordPress 主题简明教程	WordPress主题5styles	wordpress主题结构层次图
无觅

您可能也喜欢：
内部链接策略	wordpress文章目录插件：jQuery Table of Contents	MSN辅助插件推荐：Messenger Plus！	WP-PostViews Plus 函数说明	Office插件推荐：Office2007转换为PDF格式加载项
无觅