Yesterday I had the nagging suspicion that Foundation was due for a change. If you look at the releases of Foundation, they normally occur about every 10 to 20 days, which is a good thing.
So this morning I checked and sure enough there was a new release. I don’t know about you, but whenever there is new release from Zurb I get excited as hell. Like I always do, I grabbed me some coffee, sat down and updated away.
But that not what I am excited about. I am excited about a few changes that I made to WP-Forge itself. Over the past few weeks I have been adding a few things that I hope everyone will enjoy. I am only going to cover the newest changes here, but if you would like a more in depth listing of what was actually changes you can read the latest release details here.
New Top-Bar & Off-Canvas Section
All of the major changes that occurred were basically in the Theme Customizer. The first change you will notice is the renaming of the “Off-Canvas” section to “Top-Bar & Off-Canvas”. I moved the Top-Bar settings that were previously in the Navigation section into this section. I felt combining these two in one area would make it easier to manage these two aspects of Foundation. I also removed the “If Top of Browser, scroll or fixed?” selection area and merged these choices into the “Main Menu Position”. Again, I felt it wasn’t necessary to have two selection areas when you can accomplish the same thing with just one.
New Theme Width & Sidebar Position Settings
The next two changes are the ones that I am really excited about. The first of the two concerns the old “Posts” section. This was renamed “Theme Layout” and for good reason. I have been getting a lot of emails asking how to change the width of the theme. Initially I had set this up in the style sheet, but I thought that I could make it easier to do this without having to edit the style sheet. I thought about this for a very long time and finally came up the idea to add this ability to the Theme Customizer.
You will notice that there is a new setting area called “Theme Width” with a default setting of 64rem (this is equivalent to 1024px). I use the following site to calculate all rem measurements Rem Calculator. This is very simple tool to use. Seeing as how Foundation uses 16px as the main or parent font size, all you have to do is add the unit of pixels you want to convert into the “px sizes to convert” section and click the calculate button. So for example if you want to find the the rem conversion for 1024px (based on 16px parent font size) simply enter 1024 into the px sizes to convert section and click calculate. You will see you get a return of 1024px = 64rem. Now if you want to set the width of the theme to 100% all you have to do is enter 100% and click “Save and Publish”. Now the theme will be full width. Snazzy? Yep I think so ;).
When you update to v5.4 you will notice that your theme will display at 100% width. I believe this is caused by the fact that I removed the width from the style sheet. All you have to do is go back to the Theme Customizer > Theme Layout > Theme Width and just retype 64rem (or insert the theme width value you want) and click “Save and Publish”. Your theme will now be set to the desired width.
Another topic I have been getting emails about is how to get the sidebar to display on the left instead of the right. I know there are a lot of people who prefer to have the sidebar on the left and there are those who like it on the right, so I added the option for the end user to set their preference.
The default for the sidebar is set to the right, so if this is your preference as well you can leave the setting as is. But, if you prefer the sidebar to be on the left, simply select “Left” from the dropdown, wait a few seconds and the theme customizer will refresh and you will see the sidebar positioned to the left. Click “Save and Publish” and you are done.
New Copyright Position Setting
The final area that I have been getting questions about is the positioning of the Copyright text in the footer. Again I know there are users who prefer to display copyright text to the right, others who prefer it displayed to the left and some who want it centered.
Now there is a setting called “Copyright Position” which will allow users to set the copyright text to display either to the left, right or centered. Here is a brief overview of what each setting will do:
- Text Right – Nav Left – (Default) Will display the copyright text to the right and the footer menu to the left if one is assigned.
- Text & Nav Centered – Will display the copyright text centered in the footer. If a footer menu is assigned, this will display above the copyright text and be centered as well.
- Text Left – Nav Right – Will display the copyright text to the left and the footer menu to the right if one is assigned.
When you make your selection in the theme customizer, wait a few seconds for the customizer to refresh and you will be able to see what each setting will look like. Once you are happy with your selection, click “Save and Publish” and you will be set.
So there you have it, a new version of WP-Forge with what I believe are some really great additions. If you run into any issues, please feel free to open a new issue on Github, start a new thread in the Support Forums or send me an email with all the details. I am also available to chat via Skype: venterprisesllc
Have anything you would like to see added to WP-Forge? If so let me know below. Who knows, it could make it into the next version. As always have fun and enjoy 😉