themeawesome / wp-forge

WP-Forge - A Foundation for Sites WordPress Theme

Theme Name: WP-Forge
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, translation-ready
Donate: WP-Forge Project
Requires at least: 5.1
Tested up to: 5.1
Stable tag: 6.5.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Description

A Foundation for Sites WordPress Theme, that utilizes one of the most advanced responsive front-end frameworks in the world from Zurb. When you combine WordPress and Foundation for Sites you get a Foundation for Sites WordPress theme that makes creating websites fun and exciting again!

Installation

• In your admin panel, go to Appearance > Themes and click the Add New button.
• Use the Search or Filter options to locate the WP-Forge theme or click Upload Theme, then click Choose File, then select the WP-Forge's ZIP file. Click Install Now.
• Click Activate to use your new theme right away.
• Click Appearance > Customize to start modifying your theme.
• In order to modify anything related to WordPress, you will need to make adjustments or add your own styles to style.css. In order to modify anything regarding Foundation, you need to make adjustments or add your own styles to foundation.css located in /css/foundation.css.

Demo

WP-Forge demo - Check it out.

Quick Start Guide

WP-Forge Quick Start Guide - A helpful guide to help you get your site up and running as quickly as possible.

Support

WP-Forge Support Forums - If you if you run into issues, you can post your questions/issues there.

WP-Forge was built with the following tools

• WordPress Beta Tester - This ensures WP-Forge is future proof. It also ensures that I use the latest bleeding edge nightlies of WordPress. As of this update the latest version is 4.9-alpha-41268.
• WordPress Theme Standards - A list of standards that all themes should be coded with set forth by WordPress.
• WP-Test - An exhaustive set of test data that was developed over three years to measure the integrity of themes and plugins.
• Debug Bar - a debugging menu added to the admin bar that quickly shows query, cache, and other helpful debugging information.
• Log Depreceated Notices - a plugin that helps you identify old WordPress API functions a theme or plugin is currently using so you can update to the newer methods.
• Theme Check - a simple and easy way to test your theme for all the latest WordPress standards and practices.
• Monster Widget - A widget that provides a quick and easy method of adding all core widgets to a sidebar for testing purposes.
• Viewport Resizer - a handy bookmarklet that will load your site in a viewport the size of common devices. This is helpful in testing responsive design.
• Screenfly – Responsive screen testing for monitors, tablets, smart phones, and more (personally one of my favorites).

Features

Theme Customizer

WordPress introduced the Theme Customizer in 3.4. The customizer allows you to modify certain areas of a theme and preview those changes in real time before publishing. WP-Forge utilizes this built in customizer and allows you to make changes to many areas of the theme. Please read the information under Configuration in the README.txt file to learn more about the customizer in WP-Forge.

jQuery

WP-Forge uses the version of jQuery bundled with WordPress and it is loaded in the header. This practice falls within the WordPress Theme Standards. You can do a search and find the information you need to use Google's version and load it in the footer if you wish.

Child Theme

I have created a WordPress child theme for WP-Forge called WP-Starter. If you prefer, you can also create your own child theme. You can learn how to do this over at the WordPress Codex

Genericons 3.4.1

Includes the free WordPress icon set Genericons - Soon to be upgraded to Genericons Neue

Font-Awesome 4.7

Includes the free icon set Font-Awesome

Yoast SEO Plugin

Has built in support for breadcrumbs using the Wordpress SEO by Yoast plugin. The code is already added to all necessary files for you. Download the WordPress SEO by Yoast plugin.

License

All of the components used in the creation of WP-Forge are licensed as follows:

• WordPress is licensed GPLv2
• Foundation Framework is licensed MIT License
• Motion-UI is licensed MIT License
• What-Input is licensed MIT License
• Genericons is licensed GNU General Public License v2 or later
• Font-Awesome is fully open source and GPL friendly

This means WP-Forge is completely free to use and modify as you see fit.

About ThemeAWESOME

ThemeAwesome.com, a site focused on building WordPress themes with Foundation for Sites.

wp-forge's Issues

Topbar Breakpoint Mobile Nav Hamburger Menu

I wish to change the topbar breakpoint nav menu appears (the hamburger menu too). Am I missing anything? The hamburger menu won't appear. Is that because my css class on the topbar is "show-form-small-only"?

I've made some tweaks to this file: /css/foundation.css

around line #1522
@media only screen and (min-width: 70.063em) {

around line #1226
meta.foundation-mq-topbar

---

I've found two links, but not 100% working.
http://stackoverflow.com/questions/21838690/zurb-foundation-top-navigation-bar-change-breakpoint
http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

Main Menu - Contain to grid sticky does not work in Firefox 36.0

Hello ,
i like the theme very, but the option for the sticke menu in the topbar doesn't work in newer firefox.
when ich scroll down, the navigation scrolls up. now when i refresh the page without scrolling to the top, the navigation comes as a sticky nac. also the top-button in the lower right of the page. and now it works.

but when you comes first to the page, the script ist not working.

in ie, chrome it works very well.

edit: sorry, after closing Firefox and restart it works all fine. sorry :-)

Top Bar mobile sticky

Hi,

Is there a way in mobile mode to make the top bar sticky or fixed?

Thanks...

"Felipe Trombini for Portuguese localization" in Readme.md file - I get 404

Hi Thomas
Please correct link to Felipe Trombini in section "Contributors" (in README.md file) - it give 404 page at Github (nice looking 404-page - I like it too but...:)

Firefox Browser Issue after recent changes

Seems that something is causing your theme to expand (breaking some content container?) on Firefox ONLY since the upgrade, this is not happening on Chrome, have not tested IE.

Customizer for .contain-to-grid background-color

Wish there was a way in the WP Customizer to alter the background color on ".contain-to-grid" so the menu background is in better keeping with the color work done on the menu items. Note the defaults of the #333333 grey/black

Getting the footer to stick to the bottom of the browser window

Hi,
I'm trying to get the footer to stick to the bottom of the browser window instead of appearing halfway up the page when there is only a little content, eg the Front page. I have tried various methods without success. The final method was adding the following javascript to the footer.php just before the <body> tag.

(function($) {
    $(window).bind("load", function() {
    var footer = $(".footer_container");
    var pos = footer.position();
    var height = $(window).height();
    height = height - pos.top;
    height = height - footer.height();
    if (height > 0) {
        footer.css({
            'margin-top': height + 'px'
        });
    }
});
})(jQuery);

This does stick the footer to the bottom, but there is an initial jump when it moves to the bottom, and also there is a vertical scroll which seems to be the height of the top bar (which is fixed).

I also tried http://ryanfait.com/sticky-footer/ method but that also did not work. The footer just seems to fix to the bottom of the .content_container div.

Do you have any suggestions on how to achieve a footer that stays at the bottom of the window? I do not want a 'sticky' footer where the content scrolls under the footer.

Thanks for your help.

Cheers,
Tracy

Wish List Item

I'm not well versed in GitHub, so forgive me if I'm violating protocol. If this is not the right way to carry on this kind of discussion, please let me know the proper way. :-)

I would love to see SiteOrigin's Page Builder WordPress plugin speak Foundation: https://siteorigin.com/page-builder/

I have pro-bono client at my church who are not coders and am casting about for a way NOT to be involved in every update to their website. The plugin seems to play well with wp-forge, but does not use Foundation.

I'm attempting to analyze the plugin code, but my coding skills are admittedly not the best.

Any thoughts?

Best regards,
Nick

TinyMCE content window expanding all on it's own

Hi,

I'm playing with your theme and it seems to be working great. I am running into one issue that's more of a nuisance than a real problem. The content window expands all on it's own. Every time I open a page to edit it. The TinyMCE window slowly expands to fill the height. Or if I click in the window it adds one line. I've tried multiple browsers and same issue. I've switched themes and problem goes away. Again not a super pressing issue but any idea what might be happening? I tired looking around but I only get info about customizing TinyMCE. Nothing helpful.

Great theme BTW. I'm a huge fan of Foundation and not many WP starters out there. Certainly not as good as this one.

Cheers!

Float Grid Support

Hi,
I've noticed that the theme includes an option to choose between the float and flex grids but selecting float still outputs the flex grid. Has support for the float grid been removed?
Thx!

child theme

Hi There

i was wondering if there is a child theme available for wp-forge

thanks

Customizer Header Settings

Hi - In Customizer > Header Settings > Site Identity under Tagline section.

Seems like "Display Site Title and Tagline" is duplicative to the above options; "Hide site title" and "Hide site tagline"? I'd think we'd only need the first two and not the third, no?

There's also some capitalization issue :)

thanks.

Allow URLs in customizer logo and background.

Hi tsquez,

The current theme customizer allows us to set logo and background images. Would it be possible if we can put directly the URLs of the images we wanted for the Logo and for the background?

I got the following scenarios

First: I already uploaded the image from different directory of my theme. I wanted to use it directly without uploading the image. The current theme wants me to select a file always. Which might force me to upload again the file.

Second: I have a dev site where I uploaded the images. The images were committed to git and pulled to the live site. The dev and live sites doesn't have the same record of the file uploads in the database. Thus forcing me to re-upload the same images.

I used your theme for some of my projects. And they're awesome. :) Clients like it. Hehehe...

Sidebar container misslabled class in style.css

Hi there,

while trying to make the background transparent (currently using a "solution" that requires !important) I found out that in the style.css the class for the footer-sidebar is labled .footer_sidebar-container which caused the problem that changes for all containers had no effect on the sidebar. So I took a look into the sidebar-footer.php and there the class was called sidebar_container like the other containers.

WP-forge plugin conflict: YITH WooCommerce Zoom Magnifier

Forgive me if this isn't the place for raising this type of issue, but I've noticed a problem when using the YITH WooCommerce Zoom Magnifier plugin with WP-forge.

https://wordpress.org/plugins/yith-woocommerce-zoom-magnifier/

I've tested my build with other themes and things work fine there. Just when WP-forge is active, there is a problem.

The way it should work is that the WooCommerce single product pages show a main image with a clickable slider of thumbnails. When the thumbs are clicked, the main image should change. In addition there should be a zoom effect on the main image when hovered over.

Both the click to change and mouseover zoom don't work when WP-forge is active.

From my limited understanding, I guess this might be a jquery conflict.

Incidentally, I've discovered this issue in the process of migrating from a Foundation 4 based theme, where things were working as they should.

So I guess it's either an F5 or WP-forge issue.

Any ideas what it might be and how to resolve or work-around, greatly appreciated. Thanks.

mega menu

Is there any way that i can implement mega menu? i have more than 10 sub item and its really hard to see the bottom list..

Foundation sticky offcanvas not working with foundationpress theme

This is my site. http://fspb.valse.com.my/

my CSS

.off-canvas-fixed {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;

}
.move-right > .off-canvas-fixed {
-webkit-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0);
height:100%;

}
.left-off-canvas-menu {
-webkit-transform: none;
transform: none;
margin-left: -15.625rem;
height: 100%;

}
.main-section {
padding:45px 0 0;

}
.tab-bar {
width:100%;

}
@media only screen and (orientation:landscape) and (max-width: 64em){
.main-section {
padding:0 0 0 2.8125rem;
}
.off-canvas-fixed {
width:2.8125rem;
height:100%;
background:#333333;
}
section.left-small{
border:none;
box-shadow:none;
}
}

my HTML

    <nav class="tab-bar">
        <section class="left-small"> <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>

        </section>
        <section class="show-for-portrait right tab-bar-section">
             <h1 class="title">Logo</h1>

        </section>
    </nav>
    <aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">
            <li class="show-for-small">
                  
                </li>
                <li><a href="index.php">home</a></li>
                <li><a href="productlisting.php" class="selected">product</a></li>
                <li><a href="">help</a></li>
                
                <li><a href="">contact</a></li>
                <li><a href="">login/sign up</a></li>
        </ul>
    </aside>
</div>

<div class="inner-wrap"> <a class="exit-off-canvas"></a>

    </div>

It works perfectly with just Foundation 5. When used in Foundationpress theme (foundation + Wordpress) it doesn't work . I mean the menu is not showing up but the title remains sticky.

WP Forge Scroll to link in off canvas menu

Hello,

I am trying to create a single page Wordpress site which has two "scroll-to" links on the homepage. I have managed to get the scroll to part to work but I am unable to get the off canvas menu to close when it scrolls to the new anchor.

Are you able to help with this at all?
Thanks in advance
Dan

Top-Bar Link Active Color

Hi,

there's currently a customizer color option "Top-Bar Active Color" but no "Top-Bar Link Active Color" that would set the color of .menu .active > a.

For example a black top bar background and white link color together with white active link background hides the text of the active link.

Could the color option "Top-Bar Link Active Color" be added? (For my purposes "Top-Bar Link Hover Color" could be reused to set the color of .menu .active > a but I imagine that these two should be separated in some cases.)

Main menu position typo in customizer

Great theme!

In Customizer >> Top-Bar & Off-Canvas >> Main Menu Position, the first dropdown option is "Nomral Position" instead of "Normal Position".

Shows up on line 166 in customizer.php and line 470 of wp-forge.po.

customizer error

this error message show in customizer "Warning: Creating default object from empty value in /home/ghmode04/public_html/wp-content/themes/wp-forge/inc/customizer.php on line 61" making it impossible to save chages. using wordpress 4.3

Really slow to load on Wordpress 4.1

Hi,

Just done a new installation of WP and loaded WP-Forge theme and the Starter Theme, which I've renamed for my client. The site loads, but is really slow, blank white page for several seconds before any content appears on the home page.

The site is at http://client. bizharbour. net

The only thing I have done is rename the Starter theme using lower case and no spaces. I've corrected the call in the stylesheet to wp-forge-master. Is there anything else I need to do?

Jetpack plugin was included but I have not activated it. I deactivated WP Super Cache. The only active plugin is Smart Slider 2 (free version).

I don't get the lag when using the WP 2015 theme. I have included the Smart Slider 2 but in the page content with a shortcode rather than via a php call in the header.php as with the wp-forge theme---only because I can't see where to put it in the header.php in Fifteen!

Any idea what could be causing it? Do you experience a delay, slow loading when you visit the site?

Cheers,
Tracy

Adding Search Bar to Top Bar navigation

Hello,
I'm hoping to add a Search Bar to the Top Bar navigation, as described in "Built In Components" here: http://foundation.zurb.com/docs/components/topbar.html#

Several common elements have been supported by default, each one of these elements gets added to either the ul.right or ul.left unordered lists within your Top Bar navigation.

My question is whether I should be adding this code to my WP-Forge child's content-nav.php file?
Thank you!

Drop Down Menu not triggering

Just downloaded and activated latest copy of your code, after activation and assigning the menu, I am not able to have the sub menus show up as drop down.

Mobile menu doesn't display.

This is the best F5 WP theme, but the latest version breaks mobile menus. The hamburger displays, but it won't slide out when clicked or tapped.

Header Width Scrolls

There's an issue with horizontal scrolling with the

when using a Header image while removing the Site Title and Tagline.

The .header-info class is then collapsing to 0 x 0 px, but the h1 .site-title class still renders a width which make the site exhibit horizontal scrolling. The Header Wrapper is still the default 64rem.

All top nav items with dropdown show as active on front page

Hi,

I recently made some changes to the site and now the front page is showing all items with a dropdown on the top bar navigation as active. On all the other pages, posts, the navigation is showing correctly.

I have reloaded the main WP-Forge functions.php --- so that's clean, and I've also reloaded the front-page template in WP-Forge. I did that in case the files had been corrupted in some way or had changed something by accident.

I'm only making changes to the child theme files. The files I've recently been editing are header.php, footer.php, front-page.php, content-footer.php, functions.php, and style.css. I can't see anything that would cause this issue in the navigation.

Can you think of any reason why this is happening? The site is www.lepharebleu .com

BTW I see the theme has been approved; excellent news, congratulations!

Would I be able to update WP-Forge now? Will it still work with the pre-approved Starter child theme? [I would do it on a test installation of course but would like to know if it's possible before I go ahead]

One other issue, while I'm talking top-bar navigation: I see on the new WP-Forge demo that the off-canvas menu has dropdown items hidden (ie you click to reveal the sub menu items), but on the Starter child theme, sub-pages appear as one long list. How do I get the off-canvas menu to work like the WP Forge demo one?

Thanks for your help,

Tracy

Foundation CSS Settings

It appears the latest release uses the new XY Grid system in Foundations 6.4 however, this is not reflected under the "Foundation CSS Settings" customize section.

Wordpress problem reveal foundation

Thomas or anyone else..Could you please let me know what I am doing wrong.

http://www.wpromotions.net

1. link at top right of header with a pop up modal using reveal
2. doesn’t work..could jQuery mess this all up?

any help would be much appreciated!

Topbar user breakpoint for toggle

Feature Request - Would love have a customizer option to allow a user breakpoint to toggle the Foundation topbar.

http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css

Content width value

There is a line in functions.php that is causing me a little grief:

* Sets up the content width value based on the theme's design and stylesheet. */ if ( ! isset( $content_width ) ) $content_width = 623;

The issue arises when I have set custom image sizes, eg. "Large Letterbox Size" 2048px x 800px.

When I go to insert the image into the post in the usual way, I get the option to insert my "Large Letterbox Size" and it does insert the image at the correct WP generated size.

But it 'resizes' the display of it by inserting sizes in the html, e.g.

<img src="http://***/Matrix-with-plant-slider-image-2048x800.jpg" alt="Matrix with plant slider image" width="623" height="243" class="alignright size-large-letterbox wp-image-923" />

If I comment out that content width line that solves my problem, so I guess my question is, what's the appropriate way to handle that line?

Should it be having the effect it is having, do I override it somehow in my child theme's functions.php, how do I work out what value my content width should be?

Thanks, as ever.

WP-Forge – Image Caption Disappears

NOTE: I brought up this issue in the old support forum, and thought I'd bring it over here, in case someone else has noticed this and/or found the cause/solution. Me and Thomas had previously discussed this issue but could not find a cause of this. :-)

When I insert an image into a post, the caption that I enter for the image doesn’t initially appear underneath the image in the post editor.

When I click on the image to edit it, I see that my caption isn’t there at all, and that I have to retype it. Once I do that and click the Update button, then my caption appears.

Adding the image into the Media Library first will save the caption. But when I add the photo into the post from the Library, I still have to re-enter the caption.

Somehow, the text that is in the caption becomes the alternative text, leaving the caption field empty.

When doing this with the Twenty Fourteen theme, this issue doesn’t happen. Any thoughts?

contain-to-grid menu option

contain-to-grid.js offers a nice and simple way, together with some styling, to make the topbar (div.contain-to-grid) sticky.

However, I think it will be better to replace
jQuery(window).on(scroll function() {
by something like
jQuery(window).on('load scroll resize orientationChange', function () {
to cover other actions, in addition to scroll that could influence the position of the topbar.

As it is now, a window reload while the topbar is fixed, will cause the topbar to disappear.

Sass support for styles.css

It would be best if we could have a sass files for styles.css

Having the mysterious disappearing navigation menu

Hi there. I'm having the same issue outlined at:

http://themeawesome.com/support/forums/topic/navigation-menu-showing/

1. I have disabled all plugins to no avail
2. This is a fresh install of WordPress 4.0 running on a local dev AMPPS server
3. I have imported content from WP Test but it was doing this before I had any content in the install.
4. I have tried both WP-Forge and WP-Starter, both do the same thing.
5. I have created menus titled Main Menu, Footer Menu and Social Menu.
6. The footer menu shows only the / separators with no text in between, even though the live page source shows the few pages I added to the menu.

Any ideas?

Display logo in sticky menu

For a new site I'm building, I'd like to display the logo in the sticky menu, once that menu has stuck to the top.

I've had a look in content-nav.php and attempted to modify part of it by copying the logo call to it, but that ended up displaying two logos in the header when the sticky menu was not stuck.

What would be the best way to include the logo in that menu? Thanks.

How to customize the header

Great theme!
Can you give me tips on how to make a header that's somewhat like your demo sie?

Basically want to use a large background image
and have a .png title on the left over it.. (your little man is on the right side)
As the screen size changes of course I want it all to be responsive...
ideally the title.png placement would stay somewhat stationary over a certain area of the background image.

(I tried all night doing this various ways but there's always been a gotcha problem.)
THANKS for everything!!

Removing Customizer defaults

Whats the easy way to do this?

Sticky menu with changing header container

Hello,

I am working on a theme that uses a header of which the height depends on the screen width. That means that the code in the file contain-to-grid.js does not work correctly after a window resize: var stickyMenu is calculated only once, on document load.

Calculating stickyMenu the same way on each resize does not work correctly when the topbar is fixed.

Therefore I propose changing contain-to-grid.js as below, provided that my assumption is correct that instead of the offset of .contain-to-grid I can also use the height of .header_container:

jQuery(window).on('load scroll resize orientationChange', function () { var stickyMenu = jQuery('.header_container').outerHeight(true); if (jQuery(window).scrollTop() > stickyMenu) { jQuery('body').addClass('f-topbar-fixed'); jQuery('.contain-to-grid').addClass('fixed'); } else { jQuery('body').removeClass('f-topbar-fixed'); jQuery('.contain-to-grid').removeClass('fixed'); } });

I am sorry for the bad layout; don't know how to change that.

@since WP-Forge Version numbering.

Hey Thomas,

Would it be nice to retain the @since WP-Forge #.#.# of the files if there were no updates on the code? Given the statement it says - since - so it should follow where it started/created. The history of the file also will be retain.

I don't know how this affects in Wordpress.org though.

Minor typo

https://github.com/tsquez/wp-forge/blob/master/404.php
Line 33 - "positively"

Footer nav only positions in the center

Hi there,

I'm not sure the customizer is working with regard to the nav menu in the footer.

Whether the setting in the customizer is set to align the nav menu to the left or right, it only ever appears in the center (in a 12 column row).

The text aligns left or right just fine though.

Customizer Option Restriction

Minor, in the customizer background-size option only Cover is allowed. This is such that the user, if they select and save this option, are not able to revert to the default Contain value. I have updated my array to include this but I figured it may be useful to include in your main code.

Flex widget menu look bad

WordPress 4.9.7 running WP-Forge theme 6.4.3.3 site
http://departement-informatique.univ-tlse3.fr/master-igai/

Hi there, seems like flex option to table menu is causing some awefull layout on side menu (but if I remove it using firefox css inspector, it breaks to nav menu layout).
Here are two screen shots, the first with flex on (see how Accueil and Présentation are on the same line)

Here off, looks better

Maybe a solution is to have different layout if menu is used in nav or side widget.

Btw, with older version I could set the side widget on the left, but I did not manage to do it with the current version.

Site Title Color?

It is possible that the .site-title:a color cannot be customized from within WP Customizer?