Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS WordPress layout CSS content/sidebar wrap naming suggestions?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #166605
    christianmagill
    Participant

    I am currently working on a base theme to use for my WordPress projects. I’ve been settling on a structure.

    I’m looking for a good name that makes sense for the wrap of the content and the sidebar(s). Currently all my main blocks follow the class format of “.site-…” and I’d like to keep that format.

    I know I could do something like “.site-content-sidebar-wrap” but I’m looking for something a little simpler that makes sense.

    If you have any suggestions I’d love to hear them

    <div class="site">
        <header class="site-header"></header>
        <nav class="site-navigation"></nav>
        <div class="site-?">
            <main class="content">
                <article class="entry">
                    <header class="entry-header"></header>
                    <div class="entry-content"></div>
                    <footer class="entry-footer"></footer>
                </article>
            </main>
            <aside class="sidebar sidebar-primary"></aside>
            <aside class="sidebar sidebar-secondary"></aside>
        </div>
        <footer class="site-footer"></footer>
    </div>
    #166622
    christianmagill
    Participant

    Thanks for your input.

    I’m trying to keep to using classes to make CSS specificity a little easier to handle.

    The link you referenced is actually xhtml and not html5. At the top of the page it mentions that it will soon be updated to html5.

    If you check the link below you will see that article and aside are new structural elements in html5 designed to allow for more semantic markup.

    http://www.w3schools.com/html/html5_new_elements.asp

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.