Vue Templates Logo Vue Templates
Vueird screenshot

Vueird

Author Avatar Theme by Enricodeleo
Updated: 7 Jul 2022
39 Stars

:gear: A clean WordPress starter theme powered by Vue and WebPack with developer experience in mind

Github

Categories

Scss Templates & themes

Overview:

The Vueird WordPress starter theme is designed to embrace modern practices such as npm, webpack, livereload, and declarative manipulation using Vue.js. It offers a delightful developer experience and includes features like modern Javascript support, live reload, SCSS styling, and a fake JS router for attaching components to pages.

Features:

  • Write modern Javascript: The theme supports Babel to ensure compatibility with modern Javascript syntax.
  • Live reload: Changes made to the theme are automatically reloaded in the browser for a smoother development process.
  • SCSS: Styling can be written using SCSS for easier organization and customization.
  • Declarative DOM manipulation/events with Vue: The theme leverages Vue.js to enable declarative manipulation of the DOM and handling events.
  • Delightful developer experience: The fake JS router in the theme ensures that the right component is attached to the right page, providing a seamless development experience.
  • Livereload: Livereload functionality can be utilized by targeting the WordPress development URL in the webpack configuration file.
  • Build for production: The theme includes a build command to generate a production-ready version of the theme.
  • Refresh editor style: Vueird generates a custom editor style for the WordPress editor/Gutenberg, allowing SCSS to be written for customization.

Installation:

To install the Vueird WordPress starter theme, follow these steps:

  1. Clone the repository into your theme folder.
  2. Open a shell and navigate to the Vueird theme folder.
  3. Run the command npm install to install the required dependencies.
  4. Activate the Vueird theme in WordPress.

Summary:

The Vueird WordPress starter theme offers a modern and robust development environment for WordPress users. With support for modern Javascript, live reload, SCSS styling, and declarative manipulation with Vue.js, developers can enjoy a delightful experience while building their WordPress websites. The theme also includes features like a fake JS router for easy component attachment and a custom editor style generator. Give Vueird a try if you’re looking for a portable WordPress development starter kit.