图像没有显示在Wordpress自定义页面模板上

时间:2013-08-28 08:36:35

标签: php image wordpress templates

这是图片未显示的错误页面,http://kokas.x10.mx/?page_id=64

我创建了一个名为sharing-page.php的文件,将其放在我的活动主题下,然后将其应用到页面中。我还将图像文件夹放在与php文件相同的级别。我的图片代码就像这个<img src="images/facebook.png" alt="Facebook" />,但显然有些问题。

sharing-page.php文件的内容

<?php
/*
Template Name: Sharing
*/
?>
<div id='page-wrap-sharing'>
    <header>
        <h1>Nodig je vrienden uit</h1>
        <h2>Nodig je vrienden uit en verdien geld bij elke verzoek.</h2>
    </header>
    <div id='main-content-sharing'>
        <section id='share-buttons'>
            <h3>Sociale netwerken</h3>
            <h4>Stuur een uitnodiging naar al je vrienden op sociale netwerken.</h4>
            <ul>
                <li><a href="http://www.facebook.com/sharer.php?u=http://fray.it" target="_blank"><img src="images/facebook.png" alt="Facebook" /></a></li><!-- Facebook -->                
                <li><a href="http://twitter.com/share?url=http://fray.it" target="_blank"><img src="images/twitter.png" alt="Twitter" /></a></li><!-- Twitter -->
                <li><a href="https://plus.google.com/share?url=http://fray.it" target="_blank"><img src="images/google.png" alt="Google" /></a></li><!-- Google Plus -->
                <li><a href="mailto:?Subject=Welcome to Fray&Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://fray.it"><img src="images/email.png" alt="Email" /></a></li><!-- Email -->
            </ul>   
            <p>We delen je contacten met niemand zonder jou toestemming.</p>
        </section>
    </div>  <!-- END main-content -->
</div>

<?php get_footer(); ?>

2 个答案:

答案 0 :(得分:3)

如果您的images文件夹位于主题目录根目录中:wp-content/themes/yourtheme/images/,请使用get_template_directory_uri()

<img src="<?php echo get_template_directory_uri(); ?>/images/facebook.png" 
    alt="Facebook" />

答案 1 :(得分:0)

或者你可以使用它:

 <?php bloginfo('template_url'); ?>/images/file_name.*