【问题标题】:How can I get the image url in a Wordpress theme? [duplicate]如何在 Wordpress 主题中获取图片网址? [复制]
【发布时间】:2011-03-16 19:55:25
【问题描述】:

我正在为 wordpress 开发一个主题。我在“图像”文件夹中有很多图像。但是当我在浏览器中打开页面时,它并没有出现。

我的代码是

index.php

<ul>
<li><a href="#"><img src="images/mindset.jpg" width="145" height="32" /></a></li>

wordpress中是否有获取图片路径的功能?

【问题讨论】:

  • 可以试试 /

标签: php wordpress


【解决方案1】:

我强烈推荐以下内容:

<img src="<?php echo get_stylesheet_directory_uri(); ?>/img-folder/your_image.jpg">

它适用于您想要添加到 wordpress 项目的几乎任何文件,无论是图像还是 CSS。

【讨论】:

  • 欢迎来到 SO。尽管我们感谢您的回答,但如果它在其他答案之上提供额外的价值会更好。在这种情况下,您的答案不会提供额外的价值,因为 Ian 已经发布了该解决方案。如果之前的答案对您有帮助,那么您应该在获得足够声誉后投票。
【解决方案2】:

如果您的 img 文件夹在您的主题文件夹中,请按照以下示例进行操作:

<img src="<?php echo  get_theme_file_uri(); ?>/img/yourimagename.jpg" class="story-img" alt="your alt text">

【讨论】:

    【解决方案3】:

    如果您正在开发一个子主题,您可以使用:

    <img src="<?php echo get_template_directory_uri(); ?>-child/images/example.png" />
    

    get_template_directory_uri() 会将 url 返回到您当前活动的主题(父主题),然后添加 -child/,然后将路径添加到您的图像(上面的示例假设您的图像位于 @987654322 @)

    【讨论】:

      【解决方案4】:

      get_template_directory_uri();

      此功能将帮助您检索主题目录 URI,并且可以与您的图像一起使用,您的示例如下:

      <img src="<?php echo get_template_directory_uri(); ?>/images/mindset.jpg" />
      

      【讨论】:

      • 如果您使用的是子主题,此示例将不起作用。
      • 在使用父主题时工作。
      【解决方案5】:

      我必须使用样式表目录才能为我工作。

      <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/image.png">
      

      【讨论】:

      • 您可能使用了子主题。此函数指向已激活主题(您的子主题)的样式表目录,而get_template_directory_uri(); 将指向父主题目录(developer.wordpress.org/reference/functions/…),在这种情况下这将是错误的路径。但你的答案现在应该是公认的了。
      • 这是唯一一个对我有用的子主题
      【解决方案6】:

      您询问了功能,但也有更简单的方法。上传图片时,复制窗口右上角的 URL (View Screenshot) 并将其粘贴到 src='[link you copied]'。如果有人正在寻找类似的问题,希望这会有所帮助。

      【讨论】:

      • 请不要使用此解决方案。使用硬编码路径到您的徽标时会遇到一些问题,即当您将域更改为 SSL 或更改 wp-content - 目录时。尝试使用&lt;?php echo get_stylesheet_directory_uri(); ?&gt; 的解决方案。
      【解决方案7】:

      你需要使用

       <?php bloginfo('template_directory'); ?>
      

      它返回当前 WordPress 主题的目录。

      现在,例如,如果您的主题在 images 文件夹中的某个文件夹名称 subfolder 文件夹中有一些名为 example.jpg 的图像。

       themes
         |-> your theme
                |-> images
                      |->subfolder
                            |-> examples.jpg
      

      你可以这样访问它

       <img class="article-image" src="<?php bloginfo('template_directory'); ?> /images/subfolder/example.jpg" border="0" alt="">
      

      【讨论】:

      • 举个例子,这是这里最有帮助的答案!非常感谢!
      【解决方案8】:

      src="&lt;?php bloginfo('template_url'); ?&gt;/image_dir/img.ext"
      为我工作的 wordpress 3.6 我用它来获取标题标志使用 as

      <img src="<?php bloginfo('template_url'); ?>/images/logo.jpg">
      

      【讨论】:

      • 此答案与 2 年前发布的已接受答案相同。发布这个有什么意义?
      【解决方案9】:
      src="<?php echo base_url()?>your_theme_dir/image_dir/img.ext"
      

      还有

      src="<?php bloginfo('template_url'); ?>/image_dir/img.ext"
      

      【讨论】:

      • src="/imagelogo.gif" ????也不错?对我不起作用。适用于 css 但不适用于图像。
      • 如果您有子主题,这似乎指向父主题
      • 默认情况下,WordPress 不允许您在帖子或页面中运行 PHP 代码。那么你是怎么做到的呢?
      • @kble 不记得了,但谷歌搜索结果“wordPress 不允许你运行 PHP 代码”今天有
      • 作为附加选项,您可以使用&lt;?=base_url()?&gt; 代替&lt;?php echo base_url()?&gt;
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-27
      • 2018-07-21
      • 2013-07-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多