Question

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

我们一直在修改filenamehere中的page.tpl.php文件＆gt; docroot＆gt;网站及GT;全部＆gt;主题＆gt; subtheme_bootstrap＆gt;用于更改网站正文的模板。我们在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标题的图像的帧时，图像本身不显示。我也试过在网站上添加一个链接，因为我把它放在错误的目录中，但同样的事情发生了。谁能告诉我有什么问题？

Answer 1

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

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

Easy J

Answer 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

在page.tpl.php中的Drupal图像

2 个答案: