【问题标题】:Wordpress image size medium shows different sizesWordpress 图像大小介质显示不同的大小
【发布时间】:2017-09-24 22:14:44
【问题描述】:

感谢您查看此处并尝试提供一些有用的答案。最近我下载了插件https://wordpress.org/plugins/olevmedia-shortcodes/,效果很好。但是,当尝试使用“Recent Post”的短代码时,我遇到了与图像尺寸相关的问题,您可以在下面的图片中看到:

它看起来真的很丑。我打开了一段代码,找到了这个函数的一小段代码:

$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'));

通过 FireBug 检查某些帖子的“中”尺寸设置为 222x221,其他帖子设置为 300x300,其余为 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'));

我也看到了。绝对没有进行任何更改。我做错了什么?

【问题讨论】:

    标签: php wordpress


    【解决方案1】:

    我看到的问题是您上传的图片尺寸不同,因此它会适合您的宽度并自动调整高度。您可以通过两种方式解决此问题 1. 先修复您的图片上传或使用 css no.2= 调整它是自动的,因为大多数图片都是作为风景制作的,所以这样你的图片就可以适应了。为了记录,这不是一个很好的方法,我建议在你上传图片之前修复你的图片

    【讨论】:

    • 嘿安克。实际上,您提到的第二种方法我已经尝试过了,这就是为什么我认为 CSS 行不通的原因。现在让我通过 CSS 尝试第一个。我将无法重新上传所有图片。
    • 已解决 :) 谢谢。我认为 PHP 的大小调整功能可以在没有 CSS 操作的情况下解决这个问题。学到了一些新东西。
    • 很高兴你得到它的工作。请记住,根据您的图片的尺寸,如果它偏离太多,它可能会再次变形。你可以通过将图片的高度设置在盒子的高度上来解决这个问题,但就像我说的那样,这不是一个很好的方法。
    【解决方案2】:

    不同尺寸的原始图片会创建不同尺寸的“中等”图片。这是因为 WordPress 中的中等设置可以容纳不同大小的图像。一般来说,这些像素设置为任何尺寸的原始图像提供了相当好看的中等尺寸图像。我怀疑 WordPress 正在覆盖您的函数调用,以根据其算法和图像优化显示“最好的”图像。

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

    无论如何,我同意 Anker 的观点,即在上传图片之前优化图片是更好的解决方案。它将为您提供更多控制权,并提高 WP 显示您想要的图像的机会。

    【讨论】:

    • 你提到的细节我不知道。我会考虑这个建议。我总是尝试通过尼康上传原始图像,也许我应该调整它们?
    • 我不知道尼康是否进行了任何图像优化,但听起来他们确实不会调整图像大小。不妨试一试 3 张图片,看看是否适合您。
    猜你喜欢
    • 2021-10-17
    • 1970-01-01
    • 1970-01-01
    • 2012-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多