您当前的位置：首页 > TAG信息列表 > responsive
为Mobile View更改博客帖子上的标题图像
我需要为特定的博客文章使用不同的标题图像https://staging3.ryanlawn.com/blog/ryan-lawn-tree-named-to-the-great-game-of-business-2021-all-star-team/我尝试了不同的CSS变体，但没有效果。@media (max-width: 767px) { .post-id-41012 .page-banner bg { background-image: url(\'https://stag
有没有办法只为桌面用户预加载特定的图像？(不包括移动用户)
我的网站有一些。在“我的联系人”页面的最开始处设置动画的PNG图像。这些图像有点重（因为它们有透明的背景），所以动画开始时会在动画期间加载其中一些图像，看起来很糟糕。所以，为了修复它，我必须添加这一行<link rel="preload" as="image" href="url-of-the-image.png"/> 到<head>.为了实现它，我使用Snippets plugin. 如果我没弄错的话，这个片段应该是这样
在移动设备上禁用媒体文件图像链接
我希望禁用移动设备上的“媒体文件”图像链接，以便在移动设备上查看网站时，只需显示图像，而不显示任何链接。我希望做到这一点，因为在一种响应性强的设计中，我的图像在移动设备上都是100%宽的。单击图像只会打开一个大小相同的图像，甚至更小，具体取决于lightbox的填充设置。我使用shadowbox js plugin 打开响应灯箱中的媒体文件图像链接。此插件检测媒体文件图像链接，并添加一个rel=“shadowbox”以在lightbox中打开全尺寸版本。我在这里首先尝试在原生WordPress媒体文件图像
WP 4.4。响应在加载响应图像后加载正常图像
我正在测试2个新添加的尺寸：// testing add_image_size(\'new-small\', 500, false); add_image_size(\'medium-large\', 768, false); // just added today for devices support 图像输出html：<img class=\"alignnone size-full wp-image-24\" src=\"http://localhost:8888/p
如何让画廊图片更具响应性？
有一些图片，一张接一张，由编辑器作为图库插入。你可以在我的页面上看到一个示例here. 我的问题是，这个图片库没有响应。调整浏览器窗口的大小，看看我在说什么——图像的大小不会改变。你能帮我让它反应灵敏吗？
如何在WordPress中获取访问类型？
如何在WordPress中获取访问类型（从桌面或移动设备）？这里发布了一个可能的解决方案here.function yundanran_get_access_type() { $is_wap=false; $user_agent = $_SERVER[\'HTTP_USER_AGENT\']; $mobile_agents = Array ( \"240x320\",\"acer\",\"acoon\
旧站点显示在移动视图上，而不是新站点
我刚刚重新启动了一个网站，从HTML改为响应性的Wordpress网站&；主题这在桌面上很好，但在重新推出之前通过手机访问过的用户仍然可以看到旧网站。**新访问者如何查看页面：**http://www.marctech2.com我已插入视口代码（在meta和css中）<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> @viewport{ zoom: 1.0
Header Logo Scaling
我使用customiser将图像加载到我的主题的标题中，因为它的customiser通过css将其插入作为背景图像，但是加载时，除非添加了填充，否则不会显示。有没有方法在不设置填充或其他度量的情况下加载图像，我希望页眉可以根据徽标的大小调整其高度，因为徽标的大小可能会不时变化，所以我希望避免使用固定高度。下面是该网站的链接，当前设置为padding:20px，下面是我的代码。link to site代码：html<style> h1.dragoncove_client_logo
响应图像大小在WP 4.4中的PB
我不明白如何在WP 4.4.1中定制响应尺寸图像。我看到的唯一可用的挂钩是wp_calculate_image_srcset 和wp_calculate_image_sizes, 也没有要求作为参数的命名图像大小。所以这意味着你可以纠正图像大小，但不知道上下文？一个简单的箱子，带有一个横幅和3个图像大小：移动（780x200）平板电脑（980x250）桌面（1600x300）我想要的是能够告诉WP core我想要宽度为w1、w2和w3的尺寸（这里是0-780、781-980和981+），或者我想要命名的图
Responsive Images Warping
我使用的是HB主题Aegaeus主题，它非常棒，除了一个短代码元素（HB框）正在调整图像的大小。（显然，自动调整站点元素大小以适应移动设备是使用响应式设计的主要原因之一，但在这种情况下，它会使图像主题看起来非常非常糟糕。）http://www.fullyhr.com/about/How do I maintain the image size-ratio?这是所讨论图像的短代码on the page: [hb_image_box image=\"http://fullyhr.com/wp-content/
资源集和自定义字段get_post_meta和wp_get_attachment_url
我想将新的wordpress 4.4函数srcset与来自如下自定义字段的图像一起使用 <img src=\"<?php $bigimg = get_post_meta($post->ID, \'bg_file\', true); echo wp_get_attachment_url( $bigimg );?>\" alt=\"\"> 如何让srcset函数与它一起工作？wp_get_attachment_image_srcset( 380, \'medium\'
未使用自定义图像大小填充_POST_THMBILAILE响应源集
我正在尝试使用新的responsive images feature 在Wordpress 4.4中，当我尝试使用自定义图像大小的\\u post\\u缩略图时，我一直遇到一个特殊的问题。似乎我不能使用自定义图像大小。以下代码将生成img 标记为srcset 出席人员：<?php the_post_thumbnail(\'medium\', array( \'class\' => \'img-responsive\' )); ?> 下面是img 标记看起来像medium 传入
更新到WordPress 4.4后，上述内容的特色图像(响应性)太小
在我的主题中，我使用<?php the_post_thumbnail(\'large\'); ?>其中，“大”尺寸定义为980px。由于css，其宽度响应迅速。在WordPress 4.4升级之前，这一切都很好。更新后，包括核心响应图像功能（根据屏幕大小加载不同的图像），这些功能图像现在在每页上仅显示为560像素宽，而不是980像素宽。560px对应于中等大小的图像，以及我的函数中定义的content\\u width（它是主列中内容的宽度，用于oEmbed）。这是此类图像的html源代码：
4.4中的特色图像在移动设备上应该更大
我处理的主题显示3 columns 对于图像，因此大屏幕上缩略图的大小将为360x240px。调整大小后，在某些mobile 像iPhone这样的设备1 column 对于图像，这可能会导致featured image will be larger 宽度大于360px。现在，为了保持良好的PageSpeed分数，我不想在台式计算机上加载更大的图像大小并通过CSS进行缩放，但在移动设备上，我需要更大的特征图像，如640x426px。在移动设备上使用相同大小的图像的问题是，它可能不够大，无法填充一列，并且会留
迁移和升级后所有映像都已损坏
我已经升级了一个被忽视的Wordpress安装，但只关闭了几个版本。在安装和升级多个版本后，我的所有图像现在都被破坏了，这是以前没有的。每当我将文件名追溯到它应该位于的目录时，我都会看到同样的情况-图像存在，但是Wordpress在Wordpress内部的每个引用中都附加了一个维度x维度。明白我的意思了吧：我已经尝试了针对类似WP问题提供的所有解决方案，但都没有解决问题。遵循此线程之后https://wordpress.org/support/topic/after-upgrade-to-44-media
在桌面显示大小(响应性)上隐藏第二十五个侧边栏的站点标题
我想在桌面显示器上查看时隐藏出现在215主题WordPress网站侧边栏上的网站标题，但在显示器适合移动或平板电脑视图时显示（并显示汉堡下拉菜单而不是侧边栏）。理想情况下，我希望通过CSS实现这一点。当从桌面调整到移动设备时，我看不到任何唯一的CSS id或类应用于主体，所以我想不出一种方法来执行以下操作：；.site-title { display: none; } 但仅在桌面视图中应用它。对我如何做到这一点有什么建议吗？如果需要的话，我也愿意通过调整主题PHP文件来解决问题（通过子主题）。
响应图像调整图像大小
WordPress的自动响应图像代码将某些图像的大小设置为大于其应有大小。以下是一个示例：本页：http://healthyhints.wpengine.com/hot-yoga-benefits/, 男子举重的图像只有557px宽（参见本机图像：http://healthyhints.wpengine.com/wp-content/uploads/2016/03/leanmuscle.jpg).</但当浏览器宽度超过1200px时，响应代码会导致其扩展到840px宽：如何更改WordPress生成
未显示响应图像属性资源集或大小的内容(_C)
我正在使用WordPress 4.4.2，但无法为\\u内容显示新的响应图像功能。它适用于特色图像，而不是内容图像。我没有安装插件（除了不活动的默认插件），并且尝试使用wordpress附带的主题（21615），但是wordpress没有在源代码中生成srcset或size属性。我是否需要打开一些设置才能使其正常工作？
我的其中一个图像大小没有显示在资源集中
因此，对于，我添加了一些自定义图像大小，如下所示：add_action(\'after_setup_theme\', \'image_sizes_setup\'); function image_sizes_setup(){ add_theme_support( \'post-thumbnails\' ); add_image_size(\'thumb-small-2x\', 196, 9999); add_image_
如何使_POST_THMBIAN()检索到的特色图像具有响应性？
我试图使循环中的\\u post\\u thumbnai（）检索到的特色图像具有响应性，但似乎找不到简化的解决方案。我想要实现的逻辑如下：If the screen size is less or equal to 728px the_post_thumbnai(\'thumbnail\') //Display the thumbnail size image Else the_post_thumbnai() //display the original size image&