How to make sure relative URL works when site is not on root domain?

Question

I just tried installing my theme on another WP install that lies in a subdirectory of the domain. I never really thought too hard about subdirectories, but it does happen so I know I need to change it. Absolute URLS aren't feasible since I plan on distributing the theme.

The catch here is that the URL needs to work inside of an array more specifically with some themes settings. Here is how they look.

function mytheme_get_theme_mods() {
    $defaults = array(
        'mytheme_header_logo'  => '/wp-content/themes/mytheme/img/logo.png',
        'mytheme_footer_logo'  => '/wp-content/themes/mytheme/img/footerlogo.png',
        'mytheme_middle_image' => '/wp-content/themes/mytheme/img/middleimg.png'
    );
    return $defaults;
}

Can anyone help me out?

Answer 1

Make use of the functions wordpress offers to determine paths and URLs - see Determining Plugin and Content Directories. For example use:

• get_template_directory to

  Retrieves the absolute path to the directory of the current theme, without the trailing slash.

• or get_stylesheet_directory to

  Retrieve stylesheet directory Path for the current theme/child theme.

You find more information on the linked codex page about determining directories.

---

Edit: In response to the comment.

This is how I'd do it:

function mytheme_get_theme_mods() {
    $tpl_dir_pth = get_template_directory();
    $defaults = array(
        'mytheme_header_logo' => $tpl_dir_pth . '/img/logo.png',
        'mytheme_footer_logo' => $tpl_dir_pth . '/img/footerlogo.png',
        'mytheme_middle_image' => $tpl_dir_pth . '/img/middleimg.png'
    );

    return $defaults;
}

Of course I don't know if the absolute path actually is what you want.