WordPress作为全球最受欢迎的博客平台,其强大的自定义功能一直是广大用户津津乐道的话题。今天,我就来给大家分享一个实用技巧:如何给WordPress添加自定义字段。通过添加自定义字段,我们可以让更加丰富,网站功能更加完善。下面,就让我们一起来看看如何操作吧!
一、了解自定义字段
在WordPress中,自定义字段(Custom Fields)是一种非常实用的功能,它允许我们在文章、页面、分类、标签等实体中添加额外的数据。这些数据可以是文本、数字、日期、图片等多种类型,而且可以自由定义。
二、添加自定义字段的方法
WordPress提供了多种方法来添加自定义字段,下面列举几种常见的添加方式:
1. 通过插件添加
(1)搜索并安装插件:在WordPress后台的“插件”菜单中,搜索“Custom Fields”或“Advanced Custom Fields”等关键词,选择合适的插件进行安装。
(2)配置插件:安装完成后,进入插件的设置页面,根据需要配置字段类型、标签、名称等参数。
(3)添加字段:在编辑文章或页面时,找到插件提供的自定义字段区域,按照提示添加字段。
2. 通过主题添加
(1)修改主题文件:打开主题文件夹中的`functions.php`文件,添加以下代码:
“`php
add_custom_field(‘字段名称’, ‘字段描述’, ‘文章、页面、分类、标签等实体’);
“`
(2)添加字段:在编辑文章或页面时,找到“自定义字段”菜单,添加字段。
3. 通过代码添加
(1)编写代码:根据需要,编写相应的代码,例如:
“`php
function my_custom_field() {
add_custom_field(‘字段名称’, ‘字段描述’, ‘文章、页面、分类、标签等实体’);
}
add_action(‘admin_init’, ‘my_custom_field’);
“`
(2)添加代码:将代码复制到主题文件夹中的`functions.php`文件中。
三、自定义字段的类型
WordPress支持多种自定义字段类型,以下是一些常见的类型:
类型 | 描述 |
---|---|
文本 | 输入框,用于输入文本内容。 |
文本区域 | 多行文本框,用于输入长文本内容。 |
数字 | 输入框,用于输入数字。 |
日期 | 日期选择器,用于选择日期。 |
单选框 | 一组单选按钮,用户只能选择其中一个选项。 |
复选框 | 一组复选框,用户可以同时选择多个选项。 |
选择框 | 下拉菜单,用户从预定义的选项中选择一个选项。 |
图片 | 允许用户上传图片。 |
文件 | 允许用户上传文件。 |
页面/文章选择 | 从已发布的页面或文章中选择一个选项。 |
分类/标签选择 | 从已定义的分类或标签中选择一个或多个选项。 |
级联选择框 | 多级下拉菜单,用户需要逐级选择。 |
文本编辑器 | 富文本编辑器,用于编辑文本内容。 |
代码编辑器 | 代码编辑器,用于编辑代码内容。 |
HTML | 允许用户输入HTML代码。 |
四、自定义字段的用途
自定义字段在WordPress中的应用非常广泛,以下是一些常见的用途:
用途 | 描述 |
---|---|
产品信息 | 添加产品价格、库存、规格等信息。 |
新闻报道 | 添加发布时间、来源、作者等信息。 |
博客文章 | 添加作者、分类、标签等信息。 |
网站导航 | 添加链接、描述等信息。 |
会员信息 | 添加会员等级、积分等信息。 |
事件活动 | 添加活动时间、地点、主办方等信息。 |
用户评论 | 添加评论者昵称、邮箱、网站等信息。 |
侧边栏内容 | 添加侧边栏广告、友情链接等信息。 |
网站统计 | 添加网站访问量、用户数量等信息。 |
… | … |
五、总结
通过添加自定义字段,我们可以让WordPress网站的功能更加丰富,用户体验更加完善。以上就是我为大家分享的WordPress添加自定义字段的技巧,希望对大家有所帮助!如果你还有其他疑问,欢迎在评论区留言交流。
如何在wordpress主题中添加设置页面
将自己设计的题发布或是销售是一件很棒的事情,但并不是每一个主题使用者都有很熟练的HTML/CSS技巧。但是如果在主题中整合一个设置选项页面,就可以使那些完全不懂代码的用户能够很容易地根据他们的喜好来修改主题。下面我将告诉大家如何从零开始做一个最简单的主题选项页(下图为最终效果)。
我们的最终目的是什么?
在开始之前,要先了解我们的最终目的是什么?我们主题可以自行定制哪些内容?这些是需要你在设计主题前就应该考虑好的。
每个主题都可以有很多的可编辑元素,本例中我将通过实现下面这三个方面的定制来说明如何给主题增加设置选项页,你应该要有自己更好的想法。
改变主题配色方案;
增加两个广告位内容;
自定是否显示搜索框;
1、创建所需的文件
在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页
首先第一步需要在后台建立一个空白页面供我们使用。我们通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现我们所需的功能。这是我们创建选项页的最基本的功能。
<?php
//设置选项页
functionthemeoptions_admin_menu()
{
//在控制面板的侧边栏添加设置选项页链接
add_theme_page(“主题设置”,“主题选项”,‘edit_themes’,basename(__FILE__),‘themeoptions_page’);
}
functionthemeoptions_page()
{
//设置选项页面的主要功能
}
add_action(‘admin_menu’,‘themeoptions_admin_menu’);
?>
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page()的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;
现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段
现在我们就可以在刚创建的空白页面上添加我们的选项和字段。这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page()函数内。首先,我们先添加一个class=”wrap”的div容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
<divclass=“wrap”>
<divid=“icon-themes”class=“icon32″><br/></div>
<h2>主题设置</h2>
<formmethod=“POST”action=“”>
<inputtype=“hidden”name=“update_themeoptions”value=“true”/>
<p><inputtype=“submit”name=“submit”id=“submit”class=“buttonbutton-primary”value=“保存更改”></p>
</form>
</div>
在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。现在的效果为:
现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:
首先,我们要允许主题使用者可以更改颜色方案。对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。这一点,我们通过添加复选框来实现。
代码如下:
functionthemeoptions_page()
{
//这是产生主题选项页面的主要功能
?>
<div>
<divid=“icon-themes”><br/></div>
<h2>主题设置</h2>
<formmethod=“POST”action=“”>
<inputtype=“hidden”name=“update_themeoptions”value=“true”/>
<h4>主题配色方案</h4>
<selectname=“colour”>
<?php$colour=get_option(‘mytheme_colour’);?>
<optionvalue=“gray”<?phpif($colour==’gray’){echo‘selected’;}?>>灰色</option>
<optionvalue=“blue”<?phpif($colour==’blue’){echo‘selected’;}?>>浅蓝</option>
<optionvalue=“pink”<?phpif($colour==’pink’){echo‘selected’;}?>>粉红</option>
</select>
<h4>图片广告位(1)</h4>
<p><inputtype=“text”name=“ad1image”id=“ad1image”size=“32”value=“<?phpechoget_option(‘mytheme_ad1image’);?>”/>广告图片</p>
<p><inputtype=“text”name=“ad1url”id=“ad1url”size=“32”value=“<?phpechoget_option(‘mytheme_ad1url’);?>”/>广告链接</p>
<h4>图片广告位(2)</h4>
<p><inputtype=“text”name=“ad2image”id=“ad2image”size=“32”value=“<?phpechoget_option(‘mytheme_ad2image’);?>”/>广告图片</p>
<p><inputtype=“text”name=“ad2url”id=“ad2url”size=“32”value=“<?phpechoget_option(‘mytheme_ad2url’);?>”/>广告链接</p>
<h4><inputtype=“checkbox”name=“display_search”id=“display_search”<?phpechoget_option(‘mytheme_display_search’);?>/>显示搜索框</h4><p><inputtype=“submit”name=“bcn_admin_options”value=“更新数据”/></p>
</form>
</div>
<?php
}
到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新
到目前为止,我们已经创建了一个主题选项页面,下一步要做的就是如何将数据透过POST提交的wordpress数据库。要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
if($_POST[‘update_themeoptions’]==’true’){themeoptions_update();}
下一步是增加一个更新函数。
functionthemeoptions_update()
{
//数据更新验证
update_option(‘mytheme_colour’,$_POST[‘colour’]);
update_option(‘mytheme_ad1image’,$_POST[‘ad1image’]);
update_option(‘mytheme_ad1url’,$_POST[‘ad1url’]);
update_option(‘mytheme_ad2image’,$_POST[‘ad2image’]);
update_option(‘mytheme_ad2url’,$_POST[‘ad2url’]);
if($_POST[‘display_search’]==’on’){$display=‘checked’;}else{$display=”;}
update_option(‘mytheme_display_search’,$display);
}
5、调用选项定制主题
我们主题的默认样式文件为style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的blue.css、pink.css,style.css为默认的灰色。
为了切换配色方案样式表,需要在主题header中加入以下代码:
<linkrel=“stylesheet”href=“<?phpbloginfo(‘stylesheet_directory’);?>/default.css”type=“text/css”>
<linkrel=“stylesheet”href=“<?phpbloginfo(‘stylesheet_directory’);?>/<?phpechoget_option(‘mytheme_colour’);?>.css”type=“text/css”>
增加广告位图片—在你想要放置广告的地方添加以下代码:
<ahref=“<?phpechoget_option(‘mytheme_ad1url’);?>”><imgsrc=“<?phpechoget_option(‘mytheme_ad1image’);?>”height=“125”width=“125”/></a>
<ahref=“<?phpechoget_option(‘mytheme_ad2url’);?>”><imgsrc=“<?phpechoget_option(‘mytheme_ad2image’);?>”height=“125”width=“125”/></a>
是否显示搜索框—在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示:
<?phpif(get_option(‘mytheme_display_search’)==‘checked’){?>
<h3>搜索框</h3>
<formmethod=“get”id=“searchform”action=“<?phpechoesc_url(home_url(‘/’));?>”>
<inputtype=“text”name=“s”id=“s”placeholder=“<?phpesc_attr_e(‘Search’,’85Ryan’);?>”/>
<inputtype=“submit”name=“submit”id=“searchsubmit”value=“搜索”/>
</form>
<?php}?>
wordpress给页面设置副标题
在WordPress中,给页面设置副标题并不是原生直接支持的功能,但可以通过一些方法间接实现。
使用自定义字段:
在WordPress的编辑页面界面,可以利用自定义字段来添加一个副标题。这通常需要使用“高级自定义字段”(Advanced Custom Fields)插件或其他类似插件。通过插件,你可以创建一个名为“副标题”的自定义字段,并在编辑页面时填写相应的内容。之后,在页面模板中调用这个自定义字段,即可显示副标题。
编辑页面模板:
如果你熟悉PHP和WordPress模板,可以直接编辑页面的模板文件。在模板中添加一个用于显示副标题的区域,例如一个<h2>或<p>标签。然后,在编辑页面时,通过短代码或自定义HTML来插入副标题内容。这种方法需要一定的技术基础。
使用插件:
虽然直接为页面设置副标题的插件可能不太常见,但你可以寻找一些可能提供类似功能的插件,或者通过插件扩展WordPress的功能来实现这一需求。例如,一些SEO插件可能允许你为页面设置额外的元数据,这些元数据可以用作副标题。在选择插件时,请确保它与你的WordPress版本兼容,并仔细阅读插件文档以了解其使用方法。
在后台设置中添加:
虽然WordPress后台的页面设置中没有直接的“副标题”字段,但你可以尝试在“页面属性”部分添加一些自定义的信息字段。然后,在你的页面模板中调用这些信息来作为副标题显示。这种方法同样需要你对WordPress模板有一定的了解,并可能需要编辑一些PHP代码。
以上方法均需要一定的技术知识或插件支持,如果你不熟悉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');?>