Plugin Now Available

We’ve taken the child theme and have made it a plugin for your Twenty Ten theme! So, if you have a Twenty Ten child and want it to be responsive, just use the plugin.

Go To The Plugin Page

This entry was posted in Uncategorized and tagged , , . Bookmark the permalink.

4 Responses to Plugin Now Available

  1. Diana says:

    Hi there, thanks for Responsive 2010!

    I think would be great to submit this plugin to WordPress repository plugin.

  2. Wobble says:

    A bug in style.css, to reproduce add widgets to all 4 footer-areas and resize, the fourth will be wrapped down much too soon because the margin-right: 20px; of first-third is not responsive.

    Wrong:

    #footer-widget-area .widget-area,
    #site-generator,
    #site-description {
    width: 23.40425535%; /* 200px / 940px */
    }

    Fixed:

    #footer-widget-area .widget-area,
    #site-generator,
    #site-description {
    width: 23.40425535%; /* 220px / 940px */
    }
    #footer-widget-area .widget-area {
    margin-right: 2.12765957%; /* 20px / 940px */
    }

  3. Wobble says:

    Three more similar “hardcoded px” bugs in style.css, fixed code (‘was:’ is old code) :


    @media only screen and (min-width: 481px) and (max-width: 1024px){
    #wrapper {
    margin: 2.12765957% auto; /* 20px / 940px */ /* was: 20px auto; */
    ...
    }
    ...
    #content {
    ...
    margin: 0 29.787234% 0 2.12765957%; /* 20px / 940px */ /* was: 0 29.787234% 0 20px; */
    }
    ...
    }
    @media screen and (max-width: 660px) {
    #wrapper {
    margin: 0.53191489% auto; /* 5px / 940px */ /* was: 5px auto; */
    ...
    }

  4. Wobble says:

    As I am getting familiar with the responsive thing now, here one more bug:

    There is already a ‘cosmetic’ max-width ‘limit’ of the #access div in place, but the real reason is a margin-left from the twentyten default styles.

    Wrong:

    ...
    @import url("../twentyten/style.css");

    #wrapper,
    #access,
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #footer {
    width: 940px;
    }

    #access {
    max-width: 940px;
    }
    ...

    Fixed:

    ...
    @import url("../twentyten/style.css");

    #wrapper,
    #access,
    #colophon,
    #branding,
    #main,
    #footer {
    width: 940px;
    }

    #access .menu-header,
    div.menu {
    width: 928px; /* take into account the margin-left 12px */
    }
    ...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>