我正在创建我的第一个Wordpress主题,通过以下方式,我已使一切正常运行this tutorial 还有一些我了解如何使用add\\u image\\u size()函数添加自定义图像大小。然而,我只是不知道什么时候该选择什么图像大小。
例如,在我的主题中,我创建了一个博客模板,在3列中显示博客缩略图。每列的宽度约为400px。因此,我的第一个猜测是,我应该创建一个400px宽的图像大小,以便在加载博客页面时加载图像。
我首先感到困惑的是,我应该设置多高?我应该:
add_image_size(\'blog-grid\', 400, 300, true), // Or
add_image_size(\'blog-grid\', 400, 500, true), etc. // Or
add_image_size(\'blog-grid\', 400, \'auto\', true), etc. // Can I set it to \'auto\'?
因为真的,我怎么知道图像的高度呢?我宁愿设置宽度,让高度自动调整到比例,这样我就不用裁剪图像了。此外,在网格中具有不同的高度不会破坏我的布局或任何东西,如果我选择砖石布局,甚至可能看起来很好。
我的第二个困惑是,当浏览器重新调整大小时,列会相互堆叠(我使用的是引导),因此显示的图像会增加。这是否是选择自定义图像大小的一个因素?
我的另一个担忧是,我给了用户一个选项,可以在2列、3列和4列网格布局之间进行选择。我应该为这些创建3种不同的图像大小,或者选择三种平均值会更好。
此外,我检查了一个主题,发现它使用的图像是所需图像大小的两倍。例如,在一个博客中,一列的宽度为400px(图像也是如此),用于此的图像大小超过800px。这与视网膜显示有关吗?因为我相信我已经在我的主题中通过使用视网膜解决了这个问题。js和以下内容this tutorial. 在添加自定义尺寸时,我还需要担心视网膜显示吗?
我知道这些问题可能听起来很愚蠢,但我真的很感谢大家对我的帮助。谢谢
最合适的回答,由SO网友:Steven Jones 整理而成
我宁愿只设置宽度,让高度自动调整到比例,这样我甚至不必裁剪图像。
如果图像的比例不尽相同,则必须进行一些裁剪。如果要避免裁剪,则需要确保在将图像放入WordPress之前对其进行了编辑。
例如,如果要一致地输出400x300(无任何裁剪)的图像,则原始图像需要具有相同的比例,例如1200x900像素。如果原始图像为1100x900像素,则图像将被裁剪。
如果你只担心宽度是否一致,那么你可以这样做:
add_image_size( \'blog-grid\', 400, 9999, true );
我的另一个担忧是,我给了用户一个选项,可以在2列、3列和4列网格布局之间进行选择。我应该为这些创建3种不同的图像大小,或者选择三种平均值会更好。
默认情况下,引导堆栈为767px及以下,所以在较大的手机上,这些图像可能看起来不太好。我通常在iPhone和稍大一点的Andriod设备上进行测试,但这取决于你的要求——500px通常就足够了。
此外,我检查了一个主题,发现它使用的图像是所需图像大小的两倍。例如,在一个博客中,一列的宽度为400px(图像也是如此),用于此的图像大小超过800px。这与视网膜显示有关吗?因为我相信我已经在我的主题中通过使用视网膜解决了这个问题。js和遵循本教程。在添加自定义尺寸时,我还需要担心视网膜显示吗?
如果您已经按照教程进行了操作,并且对生成的图像感到满意,那么听起来您就不需要再做了。唯一真正知道的方法是测试它。