缩略图是缩小版本的图片,用于帮助识别和组织它们,为图像提供与普通文本索引相同的角色。
WooCommerce 获取属性缩略图 - 变体样本和照片插件
我正在使用插件 WooCommerce Variation Swatches and Photos,它可以让我向产品的属性添加缩略图。 我需要列出模板上的所有属性,并且我还想...
我正在为我的学生创建一个练习,我想在 Linux 上将特定图像作为缩略图插入到另一个图像中。 目标是在另一个图像中添加具有特定元数据的图像...
使用javascript设置Facebook分享者显示的图片
我正在尝试使用 JavaScript 动态设置共享到 Facebook 时显示的缩略图。我尝试将元标记“og:image”添加到页面(它是一个 JSP)并且有效,但我想做的不是......
我正在运行一个查询循环,并希望“如果”该帖子有特色图像,则它需要位于 标签内。但特色图像的 标签出现在 之前 我正在运行一个查询循环,并希望“if”帖子有特色图像,它需要位于 <figure> 标签内。但特色图像的 <img> 标签出现在 <figure> 标签之前。可能是什么原因? foreach($posts as $post){ setup_postdata($post); echo '<article class="pet_post">'; if(has_post_thumbnail()) { echo '<figure class="post_thumbnail">'. the_post_thumbnail('full') . '</figure>'; }; echo '<h1 class="post_title">'. get_the_title() . '</h1>'; echo '<p class="pet_seller">'. get_the_content() . '</p>'; echo '<form method="POST">'; echo '<input type="hidden" name="post-id" value="'. get_the_ID() . '">'; echo '<button type="submit" name="delete-post">Delete this post</button>'; echo '</form>'; echo '</article>'; }; 通过这张图可以更好地理解问题: 这是因为您使用的是 the_post_thumbnail 函数,默认情况下会回显图像,这比回显 figure 标签要早。 更换 echo '<figure class="post_thumbnail">'. the_post_thumbnail('full') . '</figure>'; 与 echo '<figure class="post_thumbnail"><img src="' . get_the_post_thumbnail_url(get_the_ID(), "full") . '"></figure>'; 我相信这种做法也是可以接受的。 <figure class="post_thumbnail"> <?php if(has_post_thumbnail()) { echo the_post_thumbnail('full'); }; ?> </figure> 您还可以使用 post_thumbnail_html 过滤器挂钩以编程方式自定义帖子缩略图的 <img> 标签。 function my_theme_filter_post_thumbnail($html) { $html = "<figure>{$html}</figure>"; return $html; } add_filter('post_thumbnail_html', 'my_theme_filter_post_thumbnail'); 我最近在博客上谈论过它。
Swiper 9 Angular Ionic - 拇指旋转木马在循环打开时停止选择主幻灯片
这个问题使我能够发布经过多次实验后确定的答案,以防其他人遇到类似的问题,因为我没有发现它记录得这么好 - 任何改进......
如何按类别显示相关帖子与当前帖子的下一篇帖子(不是最新帖子或随机帖子)
如何按类别显示相关帖子与当前帖子的下一篇帖子(不是最新帖子或随机帖子)。我正在使用二十一主题的代码相关帖子。但现在,wentytwelve_entry_m 的作者...
我有一个脚本可以创建较大图像的缩略图,它工作正常,问题是它被放置在查看两个图像的页面开头,据我了解会...
我需要在我的网络应用程序中生成图像的缩略图。我使用 HTML5 File API 来生成缩略图。 我利用 Read files in JavaScript 中的示例来生成...
我尝试以这种方式显示本地视频缩略图,它确实在列表中显示了缩略图。然而,该列表变得非常难以滚动。 有更好的方法来解决问题吗? https://
我创建了一个带有可以水平滚动的缩略图的图像查看器。图像是针对选定的功能动态加载的,并且数量各不相同。图像查看器调整大小以适合屏幕...
获取任何文件的缩略图,包括 Windows XP/Vista 上的 SolidWorks
每个已安装的操作系统中都有很多内置的 ThumbnailProvider。由于这些提供程序,Windows 能够显示许多文件的缩略图。例如 Windows 资源管理器可以显示 *.jpg 的内容
该进程无法访问该文件,因为在删除添加到图像列表和列表视图的文件时该文件正在被另一个进程使用
我想将图像文件加载到文件夹中,然后将它们添加到图像列表中,然后将其分配给列表视图以获取我单击的项目的缩略图样式,它显示在图片框中。当我想要的时候
我想要获得页面特色图像。 我创建一个博客页面并上传特色图像,然后使用此代码来显示特色图像。 $cb_banner_back = wp_get_attachment_image_src(
我这里有一个搜索页面: http://www.journeyfilm.com/?s=screening 这显示了一篇带有特色图片的帖子。问题是图像与其所在区域的比例不一样
我的 WordPress 主题有一个名为“帖子滑块”的部分,我想在我的主页中使用它,并且我想在其中显示 8 个帖子。我还没有完全运行我的网站,希望提高其速度。当
在 Woocommerce 商店页面缩略图上显示可用和不可用的图标
有一个 Woocommerce 网上商店,其中库存管理处于活动状态,但任何地方都允许缺货。已设置代码,如果库存降至 0 或以下,则该产品...
如何在 WordPress 中将图像裁剪为特定的宽度和高度到 img src?
在我的WordPress主题中获取最近的帖子图像,代码是 $gallery = get_post_meta($post->ID, 'property_gallery', true); $images = 爆炸("~~~", $gallery); 在我的 WordPress 主题中获取最近的帖子图像,代码是 $gallery = get_post_meta($post->ID, 'property_gallery', true); $images = explode("~~~", $gallery); <img src="' . esc_url($images[1]) . '" alt="' . esc_attr($title) . '" /> 代码显示了最近的属性图像,但问题是我获得的图像是全分辨率的。 我想将图像裁剪为 200x200 或 100x100。 您可以在此处以全分辨率图像查看最近列出的属性,这会导致页面加载问题。 http://dxboffplan.com/developers/ 您只需在主题的functions.php中定义所需的缩略图大小即可。 // create square image size add_image_size( 'square-thumb', 300, 300, true ); add_filter( 'image_size_names_choose', 'my_custom_sizes' ); function my_custom_sizes( $sizes ) { return array_merge( $sizes, array( 'square-thumb' => __( 'Square Thumb' ), ) ); } 将大小从 300 更改为您需要的任何值。 之后重新生成缩略图是个好主意,有一些插件可以提供帮助:https://en-za.wordpress.org/plugins/regenerate-thumbnails/ 首先,您应该在functions.php中添加您想要的图像尺寸。为此, // create square image size add_image_size( 'recent-images', 200, 200, true ); //true means hard crop 这会将新上传图像的新图像尺寸裁剪为 200 * 200。 重要提示: 尺寸不会根据已上传的图像生成,而是仅针对新上传的图像生成。 要为已上传的图像生成大小,您必须获取可以在插件目录中找到的插件。 现在,添加图像尺寸后,您只需要对代码进行一些更改即可。 $gallery = get_post_meta($post->ID, 'property_gallery', true); $images = wp_get_attachment_image_src( $gallery, 'recent-images' ); <img src="<?php echo $images[0]; ?>" alt="<?php echo esc_attr($title); ?>" /> //updated this line only 更新: 最后一行带有 img 标签的 PHP 语法不正确。我已经更新了应该可以正常工作的代码。我在我的服务器上再次测试它正常工作。 希望这能成功。 谢谢你
据我所知,只有PHP不能用于此目的。 但由于没有多少提供商允许在共享上安装 Perl/Python/... 脚本,我想知道是否有免费的解决方案 cr...
我创建一个演示文稿,在其中插入图像,保存并关闭它。 使用 Drive API,我得到一个缩略图链接,然后是一个 blob,并从中创建一个 PNG 文件。 问题是文件是空的......
我网站上的购物车使用Mal的电子商务。通常我使用“添加到购物车”按钮的 代码,该按钮允许将缩略图图像包含在购物车中 我网站上的购物车使用Mal的电子商务。通常,我使用 <form> 代码作为“添加到购物车”按钮,该按钮允许将缩略图图像包含在购物车页面上。 “thumbnail.jpg”URL 的 https://mywebsite/thumbnail-image/... 部分停放在 Mal 的网站上。 我需要在我的一个页面上使用超链接“添加到购物车”,但这样做时我无法包含 <input name="thumb"...> 行代码。我不太熟悉编码,所以我可能无法正确地表达这个问题(希望我不会太混乱),但是有没有办法将缩略图(“thumb”)命令添加到超链接行我想用? 这是我通常使用的代码: <form action="https://ww#.aitsafe.com/cf/add.cfm" method="post"> <input name="userid" type="hidden" value="00000000"> <input name="product" type="hidden" value="Acme Widget"> <input name="price" type="hidden" value="30.00"> <input name="thumb" value="thumbnail.jpg" type="hidden"> <input name="return" type="hidden" value="https://mywebsite.com/"> <input type="submit" value="Add to Cart"> </form> 这是我想使用的超链接代码,并包含缩略图(如果可能): <a href="https://ww#.aitsafe.com/cf/add.cfm?userid=00000000&return=https://mywebsite.com/&product=Acme+Widget&price=30.00">Add to Cart</a> 试试这个代码 <a href="https://ww#.aitsafe.com/cf/add.cfm" onclick="this.href += '?userid=00000000&product=Acme%20Widget&price=30.00&thumb=thumbnail.jpg&return=https://mywebsite.com/'"> 添加到购物车