【问题标题】:Wordpress image sizesWordPress 图像大小
【发布时间】:2016-02-29 19:26:57
【问题描述】:

我正在努力了解 Wordpress 中的图像大小。 我有一系列产品,它们将在主页上显示为产品图片、大型特色砖石图片,有时还显示在页面顶部的主图片中。

我是为一位客户制作的,理想情况下,他们的尺寸可以涵盖所有这些,这样他们就可以在需要时更改每一个。

我可以只为每个添加最大尺寸(例如 1920 像素的英雄尺寸),然后 wordpress 会为每次使用选择合适的尺寸,还是我需要做一组英雄图像、一组砖石图像和一个一组产品或这些产品的组合。

我觉得它有点混乱,我不想添加不必要的文件大小。

我试图通过阅读有关该主题的其他帖子来澄清这一点,但似乎找不到明确的答案。

谢谢

【问题讨论】:

    标签: wordpress image-size


    【解决方案1】:

    默认情况下,除了原始图像之外,WordPress 还会创建缩略图、中型和大型图像。每次上传共四张图片。

    如果是特色图片,您可以在代码中告诉 WP 使用哪个图片。请参阅https://codex.wordpress.org/Post_Thumbnails 的示例:

    // without parameter -> Post Thumbnail (as set by theme using set_post_thumbnail_size()) 
    the_post_thumbnail();
    
    the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
    the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max) 
    the_post_thumbnail('large');           // Large resolution (default 640px x 640px max) 
    the_post_thumbnail('full');            // Original image resolution (unmodified)
    
    the_post_thumbnail( array(100,100) );  // Other resolutions
    

    除了默认的https://codex.wordpress.org/Function_Reference/set_post_thumbnail_size之外,一些主题还为主图、产品等添加了自己的尺寸:

    set_post_thumbnail_size( 50, 50 ); // 50 pixels wide by 50 pixels tall, resize mode
    

    如果您只需要不同尺寸的相同图像,这种方法可以很好地工作,但是如果图像不同,假设主图像与产品图像不同,而不是特色图像,那么您可能需要使用自定义字段。

    使用自定义字段,您可以为每个用例使用不同的图像。

    我建议使用http://www.advancedcustomfields.com/ 添加图像字段。我写了一篇关于如何在ACF中使用图像对象的文章(http://www.aliciaramirez.com/2014/03/advanced-custom-fields-image-object-tutorial/

    【讨论】:

    • 哇,非常感谢你 - 我会通读这篇文章。
    • 很高兴我能提供帮助。
    猜你喜欢
    • 1970-01-01
    • 2020-07-15
    • 1970-01-01
    • 2020-09-01
    • 1970-01-01
    • 2014-09-23
    • 2012-10-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多