README

A WordPress starter theme built with Gutenberg and good-old widgets.

Stylesheet is compiled with Node Sass. Visit that link to know how to compile Sass.

REQUIREMENTS

PHP 7.3 or 7.4
WordPress 5.9

TABLE OF CONTENTS

Installation
Compiling Sass
Useful Links

Installation

MANUAL

Copy this repo to your WordPress theme directory.
Download Pixel WP Library plugin and put it into your Plugin directory.

WITH COMPOSER

Available in Packagist under the name pixelstudio/pixel-wp-theme.

This is our workflow for starting a new project:

Create a directory, put WP Core files in it.

In the root path (where wp-config resides), create new file named composer.json. Put this code below:

{
  "name": "pixelstudio/new-site",
  "description": "Run the command `composer update` to download all plugins and themes.",
  "authors": [
    { "name": "Pixel Studio", "email": "info@pixelstudio.id", "homepage": "https://pixelstudio.id" }
  ],
  "require": {
    "pixelstudio/pixel-wp-theme": "~5.9.0",
    "pixelstudio/pixel-wp-library": "~5.9.0"
  },
  "require-dev": {},
  "suggest": {},
  "repositories":[
    { "type": "composer", "url":"https://wpackagist.org" }
  ],
  "autoload": { "psr-0": { "Acme": "src/" } }
}

Run the command composer update in that directory.
After first run, rename pixel-wp-theme so it won't be overriden the next time you run composer update. Also remove pixelstudio/pixel-wp-theme in your Composer JSON.

Compiling Sass

Install Node JS if you don't have it yet.
Run npm update in this directory to download all modules.
Open webpack.config.js and change the variable localDomain to fit your localhost domain.
Run npm run dev to watch the Sass files and launch Browser Sync that refreshes the CSS everytime you save.
Before pushing to live, run npm run prod to minify all CSS and JS.

Used In

Here are some websites that uses this theme:

pixelstudio / pixel-wp-theme

Maintainers

Details

README

Installation

Compiling Sass

Used In