วิธีใส่สคริปต์ function.php ใน wordpress

[Rockfather]

ถ้าใน wordpress ไฟล์ footer.php ของผมแทรกสคริปต์ไว้ล่างสุดแบบนี้ ผมจะจับไปยัดไว้ใน function.php ผมต้องเขียนยังไงครับ

โค้ด เลือก ขยาย


<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>

<script>
(function ($) {
$(document).ready(function(){
$(".navbar").show();

$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 80) {
$('.navbar').fadeOut();
} else {
$('.navbar').fadeIn();
}
});
});
});
}(jQuery));
</script>


[postmunnet]

ถ้าใน wordpress ไฟล์ footer.php ของผมแทรกสคริปต์ไว้ล่างสุดแบบนี้ ผมจะจับไปยัดไว้ใน function.php ผมต้องเขียนยังไงครับ

โค้ด เลือก ขยาย


<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>

<script>
(function ($) {
$(document).ready(function(){
$(".navbar").show();

$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 80) {
$('.navbar').fadeOut();
} else {
$('.navbar').fadeIn();
}
});
});
});
}(jQuery));
</script>


โค้ด เลือก ขยาย


<?php
function wp_insert_js_script() {
    wp_enqueue_script( 'wow', get_template_directory_uri() . '/js/wow.min.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wp_insert_js_script' );

function insert_script_footer(){ 
?>
<script>
new WOW().init();
</script>

<script>
(function ($) {
$(document).ready(function(){
$(".navbar").show();

$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 80) {
$('.navbar').fadeOut();
} else {
$('.navbar').fadeIn();
}
});
});
});
}(jQuery));
</script>

<?php } 

add_action('wp_footer', 'insert_script_footer'); 
?>


ที่เหลือลองมั่วๆ ดูนะครับ

[Rockfather]

ขอบคุณนะครับผม   

[jarankan]

 

[fangbif]

ควรทำเป็นแบบ child theme  นะคะ