Installation
Phenix Blocks
Phenix Blocks is a comprehensive WordPress plugin that transforms the standard WordPress editor into a powerful design system. It provides a variety of pre-made blocks, styling controls, and optimization features that enable users to build custom websites quickly and easily without writing code.
Download Plugin
You can download Phenix directly as source code or compiled files to use it or include it with your favorite package managers.
The current version is 1.3.0, which is compatible with WordPress 6.0+ and block-based themes.
How to Install
To get started with Phenix Design System in WordPress, you can download the plugin and its starter theme from GitHub and upload them to your WordPress installation. Here's the recommended installation process:
Login to your WordPress Dashboard from
https://yourwebsite.com/wp-admin
Configure your Permalinks - Go to
Settings → Permalinks
and set them toPost name
for optimal SEO and functionalityInstall the Plugin - Go to
Plugins → Add New → Upload Plugin
and select thephenix-blocks.zip
file that you downloadedInstall the Theme - Go to
Appearance → Themes → Add new Theme → Upload Theme
and select the Phenix starter theme zip fileActivate Both - Activate both the plugin and theme
Follow the Theme Setup Wizard - If available, follow the theme setup wizard instructions to complete the installation
Import Demo Data
If you have downloaded a theme from Phenix Themes or a similar platform store and you have demo data, you can import it using All-In-One-WP-Migration which comes with the theme's plugins. Follow these steps to import your design and theme data:
Go to Dashboard ⇒ All-in-One WP Migration ⇒ Import
Click on the Button called ⇒ Import From ⇒ File
Select Your Demo Data File,
Your_Theme/Data.wpress
and continue with importingAfter you have imported the Demo Data, make sure to Re-Save the Permalink from
Settings ⇒ Permalinks
Developer Installation
If you're a developer looking to contribute to Phenix Blocks or customize it extensively, follow these steps to set up a development environment:
Clone the repository:
bashgit clone https://github.com/EngCode/phenix-blocks.git
Install dependencies:
bashcd phenix-blocks npm install
For development with hot reloading:
bashnpm run phenix-start
Build for production:
bashnpm run phenix-build
The plugin uses a modern development stack with SASS for styling and TypeScript for JavaScript functionality.
System Requirements
- WordPress 6.0 or higher (recommended for full block editor support)
- PHP 7.4 or higher
- MySQL 5.6 or higher
- Modern web browser (Chrome, Firefox, Safari, Edge)
- Block-based theme support
Troubleshooting
If you encounter any issues during installation:
- Check your server requirements - Make sure your hosting meets the minimum requirements
- Verify plugin compatibility - Ensure there are no conflicts with other plugins
- Clear cache - Clear your browser cache and any caching plugins
- Check error logs - Review WordPress and server error logs for specific issues
- Deactivate other block plugins - Temporarily deactivate other block-related plugins to check for conflicts
- Verify theme compatibility - Ensure your theme is compatible with block-based editing
For additional help, visit the Phenix Design System GitHub repository and create an issue or contact support at Phenix Themes.