Giter Site home page Giter Site logo

geekyo / genesis-sample Goto Github PK

View Code? Open in Web Editor NEW

This project forked from studiopress/genesis-sample

0.0 0.0 0.0 4.38 MB

This is the sample theme created for the Genesis Framework.

Home Page: https://demo.studiopress.com/genesis-sample/

JavaScript 3.85% PHP 52.75% CSS 43.40%

genesis-sample's Introduction

Genesis Sample Theme

GitHub project link: https://github.com/studiopress/genesis-sample/.

Installation Instructions

  1. Upload the Genesis Sample theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
  2. Go to your WordPress dashboard and select Appearance.
  3. Activate the Genesis Sample theme.
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

Theme Support

Please visit https://my.studiopress.com/help/ for theme support.

For Developers

The version of Genesis Sample on GitHub includes tooling to check code against WordPress standards. To use it:

  1. Install Composer globally on your development machine. See Composer setup steps.
  2. In the command line, change directory to the Genesis Sample folder.
  3. Type the command composer install to install PHP development dependencies.
  4. Type composer phpcs to run coding standards checks.

You'll see output highlighting issues with PHP files that do not conform to Genesis Sample coding standards.

Run composer phpcbf if you see “phpcbf can fix the x marked sniff violations automatically” in the output of composer phpcs.

npm scripts

Scripts are also provided to help with CSS linting, CSS autoprefixing, and creation of pot language files. To use them:

  1. Install Node.js, which also gives you the Node Package Manager (npm).
  2. In the command line, change directory to the Genesis Sample folder.
  3. Type the command npm install to install dependencies.

You can then type any of these commands:

  • npm run autoprefixer to add and remove vendor prefixes in style.css.
  • npm run makepot to regenerate the languages/genesis-sample.pot file.
  • npm run lint:css to generate a report of style violations for style.css.
  • npm run lint:js to generate a report of style violations for JavaScript files.
  • npm run fix:js to fix any JavaScript style violations that can be corrected automatically.
  • npm run zip to create a genesis-sample.zip. Files in the excludes array in scripts/makezip.js are omitted.

Packaging for distribution

  1. Follow the install instructions for npm scripts above.
  2. Switch to the git branch you plan to distribute.
  3. Bump version numbers manually and commit those changes.
  4. Type npm run zip to create genesis-sample.zip. Files in the excludes array in scripts/makezip.js are omitted from the zip. filename.md files will be renamed to filename.txt.

genesis-sample's People

Contributors

nickcernis avatar dreamwhisper avatar bgardner avatar cjkoepke avatar nathanrice avatar dependabot[bot] avatar bmo-tech avatar seothemes avatar johnstonphilip avatar garyjones avatar markkelnar avatar mindctrl avatar phpbits avatar mattlawck avatar robincornett avatar timothyjensen avatar vfontjr 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.