!
也想出现在这里? 联系我们
广告位

WordPress 增加特色图像上传尺寸提示的代码

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

添加提示的代码比较简单,用到 wordpress Filter Hook 的 admin_post_thumbnail_HTML,代码如下:

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

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

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

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress给分类和标签增加自定义字段的教程代码

2023-4-20 3:32:42

WordPress教程

WordPress 中获取最新被评论的文章列表

2023-4-21 3:32:43

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索