在优化时有一个项目是图片的alt属性,于是网上找了方法,该方法没有判断功能。话说清枫之前并没有注意,直接添加代码来自动添加alt属性,效果不理想,因为这个代码不完善,无论你是否添加alt属性都一概覆盖成标题,需要把alt属性放到src前面才不会被替换,秉持着完美主义情节,花了点时间修改了站外链接添加nofollow的代码来实现判断是否有alt属性并自动添加alt属性,测试后十分完美。
直接将下面代码丢进functions.php即可:
//图片添加alt属性 function image_alt( $imgalt ){ global $post; $title = $post->post_title; $imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>"; if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){ if( !empty($matches) ){ for ($i=0; $i < count($matches); $i++){ $tag = $url = $matches[$i][0]; $judge = '/alt=/'; preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE); if( count($match) < 1 ) $altURL = ' alt="'.$title.'" '; $url = rtrim($url,'>'); $url .= $altURL.'>'; $imgalt = str_replace($tag,$url,$imgalt); } } } return $imgalt; } add_filter( 'the_content','image_alt');
修改好后别忘记上传替换原来的文件,至此,你无需担心是否遗漏alt属性,并且可以随自己的喜好添加个性的alt属性,一切都如此简单,就因为这串代码的存在,好好利用这串代码丰富你的网站功能吧O(∩_∩)O!
你必须 登录 后才能发表评论。
拥有多年WordPress博客/企业建站开发经验,独树一帜的设计,提供最专业的网站设计方案;原创的主题标签语义化,增强网站优化效果。
增强用户体验、提高品牌形象给人留下深刻的印象,那就选择我们,我们的每一款主题都是独一无二的,都有自己的灵魂,每款主题都有各自的配色方案。
遵循现代网页设计的趋势,所有主题都提供完整的响应式布局,优化大桌面显示器以及对平板和智能手机的支持,从而提供一致性的用户体验。
长期及时地在线售后服务和免费升级更新,确保您的网站始终运行在最佳状态,24小时QQ在线的沟通方式免去您的后顾之忧,替您节省网站维护成本。
目前还没有评。