Questions tagged «responsive»

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

2
正确使用wp_is_mobile()?
我已经开发了响应式主题,我想将其提交给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)中使用缓存插件,我的函数会被搞砸(执行失败或返回误报)吗? 谢谢您的时间和回答...

3
使Wordpress图片标题具有响应性
该网页包含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; …

2
WP 4.4。响应式图像浏览器选择“错误”的
我很高兴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 /浏览器使用较大的图像,而不是显示模糊且太小的版本?

1
the_post_thumbnail响应式srcset未填充自定义图像大小
我正在尝试使用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" …

3
如何插入没有硬编码尺寸的图片?
我怎样才能插入图片进入后,没有任何硬编码的尺寸(例如<img src="" alt="" />代替<img src="" alt="" width="" height="" />)?我不希望用户切换到HTML选项卡并自行删除参数,所以我想知道是否可以使用任何过滤器来实现此目的? 注意:我已经将它们插入“完整尺寸”中。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.