wordpress 分类列表完美调用三张七牛存储裁剪缩略图

分类列表中,多图片调用三张图片,这个主题调用的是原图,分析thumbnail.php代码后发现:

// 所有图片
function all_img($soContent){
	$soImages = '~<img [^\>]*\ />~';
	preg_match_all( $soImages, $soContent, $thePics );
	$allPics = count($thePics);
	if( $allPics > 0 ){ 
		$count=0;
			foreach($thePics[0] as $v){
				 if( $count == 3 ){break;}
				 else { echo '<ul><div class="f4"><li class="format-img rison-inc-functions">'
,$v,'<div class="clear"></div></li></div></ul>'; }
				$count++;
			}
	}
}

其中function all_img($soContent) 调用图片为$v

这个 $v 为原始图片路径,输出的是<img src="">,无法为其加上七牛图片自动裁剪代码。

只能替换这部分代码,以实现调用七牛裁剪后的缩略图。

方案如下:

//调用文章的全部图片
function all_img($content){
   $pattern = '/<img[^>]*src=\"([^\"]+)\"[^>]*\/?>/si';
   $matches = array();
   if (preg_match_all($pattern, $content, $matches)) {
       if (count($matches[1] > 1)) {
           foreach ($matches[1] as $index => $imgUrl) {
           echo "<ul><div class='f4'><li class='format-img rison-inc-functions'><img src='";
               echo $imgUrl; 
           echo "' alt=".get_the_title()." /><div class='clear'></div></li></div></ul>";
               if ($index >= 2) {
                   break;
               }
           }
       }
   }
}
echo $imgUrl;

更改为:

echo $imgUrl.'?imageView2/1/w/300/h/200'

OK,完美解决!

怀仁历史上的今天:

  1. 2019:  怀仁隆重元宵节,彩车展示、万人表演,2019年怀仁最热闹的节日~
  2. 2017:  怀仁县召开“高效课堂”专题研讨会
  3. 2016:  【时间】图解中国十二时辰
  4. 2016:  苏斌如主持召开县政府全体(扩大)会议
  5. 2012:  元宵序曲之双龙迎春:【怀仁瓷龙】
  • 版权声明: 本网站文章大部分源自互联网,可以随意转载!

发表评论

您必须 登录 才能发表留言!