php - WordPress 自定义字段

Question

我想使用 wordpress 的自定义字段为我的网站设置不同的标题横幅，这是我的代码：

<?php

get_header(); ?>

        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
       <div id="BodyWrap">

<!--MAIN CONT-->
<div id="mainCont">
<?php get_sidebar(); ?>
<div id="rotateBanner"><?php 
        // check for image
        $image = get_post_meta($post->ID, 'image', $single = true);?>


        <img class="mainImg" src="<?php bloginfo(template_url); echo $image; ?>" alt=""/>
       </div>

        <div id="mainCopy">
        <div id="content">
        <h2><?php single_post_title(); ?></h2>
                <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>

                <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

    </div>
</div>
</div>
</div>
        <?php endwhile; endif; ?>

    <?php get_footer(); ?>

现在代码呈现，但由于某种原因，它只将 img 路径呈现为：

<img alt="" src="http://www.testground.idghosting.com/philcom/wp-content/themes/phil"/>

这是演示站点

在自定义字段中，我输入了这个：image 对于我输入的值：/images/sampleHead.png

Answer 1

使用 php 代码尝试过，但有一个插件做得很好，可以尝试http://wordpress.org/extend/plugins/custom-field-images

Answer 2

我认为您只是缺少一个“/”-如果您查看下面的代码（wordpress 中制作图像的正常方式）：<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="logo" /></div>

因此，您应该有<img class="mainImg" src="<?php bloginfo(template_url); ?>/<?php echo $image; ?> 或类似这种情况，因为我一直无法测试它。

Answer 3

您必须确保在您的添加帖子页面中，您正在创建正确的自定义字段...如果您将自定义字段称为“图像”，并且您使用“图像”，则图像中的资本将通过此关闭..

在自定义字段中，我会坚持完整的 URL，直接指向图像.. 这样编码的麻烦更少，更容易链接到..

    <div id="rotateBanner">
      <?php $image = get_post_meta($post->ID, 'image', $single = true);?>
      <img class="mainImg" src="<?php echo $image; ?>" alt=""/> 
    </div>

Answer 4

正如 bvandrun 指出的那样，您的图片链接应该是这样的

<img class="mainImg" src="<?php bloginfo(template_url); ?>/<?php echo $image; ?>

我强烈建议将 MagicFields wordpress 插件用于自定义字段。一旦你设置了一个页面。