Example of CDN and WordPress site integration via W3 Total Cache plugin
For your information
These are instructions for connecting a CDN to a WordPress site via the W3 Total Cache plugin.
- Create a CDN resource.
- Create a personalized domain for the CDN resource.
- Add a personalized domain to the CDN resource.
- Configure the W3 Total Cache plugin.
- Check the CDN resource.
1. Create a CDN resource
- In the Control Panel, on the top menu, click Products and select CDN.
- Click Create CDN resource.
- Enter a name for the resource. The name has no effect on the resource settings and is used only for operation in the control panel.
- In the Content Source block, select Your Source.
- In the Domain or IP Address field, enter the domain of your WordPress site from where the CDN will take the static files.
- Click Create CDN resource. The CDN provider will create a default domain from which to distribute content. You can view the default domain in the Control Panel: from the top menu, click Products → CDN → Share page → Share tab.
2. Create a personal domain for the CDN resource
-
Open your DNS hosting control panel.
-
Create a third-level domain, such as
cdn.example
.com.
This domain will be used as your personal CDN domain for content distribution. -
Create a CNAME record:
- record type is CNAME;
- record name is a subdomain of the form
cdn.example.com
; - value — default domain in
*.selcdn.net
format. You can view the domain in the control panel: in the top menu, click Products → CDN → Resource page → General tab . Specify the domain without the protocol.
3. Add a personal domain to a CDN resource
- In the Control Panel, on the top menu, click Products and select CDN.
- Open the CDN resource page → General tab.
- In the Personal Domains block, click Add Domain.
- Specify the third-level domain you created as your personal domain.
- Click Connect.
4. Customize the W3 Total Cache plugin
- Navigate to the WordPress admin console.
- In the left menu, go to the Plagins section.
- In the search box, type
W3 Total Cache
. - In the search results in the W3 Total Cache plugin card, click Install Now → Activate.
- In the left menu, go to Performance → General Settings.
- In the CDN block, check the Enable checkbox.
- In the CDN block, in the CDN Type field, select Generic Mirror.
- In the CDN block, click Save all settings.
- In the left menu, go to Perfomance → CDN.
- In the Configuration block, in the SSL support field, select Auto (determine connection type automatically).
- In the Replace site's hostname with field in the Configuration block, enter the domain you added to the CDN resource as a personal domain . You can view the personal domain in the Control Panel: in the top menu, click Products → CDN → CDN resource page → General tab → Personal Domains block.
- Click Save all settings.
5. Check CDN resource
- Make sure that at least 30 minutes have passed after all the settings — this time is necessary for the CDN resource to fully work.
- Open the file on your WordPress site using a link like
example.com/images/image.png
. If the file does not load, the problem is on the side of your site. - Open the file through the default domain using a link like
*.selcdn.net/images/image.png
. If the file does not load, check the CDN and Host header settings. - Open the file through the personal domain using a link like
cdn.example.com/images/image.png
. If the object does not load, check that the CNAME record you added when you created the personal domain is correct.