今日凉一SEO来谈一谈Wordpress主题风格制作的关键点难题 
一般用的多的方式便是在CSS中应用overflow:hidden 和 max-width:600px 来限定，可是实际效果没理想 
凉一今日共享一下较为极致的方式 
jQuery调节照片宽高宽比 wordpress应用jQuery调节照片宽高宽比 
等占比调节照片的高和宽 
方式一：jQuery 编码（荐） 
如今大部分分的网站都应用了 jQuery库，因此大家只需加上下边的 jQuery 编码就可以完成 

$(document).ready(function() {
 $('.post img').each(function() {
 var maxWidth = 600; // 照片较大总宽
 var maxHeight = 2000; // 照片较大高宽比
 var ratio = 0; // 放缩占比
 var width = $(this).width(); // 照片具体总宽
 var height = $(this).height(); // 照片具体高宽比
 // 查验照片是不是超宽
 if(width maxWidth){
 ratio = maxWidth / width; // 测算放缩占比
 $(this).css("width", maxWidth); // 设置具体显示信息总宽
 height = height * ratio; // 测算等占比放缩后的高宽比
 $(this).css("height", height * ratio); // 设置等占比放缩后的高宽比
 // 查验照片是不是极高
 if(height maxHeight){
 ratio = maxHeight / height; // 测算放缩占比
 $(this).css("height", maxHeight); // 设置具体显示信息高宽比
 width = width * ratio; // 测算等占比放缩后的高宽比
 $(this).css("width", width * ratio); // 设置等占比放缩后的高宽比
});

二、纯Javascript编码 

 script type="text/javascript" 
function ResizeImage(image, 插画图片较大总宽, 插画图片较大高宽比)
 if (image.className == "Thumbnail")
 w = image.width;
 h = image.height;
 if( w == 0 || h == 0 )
 image.width = maxwidth;
 image.height = maxheight;
 else if (w h)
 if (w maxwidth) image.width = maxwidth;
 else
 if (h maxheight) image.height = maxheight;
 image.className = "ScaledThumbnail";
 /script 

完成实际效果和上边第一种一样，只不过是不用引入jQuery 库 

赞 (0) 打赏主播 共享

WordPress分页查询导航栏莱单是一个网站不可或缺的原素 今日凉一SEO就和大伙儿共享一下应用了好长时间的WordPress编码完成分页查询导航栏的方式 导航栏的实际效果如图所示所显示： WordPress加上分页查询导航栏莱单源代码 完成的方式非常简单来和凉逐一起來瞎折腾吧 第一步  寻找文档functions.php 开启而且加上以下编码function par_pagenavi($range = 9){ global $paged, $wp_query; if ( !$max_page ) {$max_page = $wp_query- max_num_pages;} if($max_page 1){if(!$paged){$paged = 1;} if($paged != 1){echo " a href='" . get_pagenum_link(1) . "' title='自动跳转到' 回到 /a } previous_posts_link(' 上一页 '); if($max_page $range){ if($paged $range){for($i = 1; $i = ($range + 1); $i++){echo " a href='" . get_pagenum_link($i) ."'"; if($i==$paged)echo " ";echo " $i /a }} elseif($paged = ($max_page - ceil(($range/2)))){ for($i = $max_page - $range; $i = $max_page; $i++){echo " a href='" . get_pagenum_link($i) ."'"; if($i==$paged)echo " ";echo " $i /a }} elseif($paged = $range $paged ($max_page - ceil(($range/2)))){ for($i = ($paged - ceil($range/2)); $i = ($paged + ceil(($range/2))); $i++){echo " a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " ";echo " $i /a }}} else{for($i = 1; $i = $max_page; $i++){echo " a href='" . get_pagenum_link($i) ."'"; if($i==$paged)echo " ";echo " $i /a }} next_posts_link(' 下一页 '); if($paged != $max_page){echo " a href='" . get_pagenum_link($max_page) . "' title='自动跳转到最终一页' 最终一页 /a }}}第二步 加上以下的css款式到你的style.css中里边（自然你还可以自身写css款式，终究凉一喜爱的不意味着每一个人都喜爱） .page_navi{overflow:hidden;width:100%;text-align:center}.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}第三步 在你必须显示信息的地区（如模板主题风格的index.php、archive.php、category.php、search.php）中加上下边的启用编码就可以  div ?php par_pagenavi(9); ? /div 上边的数据表明较大显示信息两页 你可以以依据自身的要求改动 WordPress加上分页查询导航栏莱单源代码 Wordpress免插件完成五颜六色标识云