نگاه کنید کد های html را باید داخل یکی از فایل های قالب قرار بدید که می خواهید باکس متن داخل اون دیده شود. مثلا اگر بخواهید در همه صفحات باکس متن باشه می تونید کد های html را در فایل header.php قرار دهید. البته در برخی از قالب ها ساختار قالب به شکلی هست که باید کد های html را در فایل دیگری قرار دهید.
کد های JQuery هم می تونید بین تگ باز و بسته script مثل زیر در فایل header قبل از بسته شدن تگ head قرار دهید.
<script>
$( ".but" ).click(function() {
if( $('.box').hasClass('active') ){
$('.box').removeClass('active');
}else{
$('.box').addClass('active');
}
});
</script>
قبل از اجرای کد های JQuery هم حتما باید فایل فریم ورک JQuery در قالب لود شده باشد، در اکثر قالب ها این فایل قبل از بسته شدن تگ head لود می شود.
کدهای CSS هم می تونید در انتهای فایل style.css قرار دهید.