How to link my own .css and .js to wordpress?

Solution:1

If your script depends on jquery use wp_enqueue_script() third argument as below.

wp_enqueue_script( 'reference-script', get_template_directory_uri() . '/own-vc-elements/references/reference-script.js', array('jquery'));

If is not works again check your script path and check your browser console for 404 error.

In wp_enqueue_style() function parameter replace get_stylesheets_directory_uri() with get_stylesheet_directory_uri() – there is an extra s character -. Also note that you can use get_template_directory_uri() instead of get_stylesheet_directory_uri().

update

Above code solves the assets load problem.

Another problem in cases like this case is file permissions. Set read permission to files and its parents directory solves the problem.

Solution:2

Depends if you want to add your CSS or JS conditionnaly. If you want them to be included in all files, just use the functions.php page of your theme folder, and add :

            function your_scripts() {
                    wp_register_script('yourscriptname', '/PATH/TO/YOUR/SCRIPT.js', false);
                    // This registers your script with a name so you can call it to enqueue it
                    wp_enqueue_script( 'yourscriptname' );
                    // enqueuing your script ensures it will be inserted in the propoer place in the header section
            }
            add_action('wp_enqueue_scripts', 'your_scripts');
            // This hook executes the enqueuing of your script at the proper moment.

For the stylesheet, proceed this way :

            function your_css() {
                wp_register_style( 'nameofyourCSSsheet', '/PATH/TO/YOUR/STYLESHEET.css' );
                wp_enqueue_style( 'nameofyourCSSsheet' );
            }
            add_action( 'wp_enqueue_scripts', 'your_css' );
            // same hook is used to enqueue CSS sheets