在当今这个互联网时代,网站已经成为了企业、个人展示自我、推广产品的重要平台。而WordPress作为全球最受欢迎的博客平台和内容管理系统,其强大的功能和易用性,使得许多企业和个人选择了它。标准化的WordPress往往无法满足个性化网站的需求。这时,WordPress自定义字段就派上了用场。本文将为您详细介绍WordPress自定义字段的应用,帮助您打造个性化的网站。
一、什么是WordPress自定义字段?
WordPress自定义字段(Custom Fields)是一种用于存储额外信息的工具,可以添加到文章、页面、分类、标签等任何内容类型中。这些字段可以是文本、数字、日期、图像、音频、视频等任何形式的数据。通过自定义字段,我们可以为WordPress网站添加更多功能,实现个性化定制。
二、WordPress自定义字段的应用场景
1. 文章信息补充
通过自定义字段,可以为文章添加更多详细信息,如作者、来源、发布时间、关键词等。例如,在博客文章中添加“作者”和“来源”字段,方便读者了解文章的作者和出处。
| 字段名称 | 字段类型 | 应用场景 |
| :—-: | :—-: | :—-: |
| 作者 | 文本 | 显示文章作者 |
| 来源 | 文本 | 显示文章来源 |
| 发布时间 | 日期 | 显示文章发布时间 |
| 关键词 | 文本 | 为文章添加关键词,方便搜索引擎优化 |
2. 产品信息展示
对于电商网站,自定义字段可以帮助展示产品详细信息,如价格、库存、规格、品牌等。例如,在产品页面添加“价格”和“库存”字段,方便用户了解产品信息。
| 字段名称 | 字段类型 | 应用场景 |
| :—-: | :—-: | :—-: |
| 价格 | 数字 | 显示产品价格 |
| 库存 | 数字 | 显示产品库存 |
| 规格 | 文本 | 显示产品规格 |
| 品牌 | 文本 | 显示产品品牌 |
3. 活动信息发布
自定义字段可以用于发布活动信息,如活动时间、地点、主办方、联系方式等。例如,在活动页面添加“活动时间”和“主办方”字段,方便用户了解活动详情。
| 字段名称 | 字段类型 | 应用场景 |
| :—-: | :—-: | :—-: |
| 活动时间 | 日期 | 显示活动时间 |
| 地点 | 文本 | 显示活动地点 |
| 主办方 | 文本 | 显示活动主办方 |
| 联系方式 | 文本 | 显示活动联系方式 |
4. 会员信息管理
对于会员制网站,自定义字段可以用于管理会员信息,如姓名、性别、年龄、职业等。例如,在会员页面添加“姓名”和“性别”字段,方便管理员查看会员信息。
| 字段名称 | 字段类型 | 应用场景 |
| :—-: | :—-: | :—-: |
| 姓名 | 文本 | 显示会员姓名 |
| 性别 | 文本 | 显示会员性别 |
| 年龄 | 数字 | 显示会员年龄 |
| 职业 | 文本 | 显示会员职业 |
三、如何添加WordPress自定义字段?
1. 使用插件
WordPress市场中有很多优秀的自定义字段插件,如Advanced Custom Fields (ACF)、Custom Field Suite等。这些插件提供了丰富的功能和易于使用的界面,可以帮助您轻松添加自定义字段。
2. 手动添加
如果您熟悉WordPress代码,可以手动添加自定义字段。以下是一个简单的示例:
“`php
add_custom_field(‘author’, ‘作者’, ‘text’);
add_custom_field(‘source’, ‘来源’, ‘text’);
“`
在文章或页面编辑页面,您可以在“自定义字段”部分找到并填写这些字段。
WordPress自定义字段是打造个性化网站的关键。通过添加自定义字段,我们可以为网站添加更多功能,满足不同场景的需求。无论是文章信息补充、产品信息展示,还是活动信息发布、会员信息管理,自定义字段都能发挥重要作用。希望本文能帮助您更好地了解WordPress自定义字段的应用,为您的网站打造独特的魅力。
如何自定义wordpress文章的固定链接
WordPress是一款开源网站建设程序,因其强大的功能和可扩展性而大受欢迎。关于WordPress扩展,主要是其插件众多,可以使用不同功能插件来扩展网站需求。WordPress所有固有的内容类型非常有限,毕竟其开始是以博客系统为基础的。对于像企业站需要的产品类型,电影站需要的国家属性等,显示不便。现在推荐一款自定义内容类型/字段分类法插件–Pods可以扩展你所需要的内容类型。
pods是一款用在 WordPress上的自定义内容类型的插件,但是 pods拥有的功能却完全不限于此。pods能够扩展现有的内容类型,比如为用户资料(user)增加一个“电话”字段。此外,它还有权限管理功能,类似于“members”插件。此外,还有高级自定义内容类型,改变“标题”这个字段名称。再此外,它还有内容关系的功能。
这篇文章我们除了介绍 pods的使用方法以外,还会介绍内容类型的列表页,内容页的制作,pods字段的前台模板调用,增加内容类型到菜单等等。
扩展已有
WordPress默认有三大内容类型:文章(posts)、页面(page)、媒体(attachment),可能“用户(user)”也算一个内容类型,因为“用户”也可以扩展。默认的分类法有:分类目录(category)、标签(tag)。默认的内容类型和分类法在项目中字段经常不够用。
扩展文章字段
1、安装好 pods后,点击“pods管理-添加”,点击“扩展已有”、选择“内容类型(文章、页面,等等)”,下方选择“文章”,点击“下一步”。
2、点击“添加字段”,比如添加一个“文章来源”的文本类型的字段,这里有几个选框。
代表的含义为:
标签:显示在发布时候的名称,可以为中文。
名称:内部使用,存在数据库里的名称,可用于模板调用,只能为字母、数字、下划线,不能以数字开头。
描述:发布时对字段的简要说明,选填。
字段类型:字段的类型,如,文本框、文本区域、文件等等。
选项:该字段是否为必填。
3、点击“添加字段”,完成添加,点击“Save Pod”保存添加。
这个时候去发布文章看看,在下方就多了个文章来源字段了。快点去用同样的方法可以为页面、媒体、用户、评论添加自定义字段吧。
创建新的
创建新的内容类型
进入到 pods的添加界面,选择“创建新的”,接下来选择“自定义内容类型”。
标签填写内容类型名称,可以为中文,比如填写个“电影”,点击下面的“高级”,在 pod name填写内容类型的机读名称,点击“下一步”,完成一个自定义内容类型的创建,你可以在左边栏找到“电影”这个内容类型。
为自定义内容类型添加字段。新创建的自定义内容类型,默认拥有“文章”这个内容类型的所有字段,比如标题、内容、日期等等,我们是在这些基础上添加新的需要的字段,比如现在添加一些字段:海报、地区、时长、年份等等。再去发布“电影”,你会发现下方多了刚刚添加的这些字段。
创建好自定义内容类型后,你会发现还有很多标签页:“管理字段”、标签、管理界面、高级选项。
标签:在后台显示的标签,根据需要修改。
管理界面:管理内容类型在后台的显示,尝试把菜单位置改为更大的值试试看。
高级选项:对自定义内容类型的设置,请把“拥有归档”勾上。
创建自定义分类法
打开 pods的添加界面,选择“创建新的”,接下来选择“自定义分类法”。
标签填写分类法名称,可以中文,比如填写“电影类型”,点击下面的“高级”,在 pod name填写分类法的机读名称,点击“下一步”,完成一个自定义分类法的创建。
创建完成以后,有几个标签页,主要关注以下几个:
高级选项中,“层级”,表示该分类法是否有层级关系,打上勾相当于“分类目录”分类法,不打钩相当于“标签”分类法,我建议打上勾。“相关内容类型”,为这个分类法应用到哪一个内容类型,比如我这里,勾上了“电影”。我在发布电影的时候,在右边栏就可以有电影类型选择了。
其他字段:这是为自定义分类法添加字段,这个按照需要开启,比如你想为电影类型中的科幻片分类添加一个略缩图字段等等。
创建自定义设置页面—制作主题选项
有没有觉得做主题的时候,为主题添加选项比较麻烦,pods有个超简单的方法,使用自定义设置页面轻松搞定。
打开 pods的添加界面,选择“创建新的”,接下来选择“自定义设置页面”,标签填写页面名称,可以使用中文,比如填写“主题选项”,菜单位置由自己选:在设置菜单、外观菜单下,新菜单,我这里选择添加到外观菜单。点击下面的“高级”,在 pod name填写自定义设置页面的机读名称,点击“下一步”,这样就完成了一个自定义页面的创建。
创建完成以后,可以去添加一些字段,比如我添加了:网站 logo、网站标题、网站关键字、网站描述、统计代码、网站备案号字段,要注意字段类型。
接下来保存后看看你的左边栏对应的菜单位置吧。
好了,pods的基础功能就这么一些,这些功能网上很多插件都能实现,其实更重要的内容,还在于他的组件,pods的组件给 pods扩充了非常多的功能,这才是 pods真正的强大之处。
pods组件
高级自定义内容类型
进入“pods管理-组件”,启用“Advance Content Type”。
这个时候,到 pods的添加页面,多了一项“高级内容类型”,选择它,这里我重新建立一个电影内容类型。点击“下一步”完成创建。
创建完成之后,会发现默认有了一些字段,这就是 WordPress默认的字段,你可以修改或者删除它。
编辑好字段以后,再去看看其他标签页。下面主要介绍重要的设置:
“管理界面”的“管理界面样式”,可以自己写个 WordPress管理后台页面。
“高级选项”的“标题字段”,如果修改了标题字段,或者想要改变标题字段,请在这里选择。
高级内容关系
进入“pods管理-组件”,启用“Advance Relationships”,这个时候在添加内容关系字段以后,你可以看到多了几行,这些高级的内容关系,可以创建更加复杂的内容关系。
权限与角色管理
进入“pods管理-组件”,启用“Roles and Capabilities”,如果你用过 members插件,你会发现这功能和 members功能很相似,一样的强大。可以对所有的权限分角色的管理,可以添加、编辑、删除用户角色。
更多组件
pods管理后台还有其他实用的组件,更多的组件功能,不一一介绍,看组件名字大概能清楚他的功能。pods官方有提供其他组件,一些是单独的插件,一些是配合 pods工作的组件。
前端调用
模板命名
我发现,虽然很多人都会用自定义内容类型,但是内容类型的列表页不好做,即使做好,又该怎么放到菜单上显示出来,比如将“电影”列表页放在菜单中,自定义内容类型绑定了一个自定义分类法,又该怎么去显示分类法中某个分类下的文章,比如“科幻片”这个电影分类。
模板命名规则:
自定义内容类型模板命名规则:archive-{post_type_name}.php如 archive-movies.php
自定义分类法模板命名规则:taxonomy-{taxonomy_name}.php如 taxonomy-movie_type.php
自定义内容类型内容页模板命名规则:single-{post_type_name}.php如 single-movies.php
将内容类型加入到菜单,需要安装一个插件“Custom Post Type's Archive in WP Nav Menu”,安装好之后,没有任何设置界面,进入到“外观-菜单”,你可以发现菜单编辑区域的左边有了一个custom post type archives,现在内容类型就在这里了,如果你发现内容类型不在这,那就请到 pods的内容类型管理界面的高级选项中确认你的“拥有存档”这个选项已经打上勾了。
注:可能由于缓存问题,如果发现添加了内容类型到菜单后,前台点击内容类型的菜单出现404页面,请到“设置-固定链接”,点击一下保存即可。
数据调用
后台配置好,其实最主要的,还是要能够显示出来才是最重要的,pods的显示方法有三种:
短代码方式显示,短代码请参考 pods短代码文档,配合 pods官方提供的 magic tags。
利用 pods的“page”和“template”组件,这两个组件可在 pods组件中开启,请参考文章。
利用模板函数,即将重点介绍。
这里只介绍模板函数方式调用 pods数据,因为这才是做主题开发时能使用的东西。
输出函数
Pods显示数据函数
pods_field_display($pod,$post->ID,'$field)
关于该函数的文档,请查看 pods官方文档。
function pods_field_display($pod,$id= false,$name= null,$single= false)
参数数据类型备注
$pod(string) Pod name,即为 pods机读名称
$id(mixed)(选填)某篇文章ID或slug,以查询该篇文章数据
$name(string|array)字段名称,或者关联数组的参数
$single(boolean)(选填)是否以数组的形式返回
图像字段输出函数
pods_field_display()不会真正的显示出一张图片,而是显示出图片的 URL,pods特地为图片显示定义了一个函数:
pods_image($image,$size='thumbnail',$default= 0,$attributes='',$force= false)
关于该函数文档,请查看官方文档。
function pods_image($image,$size='thumbnail',$default= 0,$attributes='',$force= false)
参数数据类型备注
$image(array|int|string)图片字段的数组,或ID,或guid
$size(string|array)图片大小样式
$default(int)如果图片不存在,则显示该图片$default
$attributes(string|array)图片属性(内部通过 wp_get_attachment_image获取)
$force(boolean)强制规定大小
图片有单张图片和多张图片,如不清楚单张与多张,请到 pods添加字段查看。如果字段是多张图片,那么会返回一个数组,所以,输出图像字段的代码为:
单张图片字段示例代码:
<?php
echo pods_image( get_post_meta($post->ID,$image_field_name, true),’original’);
?>
多张图片字段:
<?php
$images=get_post_meta($post->ID,’images’);
foreach($images as$image)
{
echo pods_image($image,’original’);
}
?>
输出字段注意事项:
yes/no字段:后台勾选“是”输出 1,不勾选输出空值。
Code字段:可执行 php脚本代码,输出 php代码执行结果。
Website字段:本人无法输出该字段内容,请勿使用。
因为 pods自定义字段也属于 WordPress内部自定义字段,所以依然可以使用 WordPress的 get_post_meta()输出,但是也并不是所有字段都能输出,经过测试,可直接使用 get_post_meta()函数输出的字段有:
Phone
Password
Pptext
Date time
Pnumber
Currency
Color
对于其他字段,请使用 pods_field_display();
模板代码段示例
在主循环中
代码示例:
<?php if(have_posts()):while(have_posts()): the_post();?>
<h1>
<a href=””>
<?php the_title();?>
</a>
</h1>
<!–标题–>
<div>
<div>
<span>年份:</span>
<?php echo pods_field_display('movie',$post->ID,'time');//显示(年份)time字段?>
</div>
<div>
<span>区域:</span>
<?php echo pods_field_display('movie',$post->ID,'zone');//显示(区域)zone字段?>
</div>
<div>
<span>时长:</span>
<?php echo pods_field_display('movie',$post->ID,'how_long');//显示(时长)how_long字段?>
<span>分钟</span>
</div>
<div>
<span>海报:</span>
<?php echo pods_image( get_post_meta($post->ID,'poster', true),'original');//显示海报字段?>
</div>
</div>
<!–显示自定义字段–>
<div>
<?php the_excerpt();?>
</div>
<!–内容摘要–>
<?php endwhile;endif;?>
万能循环示例代码
<?php query_posts('showposts=5&post_type=movie');while(have_posts()): the_post();?>
<h1>
<a href=””>
<?php the_title();?>
</a>
</h1>
<!–标题–>
<div>
<div>
<span>年份:</span>
<?php echo pods_field_display('movie',$post->ID,'time');//显示(年份)time字段?>
</div>
<div>
<span>区域:</span>
<?php echo pods_field_display('movie',$post->ID,'zone');//显示(区域)zone字段?>
</div>
<div>
<span>时长:</span>
<?php echo pods_field_display('movie',$post->ID,'how_long');//显示(时长)how_long字段?>
<span>分钟</span>
</div>
<div>
<span>海报:</span>
<?php echo pods_image( get_post_meta($post->ID,'poster', true),'original');//显示海报字段?>
</div>
</div>
<!–显示自定义字段–>
<div>
<?php the_excerpt();?>
</div>
<!–内容摘要–>
<?php endwhile;wp_reset_query();?>
自定义设置页面(调用主题选项数据)
请注意$id参数为 pods-settings-{slug_name},比如我的 pods name为 theme_option,那么$id的实参应该为'pods-settings-theme_option'。
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_logo');?>
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_title');?>
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_keyword');?>
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_description');?>
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_tongji');?>
<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_beian');?>
wordpress给页面设置副标题
在WordPress中,给页面设置副标题并不是原生直接支持的功能,但可以通过一些方法间接实现。
使用自定义字段:
在WordPress的编辑页面界面,可以利用自定义字段来添加一个副标题。这通常需要使用“高级自定义字段”(Advanced Custom Fields)插件或其他类似插件。通过插件,你可以创建一个名为“副标题”的自定义字段,并在编辑页面时填写相应的内容。之后,在页面模板中调用这个自定义字段,即可显示副标题。
编辑页面模板:
如果你熟悉PHP和WordPress模板,可以直接编辑页面的模板文件。在模板中添加一个用于显示副标题的区域,例如一个<h2>或<p>标签。然后,在编辑页面时,通过短代码或自定义HTML来插入副标题内容。这种方法需要一定的技术基础。
使用插件:
虽然直接为页面设置副标题的插件可能不太常见,但你可以寻找一些可能提供类似功能的插件,或者通过插件扩展WordPress的功能来实现这一需求。例如,一些SEO插件可能允许你为页面设置额外的元数据,这些元数据可以用作副标题。在选择插件时,请确保它与你的WordPress版本兼容,并仔细阅读插件文档以了解其使用方法。
在后台设置中添加:
虽然WordPress后台的页面设置中没有直接的“副标题”字段,但你可以尝试在“页面属性”部分添加一些自定义的信息字段。然后,在你的页面模板中调用这些信息来作为副标题显示。这种方法同样需要你对WordPress模板有一定的了解,并可能需要编辑一些PHP代码。
以上方法均需要一定的技术知识或插件支持,如果你不熟悉WordPress的开发或插件使用,建议寻求专业开发者的帮助。
如何在wordpress主题中添加设置页面
1、创建所需的文件
在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页
首先第一步需要在后台建立一个空白页面供我们使用。通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现所需的功能。
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page()的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;
现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段
现在就可以在刚创建的空白页面上添加选项和字段。这个页面可以根据自己的需要进行样式风格化,但在这里将使用wordpress默认的类,这样可以节省时间并且看起来更加原生。
页面内容的代码需包含在themeoptions_page()函数内。首先,先添加一个class=”wrap”的div容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
在表单中,首先需要添加一个隐藏的值,通过它来检查更新是否已经提交。然后添加一个提交按钮,这里也使用wordpress默认的按钮样式。现在的效果为:
现在已经创建了设置选项页的基本结构,下面开始根据之前制定的内容进行完善:
首先,要允许主题使用者可以更改颜色方案。对于这一点,需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。这一点,通过添加复选框来实现。
代码如下:
到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新
到目前为止,已经创建了一个主题选项页面,下一步要做的就是将数据透过POST提交的wordpress数据库。要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
下一步是增加一个更新函数。
5、调用选项定制主题
主题的默认样式文件为style.css,如果使用其他的配色方案,需要建立相应的样式文件,例如本例中的blue.css、pink.css,style.css为默认的灰色。
为了切换配色方案样式表,需要在主题header中加入以下代码:
增加广告位图片—在想要放置广告的地方添加以下代码:
是否显示搜索框—在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示:





