Joomlaの原始星のテンプレートで外部JSとURLをロードする方法

Question

私は、次のURLで見つかったのと同様、私のJoomlaの原始星のテンプレートにハンバーガーメニューを追加するために探していますが：

['https://codepen.io/PaulVanO/pen/GgGeyE'] 

これは私が持ってできるようになります私のデスクトップとモバイルスクリーン用の全画面ハンバーガーメニュー。私が抱えている問題は、上のリンクからのファイル内に3つのリンク、2つの外部JSファイル、1つのCSSファイルがあり、これをどのようにしてProtostarテンプレートに書き込むことができるのか分かりません。

<link rel='stylesheet prefetch' href='http://daneden.github.io/animate.css/animate.min.css'> 
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script src='http://cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js'></script> 
<script src="js/index.js"></script> 

誰かが私は私がJoomlaの中にこれを構築するためには、私のファイルに上記のスクリプトを追加することができますどのように助言することができれば、私はそれを本当に感謝：次は3つのリンクです。

現在、私はJoomlaバージョン3.8.2を使用しています。

ありがとうございます。ここ

Answer 1

がmanual

<?php 
$document = JFactory::getDocument(); 
$document->addScript('/media/system/js/sample.js'); 
$document->addStyleSheet("/joomla/components/com_mycustomcomponent/css/mytooltip.css",'text/css',"screen"); 
?>