WP-Forge Updated to v5.2.0

Yesterday Zurb announced they had updated Foundation to v5.2.0.

So this morning I took the time to update WP-Forge to the same version, Foundation v5.2.0. There are some changes that I have made throughout the theme as well. You can refer to the change log for some of these changes or you can refer to the latest commit on Github.

If you have any questions, comments or run into any issues, please let me know as quickly as possible. Enjoy!

15 thoughts on “WP-Forge Updated to v5.2.0

  1. That was quick Thomas!… I’m just testing 5.1.1 the other day and saw the 5.2 update from Zurb folks and wondered, if WP-Forge will be updated soon… πŸ™‚

    FYI, I compared a bunch of Foundation-based WP themes, including Reverie and Cornerstone, and settled on yours as my starter theme. Love the integrated off-canvas and wonder if you’ll offer that functionality for the desktop view as well.

    On top of the great stuff you’ve done, I’m hoping to see a powered up http://wordpress.org/plugins/easy-foundation-shortcodes/ that makes it easy to, for example, insert URLs of different sized images, or different HTML partials (assuming that Interchange is added there first) inside the shortcodes.

    Also about to dip into a more streamlined workflow when working with Foundation. Thinking http://alphapixels.com/prepros/ and http://mixture.io/ next. Hopefully you’ll have the SASS version ready soon. No pressure! πŸ˜€

    But really, I have quite enough to play around with the CSS version already. πŸ™‚

    Your next drink is on me mate. πŸ˜‰

    • Hi Bowo,

      Thank you for the drink πŸ™‚ – I have always been a big fan of people who provide speedy updates and thought to myself, this is something that I need to do with WP-Forge. I do, however, need to take my time when doing an update. I get so excited that I overlook things then have to go back and redo them over again…lol

      I was thinking the other day about possibly doing something with Off-Canvas, other than the menu. Its something floating around and I may be doing something soon.

      Also I have another little project that I have been working on in regards to WordPress and Foundation. Hopefully I will be able to share it with everyone shortly, so stay tuned and keep an eye out as i think everyone will enjoy it.

      Sass? well all I can say is, again, soon πŸ˜‰

      • Hahaha… well… at least I tried!…. Guess I’ll stay curious and imaginative while I wait for the official announcement. Surprise me! πŸ™‚

        p.s. I noticed that after receiving the email update on new replies/comments, and visit this page, it’s not showing on the page until I hit F5/refresh. Something to do with your cache mechanism?

  2. Awesome Thomas. Quick as hell πŸ˜‰
    Just one more thing: I just started to play around with it yesterday (need to update right now) and recognized there is no px fallback for the rem units, right?

    So IE 8 will not be supported? I personally have no pain with that but my customers might have πŸ˜‰

    And by the way: For themes I create and give away I really prefer the CSS version over the SASS version because “normal users” might be able to do small edits in the CSS but they are not confortable with SASS.

    • Hi Michael,

      You are correct, WP-Forge strictly follows (or at least I hope she does) Foundation’s lead.

      However you may want to take a look at this and see if it may help you out: http://foundation.zurb.com/forum/posts/241-foundation-5-and-ie8

      And you are correct, I was thinking about it last night, and again this morning. If you look at the counter on the download button, it says over one thousand times. Out of those thousand I believe only a fraction of people, maybe like 5, have requested SASS.

      Hmmmm, this is making me rethink the SASS issue. Thanks for that Michael, I appreciate it πŸ˜‰

      • Hi Thomas,

        I might have missed it but where can I find some kind of calculation help for the rem values. Calculation for the textsizes is pretty simple I guess but I donΒ΄t really get the calculation for margins and paddings for example.

        Any idea?

  3. I found the original calculation in twentytwelve:

    $rembase: 14;
    $line-height: 24;

    ———- Examples

    • Use a pixel value with a rem fallback for font-size, padding, margins, etc.
      padding: 5px 0;
      padding: 0.357142857rem 0; (5 / $rembase)
    • Set a font-size and then set a line-height based on the font-size
      font-size: 16px
      font-size: 1.142857143rem; (16 / $rembase)
      line-height: 1.5; ($line-height / 16)

    ———- Vertical spacing

    Vertical spacing between most elements should use 24px or 48px
    to maintain vertical rhythm:

    .my-new-div {
    margin: 24px 0;
    margin: 1.714285714rem 0; ( 24 / $rembase )
    }

    Assuming the rem base in WP-Forge is 16px I need to calculate everything like that:

    If I like to use padding: 5px 0;

    padding: 0.3125rem 0; (5 / 16)

    • Hey Michael,

      Yeah you could use that but the calculation I was referring to was located in the foundation css file at one time. I believe in the 5.0 release or after. Not sure if its the same one that Foundation uses.

      In Twenty Twelve the calculation is based on 14px. I stripped it out because at the time I built WP-Forge I had no idea what rem was, then I figured it out.

      Let me know if what you got from Twenty Twelve works for you.

      • I tested it with 16px rembase and as far as I could see it worked. So if you calculate px divided by rembase you get the rem result. Simple as that.

        Example:

        10px margin would equal 0.625rem

        10/16 = 0,625

        Or 40px padding would equal 2.5rem

        40/16 = 2.5

        I set the the total width of the wrapper to 1040px = 65rem

        1040/16 = 65

        One more thing: I saw there are still several px values in the theme CSS like this one:

        .author-info {

        padding:20px 0;
        }

        and this

        .wp-caption .wp-caption-text,
        .gallery-caption,
        .entry-caption {

        font-size: 12px;

        }

        Any specific reason for that?

        • Actually no, there is no reason. I just haven’t had the chance to go through and change them all πŸ˜‰ – As a side note, If you look at foundation css you will notice it uses a combination of rem and px values.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.