get_theme_file_uri does not work for scripts…

The GitHub link you shared for your theme isn’t accessible. For including JS files, try using wp_enqueue_script() in your functions.php.

function my_custom_script() {
    wp_enqueue_script( 'registered-script', get_template_directory_uri() . '/js/my-script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_script' );

This will properly load your JavaScript file at the bottom of your HTML, which is generally a good practice.

• This reply was modified 2 weeks, 3 days ago by Sukhendu Sekhar Guria.

I took a look at the view-source of your site, and I noticed something important: your JS files are being hard-coded with relative paths rather than using WordPress functions. This explains the behavior you’re seeing!

When you use relative paths in WordPress, they’re relative to the site root, not your theme directory. That’s why you’re seeing URLs like https://learning-test.local/js/plugins/swiper.min.js instead of https://learning-test.local/wp-content/themes/TERAFORMED/js/plugins/swiper.min.js.

• This reply was modified 2 weeks, 3 days ago by Sukhendu Sekhar Guria.
• This reply was modified 2 weeks, 3 days ago by Sukhendu Sekhar Guria.

Oh im sorry i didn’t make it public also i did enqueue the links but it still doesn’t work

you should remove the hardcoded js scripts

Try using jQuery(document).ready(function ($) { in your main.js file

This way, $ will be recognized as the jQuery function within that scope. And i tried it and it worked

Also, you need to fix the image links in your HTML(index.php). Currently, they’re using relative paths like this

<img src="img/blog/1.jpg" alt="cover">

You should change them to use the correct WordPress functions, like this

<img src="<?php echo get_theme_file_uri('/img/blog/1.jpg'); ?>" alt="cover">

thanks for looking it up, there are no static links as you can see neither in my main.php nor my footer.php I don’t know how you are seeing them like that

It’s in the index.php file

https://github.com/apexdigitalreaper/apex-digital-theme/blob/3328ef4c1065fb264c6368d76e2ef5ab817291f5/teraformed/index.php#L261

Yeah the images are something i will fix but why are the scripts not loading

The scripts are loading correctly, but there’s an error in your main.js file located in the js folder. It shows “Uncaught TypeError: $ is not a function” for this line. This issue likely arises because WordPress uses jQuery in no-conflict mode by default, meaning the $ shortcut may not be available unless you explicitly use it in a jQuery context.

To fix this, you can either use jQuery directly, or wrap your code like this:

jQuery(document).ready(function ($) {
    // Your code here
});

• This reply was modified 2 weeks, 1 day ago by Sukhendu Sekhar Guria.