动态主页图像在wordpress


Dynamic home page image in wordpress

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

现在的图像标签需要适应。这可能吗?

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

要启用Featured Images,将这一行添加到主题的functions.php文件:add_theme_support( 'post-thumbnails' );

现在上传一张图片到WordPress页面的Featured image区域。这可以是任何页面,您只需要注意页面的ID。要获得Page ID,请转到Page的编辑屏幕,并在浏览器中查看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'告诉它使用哪个大小的图像。"完整"将使用您上传的原始图像,或者您可以使用"大","中","缩略图"或您设置的任何自定义图像大小。