jacall.net
前端开发工作者
© JaCall.Net
All Rights Reserved.

为WordPress添加自定义栏目可视化面板

由于 WordPress 强大的扩展性,越来越多的用户开始使用 WordPress 搭建自己的博客,甚至于搭建企业网站。但是作为一个博客程序,WordPress 到底能搭建什么样子的网站呢?个人认为只要不是特别大型的网站,只要是你能想得出来,就有人能做出来,比如说社交网站、购物网站等,都可以使用WordPress搭建。

自定义字段是除WordPress插件外的另一强大扩展接口,现在不少主题都已经集成自定义域,比如摘抄文章时使用自定义字段指定原文作者和链接,这样子就可以在文章按照设定好的样式显示文章作者和来源,为用户提供友好体验。20120305.Custom_Fields

那么可不可以给这些常用的自定义字段创建一个单独的可视化面板,直接在里面填内容就可以了呢?就像文章标签,直接添加标签即可,不需要单独提交。

答案是可以的,在这篇文章中,我们讲解如何使用WordPress自定义字段的高级功能—即用户不需要输入自定义字段,只需要在对应位置输入内容即可实现效果。改进后的效果图如下:

20120305.Custom_Fields_Panel

一、 创建需要的字段信息

这里以添加两个自定义字段为例,自定义字段名称分别为description_value和keywords_value,你也可以根据需要指定其他的自定义字段名称,也可以添加多个数组元素,实现添加多个自定义字段的目的。

数组中含有三个元素,分别为:name、std和title。name元素为自定义字段的名称,在本代码中自定义字段的名称为name值加_value,以防止该名称与其他代码发生冲突,如description_value;std元素为自定义字段内容的默认值,当你发表文章时该自定义字段没填任何值,那么将取该默认值;元素title为自定义字段模块的标题,如文章编辑页的”摘要”、”分类”和”标签”,这些都是模块名称。

将以下代码拷贝到当前主题目录的functions.php文件中。

 

 

二、 创建自定义字段输入框

以下代码将用于创建自定义域以及输入框,你可以直接拷贝到当前主题目录的functions.php文件中。

如果你需要添加选择框、下拉按钮等其他类型的输入框,也需要在此定义样式。

 

三、 创建自定义字段模块

下面代码将在文章编辑页添加自定义字段模块,同样也是拷贝到当前主题目录的functions.php文件中。

 

四、保存文章数据

之前所有准备都做好了,最重要的还是保存我们的自定义字段中的信息。将以下代码拷贝到当前主题目录的functions.php文件中。

 

五、将函数连接到指定action(动作)

这是最后一步,也是最重要的一步,我们要做的是将函数连接到指定action(动作),以让WordPress程序执行我们之前编写的函数。

将以下代码拷贝到当前主题目录的functions.php文件中。

 

六、前台调用显示自定义字段

上面五步都是为显示自定义字段做准备,现在我们最后需要在主题中调用这两个自定义字段了。

用文本编辑器打开主题目录下的header.php,将以下代码复制到</head>之前,就可以给你的网页自定义description和keywords标签了。

 

2013-07-01
3,574 views