Questions tagged «responsive»

我成功地将4.3.1安装转换为所有https。更新到4.4之后。我对新srcset属性有疑问。虽然src对图像的特性是使用HTTPS设置，该srcset属性是HTTP。这导致浏览器根本不显示任何图像。 在等待更好的修复时，我希望完全禁用设置srcset属性，以便所有图像都只有一个src属性。我怎么做？

37 images  responsive  https 

我已经开发了响应式主题，我想将其提交给wordpress.org。在提交之前，我想wp_is_mobile()在主题中使用它，但是根据Function Reference / wp是可移动的，这是一个坏主意，因为它说的是这样的： 您应该意识到，由于平板电脑被认为是移动设备，因此它不能专门检测到手机。查看“插件”区域，找到几种有用的替代方法。也不应将其用于主题。 因此，如果我在主题function.php中像这样使用它： add_filter('body_class','mobile_theme_body_class'); function mobile_theme_body_class( $classes ){ if ( wp_is_mobile() ){ $classes[] = 'mobile'; } else{ $classes[] = 'desktop'; } return $classes; } 我的主题会被拒绝吗？ 子问题： 如果我在上面的代码中使用函数，并在（WP Super Cache）中使用缓存插件，我的函数会被搞砸（执行失败或返回误报）吗？ 谢谢您的时间和回答...

18 mobile  responsive 

该网页包含Wordpress插入的图像。用于插入第一个图像的代码是： [caption id="attachment_887" align="alignnone" width="604"] <a href="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m.jpg"> <img class="size-large wp-image-887" alt="a Forest Legacy group" src="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m-1024x681.jpg" width="1024" height="681" /> </a> a Forest Legacy group[/caption] 此图像由CSS控制： #content .wp-caption a img { width: 614px; height: auto; } 我想使该图像响应。我插入了CSS： @media (max-width:988px) { #content .wp-caption a img { width: 99.03225806%; /* 614/620 */ height: auto; …

10 responsive  captions 

我很高兴WP 4.4。带有内置的响应式图像功能。但是我对此并不满意。 我在我的相机中设置了一些自定义图像尺寸functions.php： add_image_size（'缩略图'，600，600，true）; add_image_size（'news-large'，1024，false）; add_image_size（'news-small'，500，false）; add_image_size（'3-col'，500，375，true）; add_image_size（'presscutting'，600，850，true）; add_image_size（'medium-large'，768，false）; //今天刚刚添加，用于设备支持 add_image_size（'full-feature-image'，2000，false）; add_image_size（'gallery-image'，800，600，true）; 如我所知，未裁剪的图像（将裁剪设置为false）被添加到srcset。图像在前端输出，例如（添加了换行符以提高可读性）： <img width =“ 2000” height =“ 1335” src =“ http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg” class =“ attachment-full-feature-image size-full-feature-image” alt =“ asdf” srcset =“ http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w， http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w， http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w， http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w“ Size =“（最大宽度：2000px）100vw，2000px”> 但是现在我的问题是：尽管屏幕分辨率为1600px，但在屏幕上仅显示指定宽度为1024px的图像。因此，所有图像看起来都很模糊。 如何使WP和/或浏览器使用2kpx图像代替？ 我是否需要为1280px，1440px，1600px，1968px添加新的图像尺寸？还是有一种更简单的方法来告诉WP /浏览器使用较大的图像，而不是显示模糊且太小的版本？

9 images  responsive  features 

我正在尝试使用Wordpress 4.4中的新响应图像功能，但是在尝试使用具有自定义图像大小的the_post_thumbnail时，我一直遇到一个特殊的问题。看来我无法使用自定义图像尺寸。 以下代码将生成img带有srcset当前标签： <?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?> 这是img带有medium传递给函数的大小的标记的样子： <img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px"> 但是，当我进行更改以使用自定义图像尺寸时，srcset消失了。有人知道这是怎么回事吗？ 这是我添加自定义图像尺寸的方法： add_image_size ('my-custom-size', 1050, 626, true ); 它在代码中的外观如下： <?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?> 这是它的输出，请注意my-custom-size没有被读取，而是添加wp-post-image而不是my-custom-size： <img width="1024" height="626" …

8 post-thumbnails  thumbnails  images  responsive 

我怎样才能插入图片进入后，没有任何硬编码的尺寸（例如<img src="" alt="" />代替<img src="" alt="" width="" height="" />）？我不希望用户切换到HTML选项卡并自行删除参数，所以我想知道是否可以使用任何过滤器来实现此目的？ 注意：我已经将它们插入“完整尺寸”中。

8 images  responsive