实例演示如何使用WordPress自定义字段

在《WordPress 自定义字段简介及使用示例》我们已经简单介绍了WordPress自定义字段,但是还是有不少朋友反馈说不知道如何使用,下面,倡萌再通过实例仔细说说自定义字段的用法。

在这个简单的例子中,我们将在文章的标题下面显示通过自定义字段添加的 产品名称(Product Name) 和 价格(Product price),同时,针对已登录和未登录的用户显示不同的价格。演示所用的主题是 twenty twelve。

设置自定义字段

在后台进入发布文章的界面,点击右上角的“显示选项”,勾选“自定义项目”:

wordpress-custom-fields-example-wpdaxue_com

填写文章标题和内容,接着在内容编辑框下面的“自定义项目”面板,点击“输入新栏目”,添加字段名称和值

0073-wpdaxue_com

0074-wpdaxue_com

如上图,我们添加一个 product_name 字段,值为 “我们的产品”(产品名称)。使用同样的方法,添加第二个字段 product_price ,值为“100”(产品价格)。

0077-wpdaxue_com

输出自定义字段

后台既然已经添加了自定义字段,那么我们就需要在前台适合的位置显示他们。比如我们这里要将这里的自定义字段内容输出到文章标题的下面。

在后台 主题>编辑,打开 twenty twelve 主题下面的 content.php 文件(很多主题是在 single.php 文件,主要看主题作者是如何设定主题模板的)。在这里,我们找到文章标题结束的代码位置:

0078-wpdaxue_com

在标题结束代码的下面添加下面的代码:

  1. <?php
  2. /*
  3. * 在这里添加我们的自定义字段
  4. */
  5.  
  6. // 设置自定义字段的留空时(没有设置时)的默认值
  7.  
  8. $product_name_def = '默认名称';
  9.  
  10. $product_price_def = 0;
  11.  
  12. $product_name = get_post_meta($post->ID, 'product_name', true);
  13. // 检查这个字段是否有值
  14. if (empty ( $product_name )) { //如果值为空,输出默认值
  15. $product_name = $product_name_def;
  16. }
  17.  
  18. $product_price = get_post_meta($post->ID, 'product_price', true);
  19. // 检查这个字段是否有值
  20. if ( empty( $product_price ) ) { //如果值为空,输出默认值
  21. $product_price = $product_price_def;
  22. }
  23.  
  24. //设置价格比例,未登录用户的价格是已登录的1.2倍,使用 $product_price_vat 变量输出新价格
  25. $vat = 1.2;
  26. $product_price_vat = ($product_price * $vat);
  27.  
  28. //使用了 update_post_meta 这个函数来将新价格保存为新字段 product_price_vat 的值
  29. $product_price_updated = update_post_meta($post->ID, 'product_price_vat', $product_price_vat);
  30.  
  31. if (is_user_logged_in()) { //如果是登录用户,显示下面的内容
  32. echo '<strong>'. $product_name .' </strong> 的价格是: <strong>'. $product_price .' </strong>元';
  33. } else { //如果是未登录用户,显示下面的内容
  34. echo '<strong>'. $product_name .' </strong> 的价格是: <strong>'. $product_price_vat .' </strong>元';
  35. }
  36. ?>

注意看代码中的注释文字,这里主要讲下里面用到的3个主要函数:get_post_meta() 、  update_post_meta()  和 is_user_logged_in()

  1. get_post_meta($post_id, $key, $single);

该函数有3个基本参数:

$post_id —— 所检索数据的文章的ID,使用 $post->ID 来获取文章的ID。

$key —— 要检索的自定义字段名称

$single —— 这是一个布尔值,如果设置为  true ,将直接以字符串的形式返回字段的值;一个自定义字段可以填写多个值,如果设置为 false,将返回一个数组 array 来显示这多个值。

看上面代码的 第 12 行,就是获取这篇文章的 'product_price'字段的值:

  1. $product_price = get_post_meta($post->ID, 'product_price', true);

更多详情,请访问 get_post_meta()

  1. update_post_meta($post_id, $meta_key, $meta_value);

该函数的3个基本参数:

$post_id —— 所检索数据的文章的ID,使用 $post->ID 来获取文章的ID

$meta_key —— 你要编辑的自定义字段的名称

$meta_value —— 赋予该自定义字段的值

如上面代码的 29 行,将 $product_price_vat 这个变量作为新字段 product_price_vat 的值:

  1. $product_price_updated = update_post_meta($post->ID, 'product_price_vat', $product_price_vat);

更多详情,请访问 update_post_meta()

在这里,我们还使用了 is_user_logged_in() 来判断已登录用户,以便给已登录用户和未登录用户显示不同的内容,如 31-35行代码所示:

  1. if (is_user_logged_in()) { //如果是登录用户,显示下面的内容
  2. echo '<strong>'. $product_name .' </strong> 的价格是: <strong>'. $product_price .' </strong>元';
  3. } else { //如果是未登录用户,显示下面的内容
  4. echo '<strong>'. $product_name .' </strong> 的价格是: <strong>'. $product_price_vat .' </strong>元';
  5. }

查看输出结果

现在我们可以刷新刚才发布的文章,就可以看到正常输出了:

0079-wpdaxue_com

0080-wpdaxue_com

我们再来看看后台,多了一个通过 update_post_meta()  添加的新字段 'product_price_vat':

0081-wpdaxue_com

好了,本文的讲解就到这里,希望大家可以详细看看代码和注释,多多尝试。


转自 :http://www.wpdaxue.com/wordpress-custom-fields-example.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值