Giter VIP home page Giter VIP logo

foundationpress-child's Introduction

FoundationPress Child Theme

This is a Wordpress child theme for the parent theme FoundationPress by olfredrik. This theme follows the same conventions and allows you to use Grunt and Bower to control and update dependencies and watch for your SASS changes.

The purpose of the Foundation Press is that it should only contain the most essential, with no need to peel away unnecessary features. If you're looking for a starter theme with built-in shortcode plugins, fancypancy portfolio templates or whatnot, I'm afraid you have to look elsewhere.

Requirements

You'll need to have the following items installed before continuing.

  • Node.js: Use the installer provided on the NodeJS website.
  • Grunt: Run [sudo] npm install -g grunt-cli
  • Bower: Run [sudo] npm install -g bower

Quickstart

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

While you're working on your project, run:

grunt or grunt watch for livereload in browser.

And you're set!

Check for Foundation Updates? Run: foundation update

Stylesheet Folder Structure

  • style.css: Do not worry about this file. (For some reason) it's required by WordPress. All styling are handled in the Sass files described below
  • scss/_settings.scss: Original Foundation base settings are found here
  • scss/_custom.scss: Add your custom styling here
  • css/app.css: All Sass files are minified and compiled to this file

Script Folder Strucutre

  • bower_components/: This is the source folder where all Foundation scripts are located. foundation update will check and update scripts in this folder
  • js/: jQuery, Modernizr and Foundation scripts are copied from bower_components/ to this directory, where they are minified and concatinated and enqueued in WordPress
  • Please note that you must run grunt in your terminal for the scripts to be copied. See Gruntfile.js for details

How to get started with Foundation

Learn how to use WordPress

FoundationPress Parent Theme

Demo of FoundationPress Parent Theme

foundationpress-child's People

Contributors

daveg43 avatar franckbret avatar thetrickster avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.