All Projects → KnowTheCode → Genesis-Developer-Starter-Lab

KnowTheCode / Genesis-Developer-Starter-Lab

Licence: other
Let’s Build a Custom Developer’s Genesis Starter Child Theme

Programming Languages

CSS
56736 projects
PHP
23972 projects - #3 most used programming language
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Genesis-Developer-Starter-Lab

aino-theme
A Gutenberg-ready WordPress theme.
Stars: ✭ 107 (+365.22%)
Mutual labels:  wordpress-theme
Hypermarket
If you are looking for a stylish and elegant website template for your online store, Hypermarket is the perfect choice for you.
Stars: ✭ 49 (+113.04%)
Mutual labels:  wordpress-theme
win10exp
WordPress win10exp主题
Stars: ✭ 25 (+8.7%)
Mutual labels:  wordpress-theme
benenson
A Gutenberg WordPress theme
Stars: ✭ 70 (+204.35%)
Mutual labels:  wordpress-theme
hexo-theme-twentyfifteen-wordpress
A reponsive theme for hexo, inspired by Twenty Fifteen Wordpress theme.
Stars: ✭ 28 (+21.74%)
Mutual labels:  wordpress-theme
air
A hyper-minimal WordPress starter theme for developers built with Tailwind CSS.
Stars: ✭ 45 (+95.65%)
Mutual labels:  wordpress-theme
iw26
IW26 is an Indieweb Fork of WordPress Twenty Sixteen Theme
Stars: ✭ 25 (+8.7%)
Mutual labels:  wordpress-theme
bootstrap-basic
Bootstrap 3 css framework theme for wordpress. For theme developer can start build their theme very fast. To download for use with your project, please go to wordpress.org themes page in the link.
Stars: ✭ 22 (-4.35%)
Mutual labels:  wordpress-theme
lean-theme
No description or website provided.
Stars: ✭ 38 (+65.22%)
Mutual labels:  wordpress-theme
wp-spa-boilerplate
A JavaScript single page WordPress theme boilerplate using Vue.js and the WordPress REST API.
Stars: ✭ 13 (-43.48%)
Mutual labels:  wordpress-theme
tunalog
🎨 Simple and Single column WordPress theme.
Stars: ✭ 16 (-30.43%)
Mutual labels:  wordpress-theme
wp-git
WP-Git is a WordPress theme for GitHub lovers.
Stars: ✭ 23 (+0%)
Mutual labels:  wordpress-theme
wordpress
📚 Recursos para aprender WordPress
Stars: ✭ 20 (-13.04%)
Mutual labels:  wordpress-theme
Ignite
Ignite WordPress Theme
Stars: ✭ 17 (-26.09%)
Mutual labels:  wordpress-theme
FAU-Einrichtungen
WordPress-Theme für zentrale Einrichtungen der Friedrich-Alexander-Universität Erlangen-Nürnberg
Stars: ✭ 15 (-34.78%)
Mutual labels:  wordpress-theme
kai-12
The missing child theme of Twenty Twelve, A better interface based on Twenty Twelve, no need to change the default theme, no database option strings will be created. Install and go.
Stars: ✭ 24 (+4.35%)
Mutual labels:  wordpress-theme
The-Standards
WordPress theme based on the U.S. Web Design System
Stars: ✭ 14 (-39.13%)
Mutual labels:  wordpress-theme
starter-kit-theme
WordPress starter theme with a modern development stack for launching projects faster and easily
Stars: ✭ 25 (+8.7%)
Mutual labels:  wordpress-theme
primer-child-stout
Stout is a GoDaddy Primer child theme with a bold vibe.
Stars: ✭ 13 (-43.48%)
Mutual labels:  wordpress-theme
jarvis
A speedy Gutenberg ready theme
Stars: ✭ 50 (+117.39%)
Mutual labels:  wordpress-theme

Let’s Build a Custom Developer’s Genesis Starter Child Theme Lab

Lab Date: July 21, 2016

This hands-on coding lab walks you through the entire process of converting a standard Genesis theme into a developer-friendly, modular theme. The purpose of this lab is to teach you about the following:

  1. Techniques to save you time and time as you are building your own workflow and starter theme
  2. Modularity for PHP and CSS
  3. How to break up your code to be more readable, reusable, and thus, more maintainable.
  4. How to convert a style.css file into a Sass module
  5. How to setup Gulp as your task runner to process the Sass into style.css and a minified version style.min.css
  6. How to build your own modern workflow with Composer, Sass, Gulp, Bourbon, and Neat.

What's in this repository?

There are 2 separate themes in this repository:

  1. Version 2.2.4 of the Genesis Sample Theme
  2. The final Developers Starter Child Theme - it's the final version that you will build in this lab

How about the new version of the Sample Theme?

Late in 2016, StudioPress upgraded the Sample theme to include a WooCommerce module. Once you complete this lab, you will be able to add the new updates to your Developers theme by yourself.

Dependencies

This child theme requires the following dependencies:

Installation

To install this repository, do the following:

  1. Open up terminal and navigate to the wp-content/themes folder.
  2. Then type: git clone [email protected]:KnowTheCode/Genesis-Developer-Starter-Lab.git
  3. Then move both themes out of the new folder and into the root of the wp-content/themes folder.
  4. You can then delete the new folder, as it's not needed any longer.

You will use the Genesis Sample theme in this repository for the lab.

Contributors

All feedback, bug reports, and pull requests are welcome.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].