2017-09-24 150 views
0

感谢您看这里,并试图提供一些有用的答案。最近我已经下载了插件https://wordpress.org/plugins/olevmedia-shortcodes/,它工作得很好。但是,试图使用“最近的文章”短代码,当我面对你附在下面的图片上看到的图像大小相关的问题:WordPress的图像中等大小显示不同尺寸

enter image description here

它看起来非常难看。我开了一个代码,发现了一小段代码此功能:

$out .= '<div class="omsc-recent-posts-title"><h3><a href="'. get_permalink() .'">'. get_the_title() .'</a></h3></div>'; 

       if($thumbnail && has_post_thumbnail()) { 

        $img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 
        if($img) { 
         $img_html=apply_filters('omsc_sc_recent_posts_img', '<a href="'. get_permalink() .'"><img src="'.$img[0].'" alt="'.esc_attr($post->post_title).'" /></a>', array(
          'img_src' => $img[0], 
          'link' => get_permalink(), 
          'alt' => $post->post_title, 
         )); 
         $out.='<div class="omsc-recent-posts-thumb">'.$img_html.'</a></div>'; 
        } 
       } 

然后我期待在图像大小和它说:

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 

检查通过萤火对于一些职位“中”大小设置为222x221,为他人300×300和其余222x167

所有我想要做的是使具有相同尺寸的所有缩略图。所以,我创建这段代码为我的主题的function.php文件:

if (function_exists('add_image_size')) { 
add_image_size('custom-recpost-thumb', 222, 221,true); 
} 

,然后插件php文件我用这种方式做出了函数的调用:

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'custom-recpost-thumb')); 

我见一样。绝对没有变化。我做错了什么?

回答

1

,因为我可以看到它是你上传的图片是不一样的尺寸,以便它适合你的宽度,并使高度自动有非常两种方法可以解决这个问题1.修复前,您的图片问题您上传或CSS二号适合它=让你的盒子,握着你的img所需的宽度和高度,并使其溢出隐藏,然后把你的形象,说这必须是相同的高度框和宽度都是汽车的原因,大多数图片是作为一个风景,所以这样你的图片可以适合..为记录这是不是一个漂亮的方式来做到这一点,我会建议你修复你的照片,然后上传它们

+0

嘿安克。其实你提到的第二种方法我已经联系了,这就是为什么我认为CSS不起作用。现在让我试试通过CSS的第一个。我将无法重新上传所有图像。 –

+0

解决:)谢谢。我认为PHP的大小调整功能可以解决这个问题,而无需CSS操作。学到了新东西。 –

+0

不错,你得到它的工作。只要记住,取决于你的照片有多大的尺寸,如果它的照片太多,它会再次变形。你可以通过将图片的高度设置在盒子的高度来解决问题,但就像我说的那样,这不是一个好方法。 – Anker

0

不同尺寸的原始图像将创建不同大小的“中等”图像。这是因为WordPress中的媒体设置适合不同尺寸的图片。一般来说,这些像素设置可为任何尺寸的原始图像提供相当好看的中等尺寸图像。我怀疑WordPress正在重写你的函数调用,根据它的算法和图像优化来显示它的“最佳”图像。

即使有WordPress.org的编码选项,WP仍然会使用一些通用设置来创建“良好”的网站。也许这是一个声誉的事情,也许这是技术组织告诉用户什么是最适合他们的另一个例子。

在任何情况下,我与安克尔同意,优化图片,然后上传到一个更好的解决方案。它会给你更多的控制权,并提高WP可以随心所欲地显示你的图像的机会。

+0

你提到的细节我不知道。我会考虑这个建议。我总是尝试通过尼康上传原始图像,也许我应该调整它们? –

+0

我不知道尼康是否做了任何图像优化,但它听起来像他们不调整图像大小。也许试试看3张图片,看看它是否适合你。 –