Contributing CSS stylesheets and templates

  • As part of my learning about CSS I’ve been running through some tutorials. As a result I’m building up a collection of index.php/stylesheet.css combinations which I’ll happily share.
    You guys may have already figured all this out but, I have some questions.
    Q1. how are we going to share them (link from my webpage or send em to you or what)?
    Q2. Should contributed stylesheets merely work on the default index.php (limited) or can/should we use the same functions in index.php but play with ordering and div’s?
    Q3. Should new contibuted index.php be renamed (e.g. nested-float.php)
    Q4. What about idiosyncracies in the default index.php. Two I hate are the hardcoded get_archives(‘monthly’) which ignores the admin panel and the calendar is left out altogether.
    Q5. Currently the default WordPress setup is for the stylesheets to be in the root directory. I don’t like that on my site (as I build tests they clutter the directory).
    So I’d favor calling the contributed index be called description.php and the css in /styles/description.css but only if WP devteam are looking at supporting that. Otherwise I’ll stick the contributed versions in the root.
    Hope this is clear.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Ideally index.php should remain exactly the same and just the CSS should change. Those are the themes we’re going to offer for people to easily try out.

    Have you considered using the “bg-image to replace text” CSS trick in your stylesheets/themes? If the dev team does this in the code, it would allow much more flexible theming. To explain for those that don’t get it, go here: https://www.stopdesign.com/also/articles/replace_text/
    <quote>We write a short string of text (eg. “Hello world!??) and surround it with two sets of basic HTML tags. Then we use CSS to hide the HTML text and display a background image containing the exact same words instead of the original text.</quote>
    The code to do this is this:
    <pre>
    <!– the html –>
    <h1><span>Hello world!</span></h1> <!– note the span –>
    <!– the css –>
    h1 { background-image:url(“hello_world.gif”); }
    span {display:none;}
    </pre>
    Ok, now that you understand it–go to CSSzengarden to REALLY see what can be done with it. https://www.csszengarden.com. Prepare to be blown away.

    There are new techniques that allow this without the extra span and I would rather people use those than add cruft to the markup, see https://www.mezzoblue.com/tests/revised-image-replacement/ . I like the phark method.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contributing CSS stylesheets and templates’ is closed to new replies.