wordpress中动态主页图像

Question

我正在为我的一个好朋友建一个网站，我被困在这个网站上了。我想在主页上有一个可适应的背景图像，这样他就可以在wordpress管理页面的自定义页面上自定义它。我的代码现在看起来像这样：

get_header(); ?>

<div id="slides">
<div class="slides-container">

    <img src="<?php bloginfo('template_directory'); ?>/images/Home.jpg" alt="Cinelli">

</div>

<nav class="slides-navigation">
  <a href="#" class="next"> <img src="<?php bloginfo('template_directory'); ?>/images/right.png" alt="left"></a>
  <a href="#" class="prev"> <img src="<?php bloginfo('template_directory'); ?>/images/left.png"alt="right"></a>
</nav>

</div>

  <div class="welcometext">
    <h1><?php echo get_bloginfo( 'name' );?></h1>

   <?php echo bloginfo('description');?>      

  </div>

<?php get_footer(); ?>

现在，镜像标签需要具有自适应性。这个是可能的吗？

Answer 1

从WordPress页面的特色图像中提取图像可能比使用自定义页面更容易。

要启用专题图像，请将以下行添加到主题的functions.php文件：add_theme_support( 'post-thumbnails' );

现在，将图像上传到WordPress页面的特色图像区域。这可以是任何页面，你只需要记下页面的ID。要获得页面ID，请转到页面的编辑屏幕并在浏览器中查看URL。它将以类似于post.php?post=34&action=edit的形式结束，其中post=后面的数字是页面的ID，在本例中是34。

现在修改你的图片代码：

<?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id(34, 'full') ); // replace '34' with your Page's ID ?>
<img src="<?php echo $feat_image; ?>" alt="Cinelli">

将34替换为页面的ID。如果您在循环中使用此代码，则可以将34替换为$post->ID。

第一行中的'full'告诉它要使用的图像大小。“全”将使用您上传的原始图像，或者您可以使用“大”、“中”、“缩略图”或您设置的任何自定义图像大小。