前言

wordpress的特色图功能是非常好的, 可以让文章封面更美观, 但是ripro主题的特色图必须要把图片传到自己的服务器本地. 这样会降低访问速度, 使访问网站的人打开网站变慢. 于是有了这篇文章帮助大家添加外部链接作为特色图.

步骤

  1. 首先在你的ripro主题目录下的 functions.php 文件中,新增如下代码:

    $new_meta_boxes = array( "description" => array( "name" => "imglink", "std" => "这里填外链图片地址", "title" => "外链缩略图:"), ); function new_meta_boxes() { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true); if($meta_box_value == "") $meta_box_value = $meta_box['std']; echo''; // 自定义字段输入框 echo '
    '; } } function create_meta_box() { global $theme_name; if ( function_exists('add_meta_box') ) { add_meta_box( 'new-meta-boxes', '外链缩略图', 'new_meta_boxes', 'post', 'normal', 'high' ); } } function save_postdata( $post_id ) { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(FILE) )) { return $post_id; } if ( 'page' == $_POST['post_type'] ) { if ( !current_user_can( 'edit_page', $post_id )) return $post_id; } else { if ( !current_user_can( 'edit_post', $post_id )) return $post_id; } $data = $_POST[$meta_box['name'].'_value']; if(get_post_meta($post_id, $meta_box['name'].'_value') == "") add_post_meta($post_id, $meta_box['name'].'_value', $data, true); elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true)) update_post_meta($post_id, $meta_box['name'].'_value', $data); elseif($data == "") delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true)); } } add_action('admin_menu', 'create_meta_box'); add_action('save_post', 'save_postdata');

  2. 登陆后台编辑文章页面会发现多了下图的input框 20200915204435-2021-12-29-21-19-06

  3. 找到ripro->inc->theme-functions.php这个文件,打开文件,找到”输出缩略图地址”

    if (has_post_thumbnail($post)) { //如果有特色缩略图,则输出缩略图地址

上面添加以下代码:

 if( $values = get_post_custom_values("imglink_value") ) { //输出自定义域图片地址
    $values = get_post_custom_values("imglink_value");
    $post_thumbnail_src = $values [0];
   } else{

如图: 20200915205025-2021-12-29-21-19-20

  1. 然后在

    return $post_thumbnail_src; }

下面添加:

  return $post_thumbnail_src;
}

如图: 20200915205146-2021-12-29-21-19-40

结尾

经过上面的步骤, 我们就能调用外部图片的链接作为封面图, 这样可以让网站访问速度更快

THE END
开启精彩搜索

历史搜索

用户名或邮箱
密码
用户名
密码
重复密码
邮箱
注册
找回密码
注册 登录
邮箱
邮箱验证码
发送验证码
59秒后可重发
新密码
重复密码
请选择支付方式
余额支付

购买将消耗【10

微信支付
微信扫码支付 0 元
[ 04分50秒 ]
请使用微信扫一扫
扫描二维码支付
支付宝支付
支付宝扫码支付 0 元
[ 04分50秒 ]
请使用支付宝扫一扫
扫描二维码支付
已完成支付
未完成支付

请输入验证码

点击验证码可以刷新

你确认吗?

确认

2024年10月1日

新增

新增