WordPress TinyMCE编辑模式下增加特色图像上传尺寸提示的代码

WordPress教程 1804

WordPress文章编辑的特色图片上传没有图片尺寸大小的提示，如果开发的主题只是自己使用倒是没有什么影响，但如果是客户定制的主题，显然地会影响客户上传缩略图时尺寸大小的选择，从而影响到网站前端页面的显示效果。所以在开发用到特色图片的WordPress应用时，给特色图片上传的位置添加一个图片尺寸大小的提示，可以有效避免一些细节问题。

添加提示的代码比较简单，用到 wordpress Filter Hook 的 admin_post_thumbnail_html，代码如下：

1
2
3
4
5
6
7
8
9
10

function add_admin_post_thumbnail_size($content, $post_id){
	if(get_post_type($post_id) == 'post'){
		return $content.wpautop('<p>宽高比例：4 : 3<br/>建议尺寸：400 × 300</p>');
	}elseif(get_post_type($post_id) == 'page'){
		return $content.wpautop('<p>宽高比例：16 : 5<br/>建议尺寸：1920 × 600</p>');
	}
	return $content;
}
 
add_filter('admin_post_thumbnail_html', 'add_admin_post_thumbnail_size', 10, 2);

把上面的代码添加至主题的functions.php文件，保存后即可生效，如果只是给文章添加，就把 elseif 那块代码删除，效果如下

WordPress TinyMCE编辑模式下增加特色图像上传尺寸提示的代码

提示：只对TinyMCE编辑器下的特色图片有效，对Gutenberg编辑器下的特色图片无效。

精品推荐：