当前位置: 首页 > 知识库问答 >
问题:

Wordpress背景图像动态来自post图像封面

易流觞
2023-03-14

我一直在寻找答案,但没有找到任何相关的。

因此,我将创建一个wordpress自定义主题,条件是:
-我希望有一个以帖子图像为背景图像的特色帖子

问题是,每次我要做一篇特色文章,我都需要不同的文章封面图片,我怎样才能让这个文章图片在CSS上显示为背景图片,而不是像平常一样

因为我需要一个大背景(css)背景大小的特色文章:封面;

共有1个答案

祝高阳
2023-03-14

将此添加到您的主题-这是为了让您开始

<?php if ( have_posts() ) while ( have_posts() ) : the_post();?>
<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' ); $url = $thumb['0']; ?>
<section style="background:url(<?php echo $url; ?>) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover; background-position:50% 50%;  *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.<?php echo $url; ?>', sizingMethod='scale'); *-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $url; ?>', sizingMethod='scale')";">

</section>
<?php endwhile; endif; wp_reset_postdata();?>
 类似资料:
  • 在使用WordPress时,是否可以像通常在HTML中一样在CSS中获得背景图像。我试过这么做,但没用。

  • 我有一些代码,使用帖子特色图像作为DIV的背景... 很简单,但是我需要在这个背景上为任何没有特色图像集的帖子设置一个默认图像。 修改我上面的代码可能吗? 比如说... 如果文章有特色图片-显示它。 如果帖子没有特色图片-显示default.jpg。

  • 除了背景颜色,也可以使用背景图像来实现各种复杂、有趣的背景效果。CSS中,使用 background-image属性来定义背景图像的路径,取值为 none | url,默认值为 none。 url 可以是相对路径,也可以是绝对路径。使用相对路径时,url 是相对于 css 所在的文件,而不是要设置样式的HTML文件。如,下面代码表示,使用 css 文件所在目录下的 img 文件夹下的图像 bg.g

  • 我对flutter非常陌生,我正在做一个有趣的应用程序。我想添加一个背景图像到我的应用程序,但我找不到如何。我知道我必须把它放在中,但我找不到怎么放。这是我的代码:

  • 我需要设置文本从父div的背景,我得到的问题是,我不能设置背景,因为我有文本在另一个div。这里有一个例子。 null null 我需要H1是粉红色作为第一个div。在我的项目中,我不使用粉色,而是背景图像。

  • 问题内容: 我正在使用JFrame,并且在框架上保留了背景图像。现在的问题是图像的大小小于框架的大小,因此我必须在窗口的空白部分再次保留相同的图像。如果用户单击最大化按钮,则可能需要在运行时将图像放置在框架的空白区域。谁能告诉我如何做到这一点? 问题答案: 您想要Windows桌面的背景图像之类的东西时,多次使用背景图像而不是调整其大小或仅将其居中显示吗? 您只需要保留一次图像,然后在paintC