这篇文章是对上一篇文章《Begin主题使用又拍云(Upyun)图像处理功能-替换thumbnail缩略图,提升服务器性能》的扩展与优化,本次优化意在于完美兼容Begin主题与适配全新的webp图片格式。上一篇文章中的取用方式存在一定问题,不适合小白站长操作。本文进一步完善了使用说明,让小白站长也可以直接使用又拍云的缩略图服务。
图像处理优化参数
upyun图片处理开发文档:https://help.upyun.com/knowledge-base/image/
代码中应用到了如下几个参数:
!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true !/both/'.zm_get_option('grid_w').'x'.zm_get_option('grid_h').'/format/webp/lossless/true !/both/900x350/format/webp/lossless/true /both/900x350/ #设置图片宽x高,高宽不足时自动缩放后裁剪 /format/webp/ #输出图片为webp格式 /lossless/true #输出图片为无损webp,仅和/format/webp/一起有效
如果你需要自行定制参数,只需要依照开发文档对以上参数进行查找修改即可。
代码修改
文件的修改是源于源文件中的thumbnail-oss.php,自然已经将代码打包放在文章底部,可以直接下载使用。
展开
<?php if ( ! defined( 'ABSPATH' ) ) { exit; } // 标准缩略图 function zm_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<a href="'.get_permalink().'"><img src="'. $src .'" alt="'.$post->post_title .'" /></a>'; } } } } } function zm_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'. $src .'" alt="'.$post->post_title .'" /></a></span>'; } } } } } // 分类宽缩略图 function zm_long_thumbnail() { global $post; if ( get_post_meta($post->ID, 'long_thumbnail', true) ) { $image = get_post_meta($post->ID, 'long_thumbnail', true); echo '<a href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_k_w').'&h='.zm_get_option('img_k_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_k_w').'&h='.zm_get_option('img_k_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('long', array('alt' => get_the_title())); } } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_k_w').'x'.zm_get_option('img_k_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { echo '<a class="random-img" href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/img/random/long.jpg" alt="'.$post->post_title .'" /></a>'; } } } } function zm_long_thumbnail_h() { global $post; if ( get_post_meta($post->ID, 'long_thumbnail', true) ) { $image = get_post_meta($post->ID, 'long_thumbnail', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/long.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_k_w').'&h='.zm_get_option('img_k_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_k_w').'&h='.zm_get_option('img_k_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('long', array('alt' => get_the_title())); } echo '</a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/long.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_k_w').'x'.zm_get_option('img_k_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<span class="load"><a class="random-img" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/long.png" data-original="'.get_template_directory_uri().'/img/random/long.jpg" alt="'.$post->post_title .'" /></a></span>'; } } } } // 图片缩略图 function img_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_i_w').'x'.zm_get_option('img_i_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<a href="'.get_permalink().'"><img src="'.$src .'" alt="'.$post->post_title .'" /></a>'; } } } } } function img_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a></span>';; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_i_w').'x'.zm_get_option('img_i_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_i_w').'&h='.zm_get_option('img_i_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'. $src .'" alt="'.$post->post_title .'" /></a></span>'; } } } } } // 视频缩略图 function videos_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'small', true) ) { $image = get_post_meta($post->ID, 'small', true); echo '<span class="load"><a class="videos" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a class="videos" href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '<i class="be be-play"></i></a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a class="videos" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_v_w').'x'.zm_get_option('img_v_h').'/format/webp/lossless/true" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a class="videos" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { echo '<span class="load"><a class="videos" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'. $src .'" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } } } } } function videos_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'small', true) ) { $image = get_post_meta($post->ID, 'small', true); echo '<a class="videos" href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { if ( has_post_thumbnail() ) { echo '<a class="videos" href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '<i class="be be-play"></i></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a class="videos" href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_v_w').'x'.zm_get_option('img_v_h').'/format/webp/lossless/true" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a class="videos" href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { echo '<a class="videos" href="'.get_permalink().'"><img src="'. $src .'" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } } } } } function videoe_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'small', true) ) { $image = get_post_meta($post->ID, 'small', true); echo '<img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" />'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_v_w').'x'.zm_get_option('img_v_h').'/format/webp/lossless/true" '; echo ' alt="'.$post->post_title .'" />'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1" '; echo ' alt="'.$post->post_title .'" />'; } else { echo '<img src="'. $src .'" '; echo ' alt="'.$post->post_title .'" />'; } } } } function videor_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'small', true) ) { $image = get_post_meta($post->ID, 'small', true); echo '<span class="load"><a class="videor" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a class="videor" href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '<i class="be be-play"></i></a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a class="videor" href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_v_w').'x'.zm_get_option('img_v_h').'/format/webp/lossless/true" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a class="videor" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } else { echo '<span class="load"><a class="videor" href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'. $src .'" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a></span>'; } } } } } function videor_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'small', true) ) { $image = get_post_meta($post->ID, 'small', true); echo '<a class="videor" href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { if ( has_post_thumbnail() ) { echo '<a class="videor" href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '<i class="be be-play"></i></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a class="videor" href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_v_w').'x'.zm_get_option('img_v_h').'/format/webp/lossless/true" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a class="videor" href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_v_w').'&h='.zm_get_option('img_v_h').'&a='.zm_get_option('crop_top').'&zc=1" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } else { echo '<a class="videor" href="'.get_permalink().'"><img src="'. $src .'" '; echo ' alt="'.$post->post_title .'" /><i class="be be-play"></i></a>'; } } } } } // 商品缩略图 function tao_thumbnail() { global $post; $url = get_post_meta($post->ID, 'taourl', true); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.esc_url( get_permalink() ).'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_t_w').'&h='.zm_get_option('img_t_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_t_w').'&h='.zm_get_option('img_t_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('tao', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_t_w').'x'.zm_get_option('img_t_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } } } } function tao_thumbnail_h() { global $post; $url = get_post_meta($post->ID, 'taourl', true); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<span class="load"><a href="'.esc_url( get_permalink() ).'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_t_w').'&h='.zm_get_option('img_t_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_t_w').'&h='.zm_get_option('img_t_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('tao', array('alt' => get_the_title())); } echo '</a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_t_w').'x'.zm_get_option('img_t_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } } } } // 图像日志缩略图 function format_image_thumbnail() { global $post; $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); echo '<div class="f4"><div class="format-img"><a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div>'; echo '<div class="f4"><div class="format-img"><a href="'.get_permalink().'"><img src="'.$strResult[1][1].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div>'; echo '<div class="f4"><div class="format-img"><a href="'.get_permalink().'"><img src="'.$strResult[1][2].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div>'; echo '<div class="f4"><div class="format-img"><a href="'.get_permalink().'"><img src="'.$strResult[1][3].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div>'; } function format_image_thumbnail_h() { global $post; $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); echo '<div class="f4"><div class="format-img"><div class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div></div>'; echo '<div class="f4"><div class="format-img"><div class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][1].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div></div>'; echo '<div class="f4"><div class="format-img"><div class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][2].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div></div>'; echo '<div class="f4"><div class="format-img"><div class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][3].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div></div></div>'; } function zm_ad_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; $direct = get_post_meta($post->ID, 'direct', true); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.$direct.'" target="_blank" rel="nofollow">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.$direct.'" target="_blank" rel="nofollow"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.$direct.'" target="_blank" rel="nofollow"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<a href="'.$direct.'" target="_blank" rel="nofollow"><img src="'.$src .'" alt="'.$post->post_title .'" /></a>'; } } } } } function zm_ad_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; $direct = get_post_meta($post->ID, 'direct', true); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<span class="load"><a href="'.$direct.'" target="_blank" rel="nofollow"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.$direct.'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.$direct.'" target="_blank" rel="nofollow"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a href="'.$direct.'" target="_blank" rel="nofollow"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<span class="load"><a href="'.$direct.'" target="_blank" rel="nofollow"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'. $src .'" alt="'.$post->post_title .'" /></a></span>'; } } } } } // 图片布局缩略图 function zm_grid_thumbnail() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.get_permalink().'"><img src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('grid_w').'x'.zm_get_option('grid_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<a href="'.get_permalink().'"><img src="'. $src .'" alt="'.$post->post_title .'" /></a>'; } } } } } function zm_grid_thumbnail_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a></span>'; } else { if ( has_post_thumbnail() ) { echo '<span class="load"><a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="' . get_template_directory_uri() . '/img/loading.png" data-original='.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1 alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('grid_w').'x'.zm_get_option('grid_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('grid_w').'&h='.zm_get_option('grid_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$src .'" alt="'.$post->post_title .'" /></a></span>'; } } } } } // 宽缩略图分类 function zm_full_thumbnail() { global $post; if ( get_post_meta($post->ID, 'full_thumbnail', true) ) { $image = get_post_meta($post->ID, 'full_thumbnail', true); echo '<header class="full-header"><figure class="full-thumbnail"><span class="load"><a href="'.get_permalink().'"><img src='; echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w=900&h=350&a=t&zc=1'; echo ' alt="'.$post->post_title .'" /></a></span></figure>'; echo ''.the_title( sprintf( '<h2 class="entry-title-img"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ).'</header>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<header class="full-header"><figure class="full-thumbnail"><span class="load"><a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/900x350/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span></figure>'; echo ''.the_title( sprintf( '<h2 class="entry-title-img"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ).'</header>'; } else { the_title( sprintf( '<h2 class="entry-title-full"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); echo '<span class="title-l"></span>'; } } } function zm_full_thumbnail_h() { global $post; if ( get_post_meta($post->ID, 'full_thumbnail', true) ) { $image = get_post_meta($post->ID, 'full_thumbnail', true); echo '<header class="full-header"><figure class="full-thumbnail"><span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w=900&h=350&a=t&zc=1'; echo ' alt="'.$post->post_title .'" /></span></figure>'; echo ''.the_title( sprintf( '<h2 class="entry-title-img"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ).'</header>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<header class="full-header"><figure class="full-thumbnail"><span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/900x350/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span></figure>'; echo ''.the_title( sprintf( '<h2 class="entry-title-img"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ).'</header>'; } else { the_title( sprintf( '<h2 class="entry-title-full"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); echo '<span class="title-l"></span>'; } } } // 网址缩略图 function zm_sites_thumbnail() { global $post; $sites_img_link = sites_nofollow( base64_encode(get_post_meta($post->ID, 'sites_img_link', true))); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.$sites_img_link.'" target="_blank" rel="external nofollow"><img src='; echo $image; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.$sites_img_link.'" target="_blank" rel="external nofollow"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } } } function zm_sites_thumbnail_h() { global $post; $sites_img_link = sites_nofollow( base64_encode(get_post_meta($post->ID, 'sites_img_link', true))); if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.$sites_img_link.'" target="_blank" rel="external nofollow"><img src='; echo $image; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<div class="load"><a href="'.$sites_img_link.'" target="_blank" rel="external nofollow"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></div>'; } } } // wd_img function gr_wd_thumbnail() { global $post; if ( get_post_meta($post->ID, 'wd_img', true) ) { $image = get_post_meta($post->ID, 'wd_img', true); echo '<a href="'.get_permalink().'"><img src='; echo $image; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/700x380/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } } function gr_wd_thumbnail_h() { global $post; if ( get_post_meta($post->ID, 'wd_img', true) ) { $image = get_post_meta($post->ID, 'wd_img', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; echo $image; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$strResult[1][0].'!/both/700x300/format/webp/lossless/true" alt="'.$post->post_title .'" /></a></span>'; } } // slider_widge function zm_widge_thumbnail() { global $post; if ( get_post_meta($post->ID, 'widge_img', true) ) { $image = get_post_meta($post->ID, 'widge_img', true); echo '<a href="'.get_permalink().'"><img src='; echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_s_w').'&h='.zm_get_option('img_s_h').'&a='.zm_get_option('crop_top').'&zc=1'; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'!/both/'.zm_get_option('img_s_w').'x'.zm_get_option('img_s_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } } } // slider_scrolling function zm_thumbnail_scrolling() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { $image = get_post_meta($post->ID, 'thumbnail', true); echo '<a href="'.get_permalink().'"><img class="owl-lazy" data-src='; if (zm_get_option('manual_thumbnail')) { echo get_template_directory_uri().'/thumbnail.php?src='.$image.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1'; } else { echo $image; } echo ' alt="'.$post->post_title .'" /></a>'; } else { if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; if (zm_get_option('clipping_thumbnails')) { $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo '<img src="'.get_template_directory_uri().'/thumbnail.php?src='.$full_image_url[0].'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.get_the_title().'">'; } else { the_post_thumbnail('content', array('alt' => get_the_title())); } echo '</a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img class="owl-lazy" data-src="'.$strResult[1][0].'!/both/'.zm_get_option('img_w').'x'.zm_get_option('img_h').'/format/webp/lossless/true" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.get_permalink().'"><img class="owl-lazy" data-src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<a href="'.get_permalink().'"><img class="owl-lazy" data-src="'. $src .'" alt="'.$post->post_title .'" /></a>'; } } } } } // waterfall function zm_waterfall_img() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'fall_img', true) ) { $image = get_post_meta($post->ID, 'fall_img', true); echo '<a href="'.get_permalink().'"><img src='; echo $image; echo ' alt="'.$post->post_title .'" /></a>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'" alt="'.$post->post_title .'" /></a>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<a href="'.get_permalink().'"><img src="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a>'; } else { echo '<a href="'.get_permalink().'"><img src="'.$src .'" alt="'.$post->post_title .'" /></a>'; } } } } function zm_waterfall_img_h() { $random_img = explode(',' , zm_get_option('random_image_url')); $random_img_array = array_rand($random_img); $src = $random_img[$random_img_array]; global $post; if ( get_post_meta($post->ID, 'fall_img', true) ) { $image = get_post_meta($post->ID, 'fall_img', true); echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original='; echo $image; echo ' alt="'.$post->post_title .'" /></a></span>'; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ echo '<span class="load"><a href="'.get_permalink().'"><img src="'.$strResult[1][0].'" alt="'.$post->post_title .'" /></a></span>'; } else { if ( zm_get_option('rand_img_n') ) { $random = mt_rand(1, zm_get_option('rand_img_n')); } else { $random = mt_rand(1, 5); } if (zm_get_option('clipping_rand_img')) { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.get_template_directory_uri().'/thumbnail.php?src='.$src.'&w='.zm_get_option('img_w').'&h='.zm_get_option('img_h').'&a='.zm_get_option('crop_top').'&zc=1" alt="'.$post->post_title .'" /></a></span>'; } else { echo '<span class="load"><a href="'.get_permalink().'"><img src="' . get_template_directory_uri() . '/img/loading.png" data-original="'.$src .'" alt="'.$post->post_title .'" /></a></span>'; } } } }
重定向资源链接
这里我们需要用到CDN启动器插件CDN Enabler,CDN URL为CDN的资源链接,请自行在又拍云CDN控制台获取。
如果你使用了其他插件或者方法将图片资源定向到CDN,可以不使用CDN Enabler插件。
Begin后台启用又拍云缩略图
按照顺序打开WordPress后台-外观-主题选项-基本设置-缩略图方式,选择阿里云OSS保存即可。
总结
缩略图外置的作用不言而喻,可以进一步降低服务器的性能损耗,webp图片格式可以达到节省CDN流量,节约成本的效果。这篇文章极大简化了操作流程,为了进一步完善Begin主题的内置功能,自然已经将文件thumbnail-upyun.php推送给明哥了,下一个版本的begin主题中将会内置选项。
如果使用中有什么问题,欢迎下方留言,我们一同学习。

自然博客
快来关注一下,一个linux运维爱好者的个人博客!
评论