How to use my style.css file outside of wordpress subdomain?

Question

I am building a wordpress theme from scratch on a subdomain and I want to use the same CSS files across my entire site. My problem is linking my wordpress PHP files (which are on the subdomain) to my CSS files (which are on the main domain).

I have tried going into theme.php and changing the ['/style.css'] to an absolute reference such as 'http://diginomics.com/css/style.css' but it doesn't work.

function get_stylesheet_uri() {
    $stylesheet_dir_uri = get_stylesheet_directory_uri();
    $stylesheet_uri = $stylesheet_dir_uri . '/style.css';

I am assuming my subdomain doesn't have permissions to access my root folder or something is simply wrong with the syntax. I would like to link my wordpress theme to all my CSS files and frameworks and use theme site wide and on all my subdomains.

Also, what would the solution be to link my Javascript files site-wide as well?

Answer 1

If you're using an absolute reference like that, you'd want to include the full file path, like http://diginomics.com/wp-content/themes/THEMENAME/css/style.css

I believe any time you call the functions like get_stylesheet_directory() or get_stylesheet_directory_uri() it will return the path for the current theme.

Just keep in mind that all themes need a style.css file.

I would have posted this in a comment but I'm not allowed yet.

Answer 2

@import is not good solution AFAIK it takes a bit more time to download @import link and then process it, so you gonna have a little bit of network bottleneck. I'd go with default style.css file where you have all wordpress required meta data and then renamed diginomics.com/css/style.css to gobal.css and linked it with absolute link. Such semantic naming is a good practice and defo would help you in.

Your code would look something like that:

function MyAdditionalStyles() {

     wp_enqueue_style( 'your-speacial-style-name', 'http://diginomics.com/css/GLOBAL.css' );
     wp_enqueue_style( 'your-second-speacial-style-name', 'http://diginomics.com/css/ANOTHER-GLOBAL.css' );

     wp_enqueue_script( 'your-script-name', 'http://diginomics.com/js/GLOBAL.js' );
}

add_action( 'wp_enqueue_scripts', 'MyAdditionalStyles' );

Here is a good read :) http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Good luck