thetrickster / foundationpress-child Goto Github PK
View Code? Open in Web Editor NEWChild theme for FoundationPress Wordpress/Foundation starter theme at https://github.com/olefredrik/FoundationPress
Child theme for FoundationPress Wordpress/Foundation starter theme at https://github.com/olefredrik/FoundationPress
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.
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?
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 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.
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...
Should replace instruction
git clone github.com:thetrickster/FoundationPress-child.git
with
git clone https://github.com/thetrickster/FoundationPress-child.git
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)
Method 2 (libsass)
Using this method, you'll be able to update foundation with codekit to the latest version when available.
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!
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
cant enquire parent css or child js
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.