1

我正在为我的一个好朋友建立一个网站，我被困在这个网站上。我想要主页上的自适应背景图像，以便他可以在 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(); ?>

现在图像标签需要具有适应性。这可能吗？

4

1 回答 1

2

从 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'行中的 告诉它要使用的图像大小。“完整”将使用您上传的原始图像，或者您可以使用“大”、“中”、“缩略图”或您设置的任何自定义图像大小。

于 2014-03-10T21:25:01.703 回答