Php 如何将letting.js与Drupal 7一起用于站点名称？

我正在尝试在我的新Drupal 7网站的网站名上使用letting.js。以下是我迄今为止所做的工作：

我从Github下载了这个文件，并将它放在一个名为scripts的文件夹中。（看起来是这样的/sites/all/themes/mythimename/scripts/jquery.letting.js）

然后，我使用以下语法“scripts[]=scripts/jquery.letting.js”将脚本添加到主题的信息文件中。当我查看页面源代码时，可以看到脚本正在加载

我遇到的问题是如何称呼它。我一直在阅读网站上的文档，但我仍然感到困惑。我假设我应该将调用放在template.php中，并且我可以使用$site_name访问站点中的站点名称，但是我不确定从那里去哪里

---

感谢所有能提供建议的人。

lettering.js所做的就是将文本拆分为多个跨距

<p>Hey</p>

---

展开上一个答案

可以使用template.php中的drupal_add_js（）添加javascript：

drupal_add_js($path_to_theme . '/scripts/jquery.lettering-0.6.1.min.js');

上面提到的附加脚本可以添加到page.tpl.php，如下所示

<script>
(function ($) {
  Drupal.behaviors.headline_lettering = {
    attach:function (context, settings) {
      $(".lettering:not(.lettering-attached)", context)
         .addClass('lettering-attached')
         .lettering();
    }
  }
})(jQuery);
</script>

（函数（$）{
Drupal.behaviors.headline_字体={
附加：功能（上下文、设置）{
$（“.letting:非（.letting attached）”，上下文）
.addClass（“随附字母”）
.字母（）；
}
}
})（jQuery）；

我没有在脚本中添加.h1，然后我只需要在任何文本中添加一个类“字母”，字母将被应用

然后可以使用来调整每个字母的位置。它生成需要包含在页面上的CSS

(function ($) {
  Drupal.behaviors.headline_lettering = {
    attach:function (context, settings) {
      $("h1.lettering:not(.lettering-attached)", context)
         .addClass('lettering-attached')
         .lettering();
    }
  }
})(jQuery);

drupal_add_js($path_to_theme . '/scripts/jquery.lettering-0.6.1.min.js');

<script>
(function ($) {
  Drupal.behaviors.headline_lettering = {
    attach:function (context, settings) {
      $(".lettering:not(.lettering-attached)", context)
         .addClass('lettering-attached')
         .lettering();
    }
  }
})(jQuery);
</script>