Giter Site home page Giter Site logo

ramonjd / create-block-theme Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wordpress/create-block-theme

0.0 1.0 0.0 654 KB

A WordPress plugin to create Block themes

Home Page: https://wordpress.org/plugins/create-block-theme/

License: GNU General Public License v2.0

JavaScript 80.85% PHP 18.21% CSS 0.09% HTML 0.85%

create-block-theme's Introduction

Create Block Theme

A WordPress plugin to create block themes.

This plugin allows you to:

  • Create a new theme, blank theme, child theme or style variation.
  • Embed Google Fonts in your theme
  • Embed local font assets in your theme

The plugin is development only — not intended for use on production websites, but used as a tool to create new themes.

Create Block Theme

This feature can be used in six ways:

1.Export

Export the activated theme including the user changes.

2. Create a child theme

Creates a new child theme with the currently activated theme as a parent.

3. Clone the current theme

Creates a new theme by cloning the activated theme. The resulting theme will have all of the assets of the activated theme combined with the user's changes.

4. Overwrite theme files

Saves user's changes to the theme files and deletes the user's changes.

5. Generate blank theme

Generate a boilerplate "empty" theme inside of current site's themes directory.

6. Create a style variation

Saves user's changes as a style variation of the current theme.

Embed Google Fonts or local font files

This feature allows you to embed fonts into your current theme. You can embed Google Fonts and local font assets.

When you add a font the plugin will add to your theme:

  • The font files to your theme's file structure under this path ./assets/fonts.
  • The font face definitions to the theme.json file.

You can continue using your modified theme or you can export it as a new theme containing the new fonts.

How to use the plugin

Step 1 – Setup

Install and activate the Create Block Theme plugin.

In the WordPress Admin Dashboard, under Appearance there will be three new pages called:

  • Create Block Theme
  • Embed Google font in your current theme
  • Embed local font file assets

Step 2 – Fonts, styles and templates customizations

Make changes to your site styles and templates using the Site Editor. You can also include new fonts using the plugin options.

Step 3 – Save

Still in the WordPress dashboard, navigate to "Appearance" -> "Create Block Theme" section. Select one of the available options and then, if necessary, add the details for the theme here. These details will be used in the style.css file. Click "Generate” button, to save the theme.

create-block-theme's People

Contributors

scruffian avatar pbking avatar matiasbenedetto avatar maggiecabrera avatar jffng avatar mikachan avatar madhusudhand avatar jeffikus avatar jonathanbossenger avatar daisyolsen avatar alexclassroom avatar andizer avatar chaosexanima avatar savphill avatar ryanwelcher avatar

Watchers

 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.