Support » Installing WordPress » Riddle me this! Templates stucture and CSS with static folders

  • elyonline

    (@elyonline)


    I have yet to find a concise answer to my problems so I will ask them again in plain English.

    I have created my template as described in various read-me’s and helpful sites.

    What I need to know relates to how on earth I use my CSS for static folders that are outside of the WP folder.

    Option 1: Do I call every file from style.css even if that file is outside of WP? Doing this gives me images paths with ../../../../images/something.png.

    Otpion 2: Do I put my whole website inside my template folder!

    Option 3: Do I use 2 css files – one for template and one for folders (images) outside of WP folder?

    I really am not sure what is the best option here.

    Surely I can’t be the only person who has had this trouble 🙂

    Can you help?

    Many thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Root

    (@root)

    You can do whatever seems best. There is no simple best practice because we do not know the ins and outs of your file structure.

    elyonline

    (@elyonline)

    This is my current structure. There must be people with this structure. I just wondered how they done it.

    index.php
    /WP/
    /CSS/
    /IMAGES/
    /INCLUDES/
    /ABOUT/
    /EVENTS/
    /HISTORY/
    /CONTACT/

    thanks

    Lorelle

    (@lorelle)

    Okay, just let me understand. Are you talking about categories within WordPress or static folders within your site’s root directory?

    It looks like folders within the root, so if you have non-WordPress php or html files in there, and you want them to all share the same CSS file, then you just add the link in the <head> of every non-WordPress file like this:

    <style type="text/css" media="screen">
    @import url('/wp-content/themes/mytheme/style.css');
    </style>

    or

    <link rel="stylesheet" type="text/css" media="screen" href="/wp-content/themes/mytheme/style.css" />

    Or whatever your URL address is.

    If you want something different, just change the css file name.

    moshu

    (@moshu)

    elyonline

    (@elyonline)

    moshu: Yes but as I mentioned nothing was conclusive. I mean I have been trying to get this fixed for over a week now.

    Lorelle: Yes static pages. So there is nothing wrong will calling images out of WP root then even it they do a root path of ../../../../images/pix.jpg

    Thanks for your efforts

    TechGnome

    (@techgnome)

    Moderator

    If you start it off with / instead of .. then it gets you right to the root.
    Soooo, if you want something that is in your images folder off of the root…. it would be:
    /images/pix.jpg
    instead of
    ../../../../images/pix.jpg

    Tg

    elyonline

    (@elyonline)

    TechGnome: Great stuff thanks. I knew that but I was so stressed I couldn’t see it 🙂

    OK I really feel I am getting somewhere now 🙂

    I see no mention of this line in the new WP.

    ‘// Uncomment the next line if you want to track blog updates from weblogs.com’
    ‘// include_once(ABSPATH.WPINC.’/links-update-xml.php’);’

    This is at the top of the page. Is it not no longer needed?

    On the static pages do I need to call this as well? ‘require_once(‘../news/wp-blog-header.php’);’ or just the stylesheet call?

    Many thanks

    elyonline

    (@elyonline)

    Thanks guys – I finally got it working 🙂 took a while though 🙂

    but what if i am using theme switcher.. can i put this:

    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>

    ??? i have an iframe in my static page. now i need to use the .css of the theme the user chose and use it as the style.css for the page inside the iframe.. is this possible?

    i dont see it as possible.. huhuhu.. anyone help me?

    There aren’t iframe experts around here – AFAIK 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Riddle me this! Templates stucture and CSS with static folders’ is closed to new replies.