Skip to main content
Skelementor Installation - Complete installation guide

​
System Requirements

​
Minimum 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:

​
Pre-Installation Checklist

Before installing Skelementor, verify these points:
Confirm the site is on WordPress 6.9+ (latest 6.9.x recommended) via Dashboard → Updates or Tools → Site Health.
Use Elementor v4 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 v4 is active 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.
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

Open the Skelementor screen

Open the Skelementor admin screen after activation.
2

Import the Skelementor Preset

Click Import Skelementor Preset to load the built-in default-breakpoints package.
3

Verify imported classes

Confirm the imported classes appear in Elementor’s class management UI.
The Skelementor Preset imports 976 classes for Elementor’s default desktop, tablet, and mobile breakpoints. It stays within Elementor’s native 1000 global class limit, so no core-file patching is required.

​
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

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.
If Skelementor warns about Elementor, update to Elementor v4 and confirm Atomic Editor is enabled before retrying.
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.