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

Wordpress-标题的自定义图像

宿楚青
2023-03-14

我试图使用一个图像从一个wordpress帖子作为自定义标题背景图像。我目前有它设置为使用特色图像(这工作,但我不想使用特色图像)

HTML(header.php)

<?php
if (has_post_thumbnail()) {
    $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');
}
?>

<div class="jumbotron-int" style="background-image:url('<?php echo $large_image_url[0]; ?>');">

我想在帖子中针对不同的图像。不管它是第一个,还是我用某种方式标记的一个。只要我能控制一个习惯。

我已经安装了ACF插件,正如另一个人提到的,但我不知道如何使用它来做我想做的事情

编辑:

我希望每一篇文章都有不同的标题图片

共有1个答案

伯逸明
2023-03-14

您可以使用ACF中的图像字段

http://www.advancedcustomfields.com/resources/image/

当您在ACF中添加图像字段时,您将看到如下屏幕截图http://www.advancedcustomfields.com/wp-content/uploads/2013/02/acf-image-field-edit.jpg

在该屏幕中,如果选择图像URL的返回值,并且字段名设置为“header Image”(不带引号),则应使用以下代码获取图像。

 <?php $large_image_url = get_field('header-image'); ?>
 <div class="jumbotron-int" style="background-image:url('<?php echo $large_image_url; ?>');">
 类似资料:
  • 我正在为Wordpress站点构建一个自定义博客列表页面,并尝试使用自定义图像大小。图像的高度应为硬300px。所有图像都比这个高,所以不用担心更小的图像。 我想要的宽度是500px。这就是我遇到问题的地方。我试图使用Wordpress的“添加图像大小”功能来实现这个功能,但我一直得到精确尺寸的裁剪。 例如,我使用以下代码,它为我提供了一个精确的300x300像素图像: 我甚至尝试将硬裁剪值添加到

  • 在我的代码中,我使用下面的代码来设置表视图的节标题。它运行良好。 我想自定义标题的背景颜色,所以我在上面的代码之前插入了下面的代码。 结果,背景颜色发生变化,而标题文本丢失。

  • 我是wordpress的新手。谁能给我推荐wordpress教程,帮助我从头定制一个主题,以及如何在该主题中创建模板文件。我在谷歌上搜索过,但没有找到好的教程。 提前感谢

  • 问题内容: 我有许多heroshot图像,单击它们时会弹出模式弹出窗口。我试图使光标在图像上移动时变成放大镜。即使我的位置正确,以下CSS也似乎无法正常工作。 有没有人做过类似的事情?我不介意一个JavaScript解决方案(如果存在)。 编辑 :它可以在Safari中,但不能在Firefox中使用。 问题答案: 您的问题可能是光标URL在Mac的Firefox中不起作用。 通过使用关键字,可以在

  • 这节将介绍如何为不同的平台配置一个app的图标。对启动画面(splash screen)的支持已经被移动到Cordova自己的插件中了。配置选项可以在Splashscreen插件文档中找到. 在CLI工作流中配置图标 当工作在CLI工作流中,你可以通过<icon>元素(config.xml)定义你的app图标。如果没用指定图标将使用ApacheCordova的logo. <icon src

  • 我有一个自定义字段,用户可以在其中选择div的背景。然而,在右上角或屏幕上显示: 35,4c5a6729201043.55e72a8144693,,图像/jpeg,http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693.jpg,12001200,Array'); 我用来让用户选择背景(及其