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

WordPress教程 212

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编辑器下的特色图片无效。

精品推荐: