thetrickster / foundationpress-child Goto Github PK

Hi Chris,

normally, with WordPress, parent themes are stored on the same level aside their child themes.
Looking at your Install Quickstart it says "mv FoundationPress your-theme-name" (mv for move), which results in the parent theme to be move inside the child theme directory? Why is that, and does this have to be that way?

Thank you for your help!

Thanks for creating this project, using it now. I have added some additional functionality and styles to a child theme, works great.

Just started trying to customize some basic styles (like background color, default colors, typography). Essentially the things listed _setting.scss. Un-commenting the items and changing the values does not work.

Whats the best way to customize these via the child theme?

Took some figuring out, but I got things running using the following (starting off with installing the parent theme):

cd my-wordpress-folder/wp-content/themes/
git clone [email protected]:olefredrik/FoundationPress.git
cd FoundationPress
npm install && bower install
cd ../
git clone [email protected]:thetrickster/FoundationPress-child.git
mv FoundationPress-child your-theme-name
cd your-theme-name
npm install && bower install
grunt

The last step is to add 'dist' to the jquery path in your-child-theme/library/enqueue-scripts.php (Foundation 5 implemented this new folder, see issue #4):

/js/jquery/jquery.min.js
becomes: /js/jquery/dist/jquery.min.js

I believe there's an error on the third line of the 'Quickstart' instructions:

mv FoundationPress your-theme-name
should be:
mv FoundationPress-child your-theme-name

Should replace instruction
git clone github.com:thetrickster/FoundationPress-child.git
with
git clone https://github.com/thetrickster/FoundationPress-child.git

I wanted to post this for everyone's benefit:

I was getting the following error when I try to compile the app.scss file via Terminal/Grunt in the child theme for FoundationPress:
Running "sass:dist" (sass) task
Warning: /Applications/MAMP/htdocs/starter_theme_3.9.2/wp-content/themes/starter_theme_FP/scss/app.scss:3: error: file to import not found or unreadable: "foundation"
Use --force to continue.

I was originally trying to compile the file using CodeKit, but based on comments in another Issue for FoundationPress, I tried compiling it using Grunt. Still no luck.

I thought that it might be possible that the includePaths in the Gruntfile should be edited to refer to the parent theme, so I tried that and it compiled!

includePaths: ['../FoundationPress/bower_components/foundation/scss']

Just wanted to give a heads up about it...

I'm having problem to edit the css.

The function get_template_directory_uri() returns the parent theme directory, so it's actually ignoring every change I make to the child theme app.scss file.

Hi again Chris,

in my FoundationPress child theme I have added these lines to functions.php:

// Register all navigation menus
require_once('library/navigation.php');
// Create widget areas in sidebar and footer
require_once('library/widget-areas.php');
// Add theme support
require_once('library/theme-support.php');


I have added this 3 filed into the library of my child theme, and altered the code of parent theme original to meet my child theme needs.

Now, when I go into WP Admin/ Themes/ Preview/ Navigation, my own navigation menus appear alongside the default navigational menus of the parent theme?
I had expected that, the presence of a file (i.e. /library/navigation.php in this case) would mark the original file in FoundationPress irrelevant. But now they add up.
Where am I going wrong?

Thanks for any help!
Ronen

Hi,

I have installed FoundationPress prior to uploading the FoundationPress Child theme but I get the following error.

"The parent theme is missing. Please install the "FoundationPress" parent theme."

I have not modified the parent theme and this is a fresh WP installation.

So had to work around this because I'm using CodeKit on my mac and I prefer to work in child theme.
If someone have a better solution, please give me some insight. Thanks.

First : - Rename parent FoundationPress-master to FoundationPress
Method 1 (sass didn't use it because I use CodeKit 2.1.8 but basically should work)

• Use config.rb (add this line on top : add_import_path "../FoundationPress/bower_components/foundation/scss").. won't work until sass 3.4 is working, so use libsass

Method 2 (libsass)

• Add bower_components folder to child
• In apps.scss change line 2 to this : @import "../../FoundationPress/scss/app";
• Compile

Using this method, you'll be able to update foundation with codekit to the latest version when available.

To make jquery working I had to change the path inside library/enqueue-scripts.php. I had to add dist to the jquery path. Did I miss some steps during the installation, maybe?

cant enquire parent css or child js

Hi there!

For some reason my CSS is outputting multiple times/ is duplicated. I installed the parent theme first, then the child. I have the parent theme "FoundationPress" and its child "FoundationPress-child" in my theme folder and have the child theme activated. My app.scss file came with the following import settings:
@import "settings";
@import "../FoundationPress/scss/app";
@import "custom"; // Custom child theme styles
@import "foundation";

Including the selective components.

I haven't made any changes to any file yet. Any idea why my css is outputting duplicate times?

Your time and help is much appreciated.

Thanks.