获得中等尺寸而不是全尺寸

Caylean

我正在努力获取Wordpress中图像的URL的中等大小。我的工作来源如下所示:

<div class="entry-thumbnail coverback" style="background-image: url(<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>); ">

但这需要完整图片,并且由于上传的完整图片更大,因此我的页面每次加载会爆炸到9-10 MB。

因此,到目前为止,我已经尝试过但没有成功:

<div class="entry-thumbnail coverback" style="background-image: url(<?php echo $image_attr = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');  ?>); ">

<div class="entry-thumbnail coverback" style="background-image: url(<?php echo wp_get_attachment_image ( int $attachment_id, string|array $size = 'medium', bool $icon = false, string|array $attr = '' );  ?>); ">

<div class="entry-thumbnail coverback" style="background-image: url(<?php echo wp_get_attachment_image( get_the_ID(), array('medium') );  ?>); ">

但其中没有一个工作,我在这里做错了什么?我试图使用WP Codex和其他东西,但是..大多数使我感到困惑的是,它没有帮助:(

任何帮助将非常感激。

random_user_name

该函数wp_get_attachment_image_src文档返回一个数组。数组中的第一个元素是src url,因此您需要按以下方式修改代码:

<?php 
// Load the attachment attributes
$image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');  
// IF it's an array, and the url (index 0) is set, then assign it
$image = (isset($image[0])) ? $image[0] : ''; 
?>
<div class="entry-thumbnail coverback" style="background-image: url(<?php echo $image; ?>); ">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

javascript selenium webdriver 不是全尺寸

来自分类Dev

大边框尺寸问题(不是全矩形)

来自分类Dev

如何在相机意图上获得全尺寸图像

来自分类Dev

全尺寸AmCharts

来自分类Dev

如何从USB安装Debian?(使用全尺寸映像而不是netinstall)

来自分类Dev

在 html canvas 中绘制的图像不是全尺寸

来自分类Dev

div背景不是全尺寸,只有文字大小

来自分类Dev

Android定位中等尺寸的屏幕

来自分类Dev

如何获得嵌套向量的尺寸(嵌套)(不是大小)?

来自分类Dev

从相机拍摄全尺寸照片

来自分类Dev

SetRequestProperty 工作但下载全尺寸

来自分类Dev

如何获得容器尺寸?

来自分类Dev

如何获得文字尺寸?

来自分类Dev

无法获得 UIVew 尺寸

来自分类Dev

获取特色图像原始尺寸的功能-全尺寸

来自分类Dev

如何获得CNN模型尺寸?

来自分类Dev

如何获得适当的场景尺寸

来自分类Dev

Android中的相机,如何获得最佳尺寸,预览尺寸,图片尺寸,视图尺寸,图像失真

来自分类Dev

Android中的相机,如何获得最佳尺寸,预览尺寸,图片尺寸,视图尺寸,图像失真

来自分类Dev

响应式水平滚动全尺寸图像

来自分类Dev

具有动态尺寸的全圆形按钮

来自分类Dev

从Facebook图形API获取全尺寸图片

来自分类Dev

WordPress-禁用全尺寸图片选项

来自分类Dev

全尺寸背景中的边距

来自分类Dev

固定了背景附件,但全尺寸图片

来自分类Dev

Alt + Tab +全尺寸屏幕Tkinter

来自分类Dev

响应式水平滚动全尺寸图像

来自分类Dev

苗条的情况下的全尺寸卡?

来自分类Dev

WordPress-禁用全尺寸图片选项