WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] common style sheets across network (13 posts)

  1. madivad
    Member
    Posted 4 years ago #

    I am running wordpress network and have several sites mainly using twenty ten (or twenty ten weaver) but also a couple of other themes as well. Premise is that predominantly one theme, bit not only one.

    Is there a way I can define (just once) a set of CSS styles that will be inherited down the chain? I don't mind (and would like) to be able to further style them in each theme as appropriate, but generically, I would like to have them created in one place...

    as an example, I might want to have a class for googlemaps, uploaded images and link styling that (as a rule) will be one way across all sites, but then able to be overwritten as required in each theme.

    Is there a way to do this?

    another reason for wanting my own styles separate is to avoid the main style being upgraded in an update

  2. Yep. Make your extra stylesheet, stuf it wherever. Plunk a file in the mu-plugins folder (/wp-content/mu-plugins/) that calls this file and inserts it in the head. ;)

    In this folder, it'll do it for all blogs.

    For css tweaks on individual blogs, get a css plugin.

    http://wpmututorials.com/plugins/css-editor-plugins/

  3. madivad
    Member
    Posted 4 years ago #

    Thanks andrea_r, you've now got me researching this further!

    I can include a php file that calls other plugins using the include or include_once functions, but how do I specifically call a style sheet?
    include ($mypath.'globalstyle.css'); I don't think will cut it since it will generate output, but where will it generate it?

    A related question: When exactly is this 'called' in the processing of compiling a page? To explain, if I create some style rules and include it here, will these style be overwritten by style.css or theme styles (because this is called first - preferred), or will my style be processed last and become the overriding style?

    (I am new to wordpress plugins, but I am a quick study).

  4. You won't be using an include, you'll be using a WordPress hook, and we'll "hook" this action in the header.php file over every theme. No, you won't have to edit themes as all of them (should) have a piece of php in there that looks like this:

    <?php wp_head(); ?>

    And THAT is where the link to your stylesheet will get inserted. :D In some themes it will be before the call to the stylesheet, in some after. Gotta do some checking there. It's good practice for theme devs to put that call after everything else, so hopefully most of them will be fine.

    For the nitty gritty: I already wrote a tutorial for this, except I was using hooking into the footer as an example.
    http://wpmututorials.com/plugins/how-to-hook-into-the-footer/

    Think you can take it from there? ;D

  5. madivad
    Member
    Posted 4 years ago #

    You are a god, that link explains EXACTLY what I am after.

    I haven't had time to implement it, I will do it tonight, but marked at [resolved] because your howto is perfect. I'm guessing from your link I would use the code:

    add_action('wp_head', your_function_name');
    as opposed to
    add_action('wp_headerer', your_function_name');

    head being the head section of the page template and header being the viewable theme header? Guessing, because I haven't played there before.

    Again, I'll have a look tonight, but thanks for your help. FANTASTIC!

  6. Yep, you'd use the wp_head function, cuz that's what WP is looking for. :)

    High fives!

  7. madivad
    Member
    Posted 4 years ago #

    I don't know where wp_headerer came from, but you got the idea. Thanks. I still haven't looked at it, and won't do until tomorrow. blah blah blah

    high five back at ya! thanks for your TOP work!

  8. madivad
    Member
    Posted 4 years ago #

    andrea_r, I say it once again, you are a (wordpress) God! I got this up and running PERFECTLY, actually turning it into a plugin that can be administered by the SuperAdmin, and also allow local edits for the local admins (ie stores those changes in their database)... That's a work in progress...

    But I have come to a screaming halt and would REALLY love your help on my latest problem:

    http://wordpress.org/support/topic/420575

  9. sspice313
    Member
    Posted 3 years ago #

    Hi,

    I am a noobie. So my question may be very very simple. But I need this to work for my header. I want to call a global stylesheet to change the way it looks.

    I look at the link for your other post and I tried to customize it. WordPress is still not recognizing my change. How do I actually call the stylesheet without an include?

    <?php

    /* We have to start our php with an opening statement.
    If we really want to be fancy we can add some things here in the comments to tell everyone what this does. */

    /*
    Plugin Name: glogalStylesheet
    Description: Adds whatever to the header
    Author: test
    Version: 1.0
    Author URI: test
    */

    function link_to_stylesheet() { ?>

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'globalstyle.css' ); ?>" />

    <?php }

    add_action('wp_head', 'link_to_stylesheet');

    /* Ta da! This is the magic line folks. Let's close up shop now. */
    ?>

  10. <?php bloginfo( 'globalstyle.css' ); ?>

    This is the part that's incorrect. It should be soemthing like this:

    <?php bloginfo( 'template_directory' ); ?>/globalstyle.css

    depending on where you put globalstyle.css. The example above woudl look in the theme's own folder.

    See http://codex.wordpress.org/Function_Reference/bloginfo for proper use of what you can call with that function.

  11. sspice313
    Member
    Posted 3 years ago #

    Hi Andrea,

    Thank for your response. But this didn't work as expected.

    I see the url "http://localhost/wordpress/events/wp-content/themes/twentyten/globalstyle.css" displayed on all the pages. Which isn't what I needed. I need to change the elements on the page using the stylesheet. Second, it is trying to find the file in the subdirectory "events". The file is located on the main directory.

    This is the change that I made. Did I miss something? Is there another function other than "bloginfo"?

    <?php

    /* We have to start our php with an opening statement.
    If we really want to be fancy we can add some things here in the comments to tell everyone what this does. */

    /*
    Plugin Name: glogalStylesheet
    Description: Adds whatever to the header
    Author: Lisa Noble
    Version: 1.0
    Author URI: http://www.ahealthiermichigan.org
    */

    function link_to_stylesheet() { ?>

    <?php bloginfo( 'http://localhost/wordpress/wp-content/themes/twentyten/globalstyle.css' ); ?>

    <?php }

    add_action('wp_head', 'link_to_stylesheet');

    /* Ta da! This is the magic line folks. Let's close up shop now. */
    ?>

  12. well, it's only putting out a link to the stylesheet because that's all you told it to do. You need to tell it that the link should be used as another stylesheet.

    And the code I gave you was the exact code to use. It's spewing out the wrong code for the link becasue you put in the full URL.

    function link_to_stylesheet() { ?>
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_directory' ); ?>/globalstyle.css ?>" />
    <?php }
    add_action('wp_head', 'link_to_stylesheet');

    That's the code exactly.

  13. sspice313
    Member
    Posted 3 years ago #

    Thank you! Thank you!!!!!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.