1337 CDN Plugin (WordPress)
1337 CDN Plugin (WordPress)
WordPress plugin that allows administrators to add up to 10 external CSS and JavaScript CDN URLs to the
<head> section of every page on their WordPress site.
Explanation:
- Admin Settings Page:
- A settings page is added to the WordPress admin menu through the
add_menu_pagefunction. It creates a page titled “1337 CDN Settings” under the “1337 CDN” menu item. - The settings page allows the admin to input up to 10 CDN URLs, each of which can be designated as either a CSS or JavaScript file via a radio button.
- A settings page is added to the WordPress admin menu through the
- Form Handling:
- When the admin submits the form on the settings page, the CDN URLs are saved to the WordPress database using the
update_optionfunction. - If the form is submitted successfully, a success message is displayed.
- When the admin submits the form on the settings page, the CDN URLs are saved to the WordPress database using the
- Adding CDN to the Head:
- The plugin retrieves the stored CDN URLs from the database using the
get_optionfunction. - It then outputs the corresponding
<link>or<script>tags in the<head>section of every page depending on whether the CDN is a CSS or JavaScript file.
- The plugin retrieves the stored CDN URLs from the database using the
- Security Measures:
- The input is sanitized using
esc_urlto prevent injection attacks. - The admin page checks for proper permissions (
current_user_can('manage_options')) to ensure only authorized users can access and modify the settings.
- The input is sanitized using
Reasons to Use This Plugin:
- Easily Manage External Resources: This plugin allows administrators to easily manage up to 10 external CSS and JS resources from CDNs without modifying the theme files manually. It centralizes this functionality within the WordPress admin interface.
- Speed and Performance: By adding external resources (especially from well-established CDNs), you can leverage the caching and delivery speed improvements offered by CDNs, which helps improve your site’s performance.
- Flexibility and Control: The admin can decide which external resources (CSS or JS) to load on all pages without directly editing the theme’s code or functions file, reducing the chance of errors or conflicts in core files.
- Separation of Concerns: This plugin isolates the management of external CSS and JavaScript files, preventing code clutter in theme files and allowing easy updates or changes to these resources.
- No Code Knowledge Required: Even non-developers can use this plugin to add CDN resources via a simple form in the admin panel. This is useful for administrators who don’t want to touch code but need to add external libraries.
- Improved Organization: By giving users a clear and straightforward interface to add CDN links, it keeps the site’s external resources organized in one location.
- Custom Scripts or Stylesheets: Developers can quickly test and integrate libraries like jQuery, Bootstrap, or FontAwesome through CDNs without hard-coding them into the theme.
- Saves Development Time: This plugin eliminates the need for developers to manually add CDNs in multiple places, ensuring consistent delivery across all pages.
Project Details
WordPress plugin that allows administrators to add up to 10 […]