您当前的位置：首页 > TAG信息列表 > responsive
为什么这段jQuery/Java脚本代码不能在移动/移动设备上运行？
我的header.php :<script type=\"text/javascript\"> /* to show back the left side bar back when the LEFT side bar is moved next/below to the center/content */ jQuery(document).ready(function($) { $(window).resize(function
Wp_is_mobile()的正确用法？
我已经开发了响应主题，我想把它提交给wordpress。组织。在提交之前，我想使用wp_is_mobile() 在我的主题中，但根据 Function Reference/wp is mobile 这是个坏主意，因为上面说：您应该意识到，这并不能专门检测移动电话，因为平板电脑被视为移动设备。检查插件区域以获得一些有用的替代方案 它也不应用于主题如果我在主题函数中使用它。php如下所示：add_filter(\'body_class\',\'mobile_theme_body_class\'); &
如何设置Cookie在单击某个链接时切换样式表，并将其设置为直到单击另一个特定链接？
我有一个非常古老的网站。现在，我想让它在不改变主题和样式表的情况下响应。要求：无法更改主题</无法创建子主题</默认情况下，wevisit时应将网站加载为无响应</单击“切换器链接”时，整个站点都应响应当单击另一个“切换器链接”时，站点应加载为默认值（无响应），因此我决定enqueue 当switcher link 已单击。：链接以使网站响应enqueue 当另一个switcher link 已单击：链接以切换回默认的无响应站点</然后我在我的header.php<a hre
如何根据设备和按钮点击来切换css文件？
如果网站是在移动设备上打开的，我正在尝试将响应css文件排队。此外，我还想在单击按钮时切换/排队默认或无响应的css文件。无响应css文件是加载到桌面上的默认样式表。因此，要求如下：默认情况下，如果用户来自桌面，则应加载非响应站点。默认情况下，应加载响应站点。如果用户来自移动，则应加载响应站点。如果用户单击移动（响应）站点的桌面切换按钮，则应将非响应站点加载到移动中</如果用户从移动（非响应）站点单击移动切换按钮，则应加载响应站点</我有style.css （无响应css文件）输入到我的主题目
Responsive Wordpress Gallery
I have been trying to make my Wordpress Gallery responsive with the help from another post:Making WordPress Gallery (.gallery-item) Responsive?I would also like the original 5-column gallery to display three columns on a tablet. I have used the following
在移动设备上加载内容的最佳方法-使用wp_is_Mobile发布
我试图阻止在手机上加载额外的站点菜单。我宁愿不加载它们，也不愿加载它们并用css隐藏它们。我从头文件中的以下内容开始： <?php if(wp_is_mobile()) : ?> <?php /*?>Don\'t load full menus on mobile<?php */?> <?php else : ?> //Code for additional menus goes here &
如何从WordPress资源集中排除图像大小
Wordpress srcset是一个很好的特性，但有时控制srcset代码中包含的图像大小非常重要。例如，在我们的一个网站上，我们生成了一个仅供外部使用的自定义图像大小-这意味着外部销售门户会自动收集此图像，以便在其网站上显示。它不打算在我们网站的任何地方显示。但是，Wordpress srcset功能目前包括所有图像大小。例如：<img width=\"350\" height=\"426\" src=\"https://xxx/wp-content/uploads/omega-pink-gol
如何选择资源集中显示的缩略图大小
我知道Wordpress有自己的方式让浏览器根据通过srcset的视口来决定下载哪个图像。我还知道我可以使用\\u post\\u缩略图功能并指定自定义大小，如下所示：the_post_thumbnail(\'my-custom-size\'); 现在，我想要实现的是能够指定自定义大小的列表（与原始图像具有不同的纵横比），并让浏览器根据视口来决定要使用的大小。我不想只在srcset中的可能性列表中添加自定义大小，我想选择可用大小的整个列表。我不想覆盖整个网站的srcset的常规设置。我只想在一个
内容中内置的响应图像--我需要在unctions.php中添加任何内容吗？
我正在从头开始制作一个WP主题，但我似乎没有得到响应的图像。即使添加了srcset和size标记，以500px插入的图像仍将保持在500px。据我所知，这幅图像应该在手机上以300px的速度自动显示？<img class=\"alignleft size-full wp-image-446\" src=\"couple_group_session.jpg\" alt=\"\" width=\"500\" height=\"333\" srcset=\"couple_group_s
GIF特色图像在服务器上调整大小，但不在前端使用。为什么？
我使用了一个非常基本的设置，即2017年和最新的wp版本。当我将PNG或JPG作为特色图像上传时，它们将作为调整大小的版本保存在我的上传文件夹中，并在主页和归档页面上用作响应图像的调整大小的版本。GIF文件也保存在uploads文件夹中，但不用作响应图像。HTML中仅引用和加载原始大小。我的GIF的像素尺寸是1920x890px：https://marc.tv/wordpress-deployment-mit-mainwp-und-github/这种行为有什么原因吗？如果图像大小存在于wordpress生
视频将延伸至整个主页
我在哪里可以找到一个主页框架，在那里我可以将HTML视频一直延伸到整个页面（达到一定的最大分辨率就可以了，比如最大宽度：2500px或其他）？我使用的是我定制的一个212主题。我所需要的是一个顶部标题栏的标志和导航（100px高）和一个相同大小的页脚。屏幕的其余部分可以是视频。这是我的一个简单的起点。将#页面宽度定义为较大的内容似乎会填满屏幕。内部的其余元素都设置为宽度：默认情况下为100%，因此看起来也很好。似乎无法使视频拉伸并填充父分区。谢谢<div id=\"page\" style=\"wi
在AJAX中将资源集添加到图像
我有一行代码： $out .= get_the_post_thumbnail(\'\', \'\', array( \'alt\' => the_title_attribute (array(\'echo\' => 0) ), \'class\' => \'img-responsive\', \'srcset\' => get_the_post_thumbnail_url( \"xs\" ) ) ); 这是错误的（关于srcset属性
如何仅对移动用户隐藏/显示文本？
我的页面上有文本内容，这会导致移动设备上的滚动次数过多。我希望避免移动/桌面使用单独的页面。理想情况下，编辑器会在某些段落周围添加一个短代码，以便在较小的屏幕上隐藏/显示其他内容。因此，下面的所有文本都将显示在桌面上，但第二段将替换为移动设备上的隐藏/显示链接：Lorem ipsum dolor sit amet，sit at voluptatum completitor。Ei每直径情况下为负。大海在最小的虚幻中，我是一个开窍的人，我是一个初生的人。[隐藏手机]与ullamcorper eu提名。在mea
QUERY_POST在响应式设计中的最佳实践？
我正在开发一款响应性设计桌面/手机，但我对PHP调用有疑问，因为托管提供商不喜欢高cpu使用率。在循环查询中，我有如下内容：<?php $feature = new WP_Query(); $feature->query(\'category_name=featured&posts_per_page=6\'); while ( $feature->have_posts() ) : $feature->the_post(); ?&g
如何编辑YouTube视频嵌入滤镜以允许响应全宽布局
我正在尝试从wordpress编辑建议的嵌入过滤器。org使youtube视频始终保持其容器div内的100%宽度，同时根据需要保持适当的高度尺寸。这可能吗？https://codex.wordpress.org/Plugin_API/Filter_Reference/embed_defaults#Examplesadd_filter( \'embed_defaults\', \'modify_embed_defaults\' ); function modify_embed_defaults()
响应的特色图像不起作用
也许我误解了（很可能），但我正在尝试使用二十六岁的方法来尝试让我通过WordPress上传的图像具有响应性。我只是勉强修改了代码，但无论我尝试什么，图像都不会调整大小。下面是我在函数中添加的内容。php： function b2f_post_thumbnail_sizes( $attr, $attachment, $size ) { if( \'post-thumbnail\' === $size ) { $attr[\'sizes\'] = \'(ma
更改响应图像的最大宽度为1600px
对不起，我先讲英语。刚开始使用快速响应的图像并阅读https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/因此，根据这篇文章，最大宽度为1.600px。我想知道如何将这个值增加到1800px？如果可能的话。非常感谢。
如何接受多种大小和宽高比的图像，并以标准化的图像大小/比例显示？
假设我接受客人提交的帖子。在post archive页面上，我有用户上传的图像，左侧是帖子，右侧是帖子的摘录。除非我以编程方式阻止用户上载各种大小和纵横比的图像，否则他们肯定会这样做。但人们不希望归档页面上出现各种不同的图像大小，它们的大小/纵横比应该大致相同。如果大小不同但纵横比相同，解决方案并不太困难，只需选择所需的大小并适当调整图像大小即可。在大多数情况下，这将非常有效（当然会有异常值）。但是在不同纵横比的情况下呢？在这里，事情变得更加困难。我们是否强制用户将其图像裁剪为纵横比？如果是，如何？我们是
决定英雄形象在移动设备上的显示方式
我通常可以通过谷歌搜索找到答案，但我一辈子都搞不清楚这到底叫什么。我提前道歉。我有一个英雄形象，在全屏幕上看起来很棒。当在手机上时，主图像上的视图会缩小（以适应屏幕），这没关系，但我如何确定要聚焦在照片的哪个部分？默认情况下，它显示为放大，仅聚焦于图像的中心，但如果焦点应向左或向右关闭，该怎么办？我有没有办法确定要查看图像的哪个部分？或者这不是一种最佳实践？在这种情况下，我希望缩小图像，使整个内容显示在页面上，而不是放大部分。提前感谢！
如何让WordPress的默认图库在手机上得到响应？
我在许多博客和论坛上读到过关于这个主题的文章，但我没有取得任何成就。我想在我的页面上执行以下操作：decalaveras.com在这个页面上，当从手机访问时，它会自动从图像库中的3列变为1列。有人帮我弄到这个吗？我用同样的主题，二十一六。