WordPress儿童主题呼叫图像

时间:2016-05-10 作者:Sebastian

我使用的是子主题,但它不显示任何图像。我正在读一本书,书中提出了以下建议:“从父主题和子主题中调用图像是有区别的:

对于父主题:

    <?php echo get template_directory_uri(); ?>  
对于子主题:

    <?php bloginfo(\'stylesheet_directory\'); ?> 
不幸的是,这本书没有说明应该在哪里插入相关代码<有什么想法吗。

2 个回复
SO网友:klewis

如果您有一个子主题,并试图将该文件位置的图像引用到自定义主题中,则可以尝试以下操作。php文件。。。

<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/your-custom-image.jpg" />
只要确保在您的子主题位置中,您确实有一个子文件夹结构。。。

资源->图像

SO网友:Pim Schaaf

通过WordPress上传的图像保存到/wp-content/uploads/ 独立于主题或子主题,通常通过辅助函数(例如。the_post_thumbnail()) 将输出HTML,包括图像路径。因此,我不认为这就是你想要做的。

相反,我假设您正在尝试加载(静态)资产,例如。/wp-content/(child-)theme/assets/images/. 这可以在主题的任何地方进行,例如在模板中;比如说home.php. 我在上找到了描述https://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri 非常有用。

在模板中,可以执行以下操作:

子主题语法:

<body>
     <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/image.png" />
</body>
如果正在使用子主题,此函数将返回子主题目录URI。使用get_template_directory_uri() 避免被子主题覆盖。

对于父主题,语法为:

<body>
    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/image.png" />
</body>
将脚本或样式表排入functions.php:

/*
 * Enqueue a script with the correct path.
 */
function wpdocs_scripts_method() {
    wp_enqueue_script(
        \'custom_script\',
        get_template_directory_uri() . \'/js/custom_script.js\',
        array(\'jquery\')
    );
}
最后一个代码示例由bhlarsen于https://developer.wordpress.org/reference/functions/get_template_directory_uri/

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {