page.tpl.php 中的 Drupal 图像答案

【问题标题】：Drupal images in page.tpl.phppage.tpl.php 中的 Drupal 图像
【发布时间】：2015-05-18 23:39:00
【问题描述】：

我是 Drupal 和 Bootstrap 的新手，我正在尝试将图像以及文本和内容添加到我的网站正文中。

我们一直在修改 filenamehere > docroot > sites> all > Themes > subtheme_bootstrap > templates 中的 page.tpl.php 文件以更改站点的正文。我们在 page.tpl.php 站点中使用的所有 HTML 都有效，除了添加图像。

为了添加图片，我们在 page.tpl.php 文件中使用了 html 标签<img src="link" alt="lol />，如下所示：

<div class = "container-fluid">
    <div class = "jumbotron bodygrey">
      <img src="../images/benefits_orange.png" alt="picture" width="300" height="320">
    </div>
</div>

但是，当显示具有正确宽度和高度的图像框架以及 alt 标题时，图像本身不会显示。我也尝试从网站添加一个链接，以防我输入了错误的目录，但同样的事情发生了。谁能告诉我出了什么问题？

【问题讨论】：

当您检查图像时（开发者工具），它会出现吗？我赌的是不正确的道路。
是的，确实如此。我还尝试添加来自网站的链接作为 img src，以防出现问题，但图像也没有显示。
那真的很奇怪！目录结构是什么样的？
图像文件是 docroot > 站点 > 所有 > 主题 > subtheme_bootstrap > 图像 > benefit_orange.png。 php 文件是 docroot > 站点 > 所有 > 主题 > subtheme_bootstrap > 模板 > page.tpl.php
您不能使用显示在不同页面 (URL) 上的图像的相对路径。您必须在 HTML img 标记中使用绝对路径。使用类似<?php echo theme('image', array('path' => drupal_get_path('theme', 'subtheme_bootstrap') .'/images/benefits_orange.png')); ?>

标签： drupal drupal-theming

【解决方案1】：

在图像路径中使用$directory 变量。它指向当前主题目录：

  <img src="<?php print $directory ?>/images/benefits_orange.png" alt="picture" width="300" height="320">

轻松搞定

【讨论】：

【解决方案2】：

如上所述，您不能在 page.tpl.php 中使用相对路径，只能在 CSS 中使用，因为当呈现 HTML 时，它会尝试从您网站的根目录开始查找该图像。相反，您可以像这样使用 Drupal theme("image") 函数：

<?php echo theme('image', array('path' => drupal_get_path('theme', 'subtheme_bootstrap') .'/images/benefits_orange.png')); ?>

这将转化为： /sites/all/themes/subtheme_bootstrap/images/benefits_orange.png

【讨论】：