Giter VIP home page Giter VIP logo

wabi's Introduction

Wabi Block Theme

Deploy

Share your authentic self with Wabi, a WordPress block theme designed to help you tell your story best. Wabi foregrounds the simplistic design language of storytelling through clean lines, beautiful typography and a dynamic accent color system. And with multiple style variants (light, dark, and dynamic color schemes), Wabi is the most expressive and adaptable writing theme yet.

Learn more and view the live demo on richtabor.com →

Wabi WordPress Block Theme

Dynamic accent colors

With Wabi, you may pick an accent color for each post and “theme” that content, providing a clever design layer to compliment the theme’s minimal style. Each post can have one of six different accent colors, all of which you may tailor within the new Global Styles interface. 

Accent color picker in the Wabi block theme

Style variants

With multiple style variants (light, dark, and two dynamic color schemes — aoi and pinku) at your fingertips, Method is the most expressive and adaptable writing theme yet. To apply one of these styles, head into the new Site Editor experience, then select the Styles icon at the top right of the toolbar. You’ll see the new Styles sidebar, which you’ll be able to change your theme’s style from. 

Style variants in the Wabi block theme

Development Guide

To get started with development:

  1. Set up a WordPress instance, we recommend wp-env or Local as an alternative to docker.
  2. Clone, or download, this repository into your /wp-content/themes/ directory

Requirements

  • WordPress 5.9+
  • PHP 5.6+
  • License: GPLv2 or later

Some theme features / PRs may require Gutenberg trunk and will be described or tagged accordingly.

To optionally run tests locally, you will also need:

You can install the test-specific development dependencies by running npm i && composer install. The following test commands are then available:

  • npm run lint:css lints and autofixes where possible the CSS
  • composer run analyze [filename.php] statically analyzes PHP for bugs
  • composer run lint checks PHP for syntax errors
  • composer run standards:check checks PHP for standards errors according to WordPress coding standards
  • composer run standards:fix attempts to automatically fix errors

Resources

Demo Site

My blog, located at richtabor.com is using Wabi.

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.