WordPress自定义字段实现外链缩略图

目前使用 wordpress 博客系统建站已经非常多,功能及其强大使用简单,深受广大博主喜欢,但是 WordPress 默认全部支出外链缩微图,其实 WordPress 实现缩略图调用的方法非常多,比如常用的有插件法(WP-Thumbnails),也可以使用特色图片调用法,文章第一张图片缩略调用法等,这里给我大家介绍最简单的一种实现方法:自定义字段实现法。这个功能需要使用 WordPress 函数 add_meta_box,具体介绍 add_meta_box 详解可以到本站搜索下,下面我们介绍两种方法实现 WordPress 自定义字段实现外链缩略图。

实现方法

首先在你的主题目录下的 function.php 文件中(有些是单独的 function_admin.php),新增如下代码:

  1. $new_meta_boxes =
  2. array(
  3.  "description" => array(
  4.  "name" => "imglink",
  5.  "std" => "这里填外链图片地址",
  6.  "title" => "外链缩略图:"),
  7. );
  8. function new_meta_boxes() {
  9.  global $post, $new_meta_boxes;
  10.  foreach($new_meta_boxes as $meta_box) {
  11.  $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
  12.  if($meta_box_value == "")
  13.  $meta_box_value = $meta_box['std'];
  14.  echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
  15.  // 自定义字段输入框
  16.  echo '<input style="width: 96%;margin: 1% 2%;height: 36px;" type="text" name="'.$meta_box['name'].'_value" value="'.$meta_box_value.'"></input><br />';
  17.  }
  18. }
  19. function create_meta_box() {
  20.  global $theme_name;
  21.  if ( function_exists('add_meta_box') ) {
  22.  add_meta_box( 'new-meta-boxes', '外链缩略图', 'new_meta_boxes', 'post', 'normal', 'high' );
  23.  }
  24. }
  25. function save_postdata( $post_id ) {
  26.  global $post, $new_meta_boxes;
  27.  foreach($new_meta_boxes as $meta_box) {
  28.  if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
  29.  return $post_id;
  30.  }
  31.  if ( 'page' == $_POST['post_type'] ) {
  32.  if ( !current_user_can( 'edit_page', $post_id ))
  33.  return $post_id;
  34.  }
  35.  else {
  36.  if ( !current_user_can( 'edit_post', $post_id ))
  37.  return $post_id;
  38.  }
  39.  $data = $_POST[$meta_box['name'].'_value'];
  40.  if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
  41.  add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
  42.  elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
  43.  update_post_meta($post_id, $meta_box['name'].'_value', $data);
  44.  elseif($data == "")
  45.  delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
  46.  }
  47. }
  48. add_action('admin_menu', 'create_meta_box');
  49. add_action('save_post', 'save_postdata');

然后去后台写文章页面看看是否存在外链缩略图面板,如下图:
WordPress自定义字段实现外链缩略图-云模板WordPress自定义字段实现外链缩略图-云模板

前端调用

  1. echo "外链缩略图地址:".get_post_meta($post->ID, "thumblink"."_value", true);

其中 thumblink 为外链缩略图的 name,后面的 _value 是自己定义的,如果不喜欢,可以将上面所有 _value 全部删除,注意对比上面的代码。$new_meta_boxes 数组里存放的是自定义面板的信息,如需多个面板,可酌情增加。只需要将缩略图地址输出代码在你主题的相应位置即可。当然这个方法也可以作为其他用途您可以尝试下。

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/96537

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买