Website logo
HomeBlogPricingDemoAnalyse WebsiteOpen ConsoleSign Up for FREE
⌘K
🏡Home
Welcome to Front.Space 👋
About Us 🫶
🚀Getting Started
Step 1: Creating an Account
Step 2: Configuring Origins
Step 3: Select the Pricing Plan
🪴Introduction
Transformation Basics
Credits
🔗API Reference
URL Transformation API
🖼️Image
Overview
Image Format Support
Resizing and Cropping
Rounding Image Corners
Outline, Shadow and Opacity
Watermarking and Overlays
Background Color & Padding
Background Removal
🎬Video
Overview
Video Format Support
Resizing and Cropping
Trimming
⚙️Platform Integrations
WordPress
👥Team & Project Management
User Roles & Invite Members
Create or Rename Projects
Docs powered by Archbee
Platform Integrations

WordPress

12min
WordPress Logo
WordPress Logo


WordPress is widely recognized as the leading platform for website development worldwide. Whether you are creating a personal blog or a robust eCommerce site, WordPress offers incredible flexibility and requires minimal technical expertise. To effortlessly incorporate Front.Space into your WordPress website, you can follow the following steps:

You may use this FREE WordPress extension to rewrite image URLs. You will need to add your WordPress URL as an origin on Front.Space console.

https://wordpress.org/plugins/cdn-enabler/

Steps to Integrate Front.Space with your WordPress using CDN Enabler:

Installing the CDN Enabler

👉 Step 1: Go to https://wordpress.org/plugins/cdn-enabler/ and install the plugin per the directions given in the Support Section.

Installation Steps of CDN Enabler Free Plug-in
Installation Steps of CDN Enabler Free Plug-in


✅ Tip: CDN Enabler version in .zip format, can be downloaded here



Setting up the Origins in Front.Space

👉 Step 2: Add your WordPress URL as the Origin in Front.Space.

How to Identify the WordPress URL?

The first and most common method is to find your WordPress URL directly from within the admin dashboard. In the admin menu, go to Settings > General to access the general settings screen. You can then find the WordPress URL as follows:

  • WordPress Address (URL): The address to reach your site.
  • Site Address (URL): The address of your WordPress core files. 
Wordpress URL
Wordpress URL


How to Add Identified WordPress URL to Front.Space Origins?

✅ Tip: You may refer to the detailed steps of Configuring Origins on Front.Space



Modifying the CDN Hostname in CDN Enabler

👉 Step 3: Add your new Origin URL to CDN Enabler

Customizing the CDN Enabler plugin settings can be done by going to the CDN Enabler settings page. This page can be accessed by doing the following:

  1. Log in to your WordPress admin dashboard.
  2. In the left navigation sidebar hover over

The CDN Enabler settings page is simple and broken into three main parts, which are the CDN Hostname, CDN Inclusions, and CDN Exclusions.

These settings define what will be included in the rewrite, what will not, and the new hostname that the rewritten URLs will contain. The last part allows a KeyCDN account to be connected to be able to purge the CDN cache directly from WordPress. Optionally validate the configuration to ensure URLs that will be rewritten will come from a valid hostname.

CDN Enabler Settings Page
CDN Enabler Settings Page


Add the Front.Space generated modified Origin URL in the format:

https://cdn.front.space/<project_name>/<transformations>/<origin-name>/

to the CDN Hostname section in the above CDN Enabler Settings page.



Please refer to Transformation Basics to understand the URL structures in detail and refer URL Transformation API to apply various transformations using the latest origin by adding simple parameters in your URL.

Looking for a Custom Domain or CNAME Support? Upgrade to our Enterprise Plan here or get in touch with our team at support@front.space



Queries Regarding Setting up and Using Front.Space with WordPress?

We are always happy to assist you at support@front.space

💡 Please Note: We just wanted to give you a heads-up that it may take us up to 24 hours to get back to you with answers about your payment inquiries. But don't worry, our amazing team is working hard 24/7 to ensure that we make your life as easy as possible. Thanks in advance for reaching out and for your patience!



Updated 22 Nov 2023
Did this page help you?
PREVIOUS
Platform Integrations
NEXT
User Roles & Invite Members
Docs powered by Archbee
TABLE OF CONTENTS
Steps to Integrate Front.Space with your WordPress using CDN Enabler:
Installing the CDN Enabler
Setting up the Origins in Front.Space
How to Identify the WordPress URL?
How to Add Identified WordPress URL to Front.Space Origins?
Modifying the CDN Hostname in CDN Enabler
Queries Regarding Setting up and Using Front.Space with WordPress?
Docs powered by Archbee