Theme Redone

The Framework for Developing Custom WordPress Themes

with its own Gutenberg Blocks creation solution.

---

Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.

It consists of:

• ✅ Latte templating engine for its beautiful syntax and a more streamlined and manageable workflow
• ✅ EsBuild/Webpack + Gulp task tasks for compiling SCSS and JS
• ✅ SCSS (SMACSS folder/files structure)
• ✅ Javascript (ES8 and React/Svelte/Vue support, thanks to EsBuild and Babel)
• ✅ In-theme framework for building Gutenberg blocks in a streamlined and standardized way
• ✅ TRB CLI helper for scaffolding new Gutenberg blocks
• ✅ Bare-bones grid system coded with Flex and CSS variables (about 15 lines of code)
• ✅ Helper functions for repetitive tasks such as rendering images, links, SVG code, and more
• ✅ Just a few well-written UI components to get you started (we don’t like bloat in our code): Modal, Accordion, Tabs, Menu, Dropdowns, Sliders, and simple “in view fade-in transitions”
• ✅ SVG support
• ✅ Tracy Debugger to help us make sure we write stable and error-free code
• ✅ And much more

Visit https://webredone.com/theme-redone/ to learn more from our 50+ pages long documentation.

---

Environment Requirements:

• PHP ^8.0 (^7.4.29 for releases prior to v1.1.0)
• Composer 2.0.2^
• Node 14.19.1

---

Installation:

1. Download and install the latest version of the theme
2. At the root of the theme, there is a “theme_redone_global_config.json” file. Replace “localhost/theme-redone” with the name of your project from htdocs “localhost/[PROJECT-FOLDER-NAME]” (This makes sure browser-sync connects to the correct project)
3. From the terminal (from inside the root directory of the theme) run composer install and afterward npm install to install the PHP and JS dependencies. (Make sure Node version 14.19.1 is used. We suggest using NVM to manage Node versions) Install the TRB CLI package globally ( npm i -g @webredone/trb-cli ) to scaffold blocks faster.
4. In WordPress, activate the theme

---

Compilation/Watching and Bundling/Minification Tasks:

• To start the compiler and make it watch for file changes, simply run the npm start command from the terminal
• Once the project is finished and ready to be deployed, run npm run build:prod to optimize css and javascript files.