Installation

Installation and environment checklist for the Skelementor plugin.

System Requirements

Minimum Requirements

Requirement	Minimum	Notes
WordPress	6.9+	Multisite supported
PHP	7.4+	128MB memory recommended
Elementor	4.0+ (Atomic Editor)	Atomic features on by default for new installs
MySQL	5.6+	MariaDB 10.1+ also supported

Recommended Requirements

• WordPress: 6.9+ (latest 6.9.x recommended)
• PHP: 8.0 or higher
• Memory: 256MB or higher
• Elementor: Current 4.x with Atomic Editor enabled (default for new Elementor installations)
• Variables: Enabled if you plan to import design tokens

Installation Methods

Choose the option that fits your deployment workflow.

Method 1: WordPress Admin Upload

1. Get the plugin ZIP

   Download the Skelementor plugin package (.zip).

2. Open plugin upload

   In WordPress admin, go to Plugins -> Add New and click Upload Plugin.

3. Install the package

   Select the ZIP file and click Install Now.

4. Activate the plugin

   Activate the plugin after WordPress finishes installing it.

Method 2: FTP Upload

1. Extract the ZIP

   Extract the plugin archive on your local machine.

2. Connect to the server

   Use your preferred FTP or SFTP client to connect to the WordPress host.

3. Upload the plugin folder

   Upload the extracted skelementor-v4 directory to /wp-content/plugins/.

4. Activate in WordPress

   Open Plugins in WordPress admin and activate Skelementor.

Method 3: WP-CLI

If you manage the site with WP-CLI, install from the hosted ZIP or a local copy:

wp plugin install https://d3o9gc3hm4a6ya.cloudfront.net/css-utility-importer.zip --activate
wp plugin install /path/to/css-utility-importer.zip --activate

Pre-Installation Checklist

Before installing Skelementor, verify these points:

WordPress version

Confirm the site is on WordPress 6.9+ (latest 6.9.x recommended) via Dashboard → Updates or Tools → Site Health.

Elementor & Atomic Editor

Use Elementor 4.0+ from the standard plugin release. The Atomic Editor is stable; new Elementor installs enable Atomic features by default. Upgraded or legacy sites may need Atomic Editor enabled under Elementor → Editor → Settings.

1. Check version

   Confirm Elementor 4.0.0 or newer in Elementor → System Info.

2. Confirm Atomic Editor

   In Elementor → Editor → Settings, ensure Atomic Editor is on (or use Elementor’s prompt in the editor).

3. Enable Variables if needed

   Turn on Variables if your import workflow includes reusable design tokens.

Server readiness

Confirm PHP version, available memory, and file permissions are sufficient for plugin installation and larger imports.

Post-Installation Setup

1. Verify Installation

1. Confirm plugin status

   Check Plugins in WordPress admin and make sure Skelementor is active.

2. Open the Skelementor screen

   Find the Skelementor admin screen and confirm the CSS import interface loads.

3. Check Elementor compatibility

   Verify Elementor still loads normally and the Atomic Editor is available.

2. Import the Starter Framework

1. Copy the bundled CSS

   Open skelementor-utilities.css included with the Skelementor plugin package.

2. Paste it into Skelementor

   Paste the stylesheet into the Skelementor import textarea and run the import.

3. Verify imported classes

   Confirm the imported classes appear in Elementor’s class management UI.

3. Test in Elementor

1. Open Elementor editor

   Edit a page or post with Elementor.

2. Insert an atomic element

   Add a Heading, Text, or Div Block to the canvas.

3. Apply a utility class

   Assign a simple class like text-2xl or flex to verify the import worked.

4. Confirm rendering

   Make sure the styling appears correctly in the editor preview.

Troubleshooting Installation

Plugin activation failed

Common causes include low PHP memory, permission issues, or a damaged upload package. Re-upload the ZIP and review server logs if activation fails again.

Elementor not compatible

If Skelementor warns about Elementor, update to Elementor 4.0+ and confirm Atomic Editor is enabled before retrying.

Server errors

Review PHP memory limits, filesystem permissions, and any web server error logs if imports or activation trigger 500 errors.

Getting Help

Common Errors

Troubleshoot import failures and class conflicts.

Support Workflow

See what information to gather before contacting Skelementor support.

FAQ

Review the most common setup and usage questions.

GitHub Issues

Report bugs or request features on GitHub.

Next Steps

Installation complete: Continue with the quickstart guide to run your first import.

Start with Quickstart

Import your first utility classes.

Explore the Framework

Review the utility surface area before importing larger class sets.