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=之后的数字是Page的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替换为您的Page的ID。如果您在循环中使用此代码，则可以将34替换为$post->ID。

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

wordpress中的动态主页图像

1 个答案: