| 1 |
=== WP Coder – Insert & Manage Code Snippets === |
| 2 |
Contributors: Wpcalc, lobov |
| 3 |
Donate link: https://wpcoder.pro/ |
| 4 |
Tags: code snippets, code, snippets, shortcode, code |
| 5 |
Requires at least: 5.4 |
| 6 |
Tested up to: 7.0 |
| 7 |
Requires PHP: 7.4 |
| 8 |
Stable tag: 4.5 |
| 9 |
License: GPLv2 or later |
| 10 |
License URI: https://www.gnu.org/licenses/gpl-2.0.html |
| 11 |
|
| 12 |
Snippets made simple — easily insert and manage custom PHP, CSS, JS & HTML without coding in theme files. |
| 13 |
|
| 14 |
== Description == |
| 15 |
|
| 16 |
Tired of editing theme files to add custom scripts or styles? |
| 17 |
**WP Coder** lets you insert custom HTML, CSS, JavaScript, and PHP snippets directly from your dashboard — no coding in theme files required. Gain full control and flexibility over your site. |
| 18 |
|
| 19 |
[Documentation](https://wpcoder.pro/category/documentation/) | [Upgrade to Pro](https://wpcoder.pro/) |
| 20 |
|
| 21 |
### Why WP Coder? |
| 22 |
- **All-in-One Code Editor:** Tabbed editor for HTML, CSS, JS & PHP with CodeMirror syntax highlighting. |
| 23 |
- **Gutenberg Block:** Insert snippets directly in the block editor with live preview and custom attribute support. |
| 24 |
- **Shortcode Integration:** Use `[wp_code id="X"]` to embed snippets anywhere. |
| 25 |
- **Live Preview:** Instantly preview HTML & CSS without reloads in both the backend and Gutenberg. |
| 26 |
- **Performance Ready:** Minify CSS/JS, obfuscate JavaScript, and control script loading with `async` / `defer`. |
| 27 |
|
| 28 |
### Ideal For |
| 29 |
- **Developers:** Test snippets, hooks, and debug quickly. |
| 30 |
- **Marketers:** Insert tracking pixels, analytics, and ad scripts. |
| 31 |
- **Designers & Bloggers:** Customize layouts, styles, and enhance engagement. |
| 32 |
|
| 33 |
### Key Features |
| 34 |
- Insert **HTML, CSS, JS, and PHP** via powerful shortcodes. |
| 35 |
- Smart PHP handling: run in admin, front-end, everywhere, or only where inserted. |
| 36 |
- Include external libraries (Google Fonts, CDN scripts & styles). |
| 37 |
- **Test Mode:** Preview snippets safely before going live. |
| 38 |
- Import/Export snippets and settings between sites. |
| 39 |
- **JavaScript Obfuscation:** Protect your scripts with Dean Edwards' Packer. |
| 40 |
- **Customizable Interface:** Hide unused editor tabs (HTML, CSS, JS, etc.) for a cleaner workflow. |
| 41 |
- **NAV comments:** Add inline navigation markers for faster code editing. |
| 42 |
- Lightweight & secure — built for performance. |
| 43 |
|
| 44 |
### Included Tools: |
| 45 |
|
| 46 |
#### Integrations |
| 47 |
- Google Tag Manager (GTM) integration with user role controls. |
| 48 |
- Google Analytics, Facebook Pixel, and Pinterest Pixel integration. |
| 49 |
- Google AdSense integration with the option to disable ads for selected user roles. |
| 50 |
|
| 51 |
#### Content & Templates |
| 52 |
- Markdown Editor - Disables Gutenberg and TinyMCE, replacing them with a Markdown editor powered by CodeMirror. |
| 53 |
|
| 54 |
#### Developer Tools |
| 55 |
- Debug Log management (enable/disable and clear log). |
| 56 |
- Show Page Debug Info - Display technical info for the current request in the Admin Bar (template, query type, object, body classes). Admins only. |
| 57 |
- Theme Switcher - Quickly switch between installed themes directly from the admin bar. |
| 58 |
|
| 59 |
### Included Snippets: |
| 60 |
|
| 61 |
#### Editor & Content |
| 62 |
- Disable Gutenberg Editor |
| 63 |
- Remove Gutenberg Block CSS |
| 64 |
- Disable Widget Blocks |
| 65 |
- Enable Shortcode Execution in Widgets |
| 66 |
- Enable Excerpt for Pages |
| 67 |
- Open External Links in New Tabs |
| 68 |
- Change “Read More” Text |
| 69 |
|
| 70 |
#### Admin Interface Tweaks |
| 71 |
- Disable Screen Options Tab |
| 72 |
- Disable Welcome Panel |
| 73 |
- Duplicate Posts |
| 74 |
- Disable Admin Bar |
| 75 |
|
| 76 |
#### Login & User Access |
| 77 |
- Disable Login Page Language Switcher |
| 78 |
- Disable Login by Email |
| 79 |
- Disable Admin Password Reset Emails |
| 80 |
- Custom Login Logo |
| 81 |
- Custom Login Redirect URLs |
| 82 |
- Change Redirect After Login |
| 83 |
- Change Redirect After Logout |
| 84 |
|
| 85 |
#### Media & Embeds |
| 86 |
- Enable SVG Upload |
| 87 |
- Force Lowercase Filenames |
| 88 |
- Default ALT Text for Avatars |
| 89 |
- Enable/Disable Lazy Load |
| 90 |
- Disable Embeds |
| 91 |
- Adjust oEmbed Max Dimensions |
| 92 |
|
| 93 |
#### Core Functionality |
| 94 |
- Disable XML-RPC |
| 95 |
- Disable REST API |
| 96 |
- Disable Automatic Updates |
| 97 |
- Disable Automatic Updates Emails |
| 98 |
- Disable Emojis |
| 99 |
- Disable Shortlinks |
| 100 |
- Limit Post Revisions |
| 101 |
|
| 102 |
#### Comments & Feedback |
| 103 |
- Disable Comments Globally |
| 104 |
- Disable Comment URL Field |
| 105 |
- Disable Self Pingbacks |
| 106 |
- Disable Trackbacks & Pingbacks |
| 107 |
- Disable HTML in Comments |
| 108 |
- Limit Comment Length |
| 109 |
|
| 110 |
#### Cleanup & Optimization |
| 111 |
- Remove WP Version |
| 112 |
- Disable Attachment Pages |
| 113 |
- Disable RSS Feeds |
| 114 |
- Disable Built-in Search |
| 115 |
- Disable wlwmanifest Link |
| 116 |
- Disable Automatic Trash Emptying |
| 117 |
- Redirect 404 to Homepage |
| 118 |
|
| 119 |
WP Coder simplifies your WordPress development workflow and makes customization safe, fast, and flexible! |
| 120 |
|
| 121 |
Get started today and simplify your WordPress development workflow with **WP Coder**! |
| 122 |
|
| 123 |
### Quick Start Video |
| 124 |
https://youtu.be/BgY3R8j1uWM |
| 125 |
|
| 126 |
### Plugin Demo: |
| 127 |
https://youtu.be/YF4X7sU0iFY?si=327VZduhqu_mh5-N |
| 128 |
|
| 129 |
= Support = |
| 130 |
Need help? Ask questions and get quick answers in our [support center](https://wordpress.org/support/plugin/wp-coder). |
| 131 |
|
| 132 |
== Installation == |
| 133 |
|
| 134 |
### 📌 Option 1: Install via WordPress Admin |
| 135 |
1. Go to **`Plugins` → `Add New`** in your WordPress admin panel. |
| 136 |
2. Search for **"WP Coder"** and click **Install Now**. |
| 137 |
3. Click **Activate** after installation. |
| 138 |
|
| 139 |
### 📌 Option 2: Install Manually |
| 140 |
1. **Download** the WP Coder plugin ZIP file from [WordPress.org](https://wordpress.org/plugins/wp-coder/). |
| 141 |
2. In WordPress admin, go to **`Plugins` → `Add New`** → **Upload Plugin**. |
| 142 |
3. Click **Choose File**, select the downloaded ZIP file, then click **Install Now**. |
| 143 |
4. After installation, click **Activate**. |
| 144 |
|
| 145 |
### 📌 Option 3: Install via FTP |
| 146 |
1. **Download and unzip** the WP Coder plugin ZIP file. |
| 147 |
2. Upload the extracted **`wp-coder`** folder to `/wp-content/plugins/` via FTP. |
| 148 |
3. Go to **`Plugins`** in WordPress admin and click **Activate**. |
| 149 |
|
| 150 |
### 🚀 Getting Started |
| 151 |
1. Navigate to the **`Wow Plugins → WP Coder`** section in your WordPress admin panel. |
| 152 |
2. Click **`Add New Snippet`** to create your first code snippet. |
| 153 |
3. Configure your snippet settings (HTML, CSS, JavaScript, PHP). |
| 154 |
4. Click **Save** to apply your changes. |
| 155 |
|
| 156 |
|
| 157 |
== Frequently Asked Questions == |
| 158 |
|
| 159 |
= Does WP Coder support Network activation? = |
| 160 |
|
| 161 |
Currently, WP Coder doesn't support network-wide activation. If you're using WordPress Multisite, activate the plugin individually on each site within your network. |
| 162 |
|
| 163 |
= Where can I find detailed documentation? = |
| 164 |
|
| 165 |
Visit our comprehensive [official documentation](https://wpcoder.pro/category/documentation/) for detailed guides and step-by-step instructions. |
| 166 |
|
| 167 |
= How can I use shortcode content in HTML code? = |
| 168 |
|
| 169 |
If you include content within the shortcode like `[wp_code id="1"]Some Text[/wp_code]`, you can insert this content into your HTML snippet using the variable `{{$shortcode_content}}`. |
| 170 |
|
| 171 |
= Can I use shortcodes from other plugins within WP Coder snippets? = |
| 172 |
|
| 173 |
Absolutely! WP Coder allows you to embed shortcodes from any plugin within your HTML snippet content. You can also use WP Coder’s own shortcodes, offering enhanced flexibility for customization. |
| 174 |
|
| 175 |
= What is the purpose of tags in the 'Publish' block? = |
| 176 |
|
| 177 |
Tags help categorize and organize your snippets. When creating or editing a snippet, assign tags in the 'Publish' block to easily filter and manage your snippets later. |
| 178 |
|
| 179 |
= How do I use the link feature in the 'Publish' block? = |
| 180 |
|
| 181 |
The link feature helps you track where your shortcode is placed. Simply enter the URL of the page where your shortcode is inserted in the 'Link' field when creating or editing your snippet. |
| 182 |
|
| 183 |
|
| 184 |
|
| 185 |
== Screenshots == |
| 186 |
1. HTML Block – Easily insert custom HTML snippets. |
| 187 |
2. CSS Block – Manage and insert custom CSS snippets. |
| 188 |
3. JavaScript Block – Customize your site's functionality with JS snippets. |
| 189 |
4. PHP Block – Dynamically embed PHP snippets. |
| 190 |
5. Include External CSS & JS – Quickly link external CSS and JavaScript files. |
| 191 |
6. Publish Settings – Configure snippet visibility and publishing options. |
| 192 |
7. Snippets Manager – manage all snippets efficiently. |
| 193 |
8. Tools – Access helpful tools like Tracking Code Manager and Google AdSense integration. |
| 194 |
9. Global PHP – Insert PHP snippets globally across your website. |
| 195 |
10. Export/Import – Easily export and import your snippet settings. |
| 196 |
|
| 197 |
== Changelog == |
| 198 |
|
| 199 |
### Helpful Links ### |
| 200 |
- [Website](https://wpcoder.pro) |
| 201 |
- [Documentation](https://wpcoder.pro/category/documentation/) |
| 202 |
- [Upgrade to Pro!](https://wpcoder.pro/) |
| 203 |
|
| 204 |
= 4.5 = |
| 205 |
* Added: Lazy load option for images |
| 206 |
* Added: Google Tag Manager integration in Tools & Integrations |
| 207 |
* Fixed: Snippet **Open External Links in New Tab** now correctly identifies internal links |
| 208 |
|
| 209 |
= 4.4 = |
| 210 |
* Added: **Gutenberg block** – insert and manage WP Coder snippets directly inside the WordPress block editor with live preview. |
| 211 |
|
| 212 |
= 4.3.1 = |
| 213 |
* Fixed: includes css to Live preview |
| 214 |
|
| 215 |
= 4.3 = |
| 216 |
* Added: **Markdown Editor** in Tools for writing with Markdown syntax. |
| 217 |
* Added: **Debug Tools** section in Tools, including: |
| 218 |
- Show Page Debug Info |
| 219 |
- Theme Switcher |
| 220 |
- Plugin Switcher |
| 221 |
* Improved: Tools page layout – tools are now grouped into sections for easier navigation. |
| 222 |
|
| 223 |
= 4.2 = |
| 224 |
* Added: Debug Log page in WP Coder admin menu with options to enable/disable logging and clear log. |
| 225 |
* Added: Admin bar indicator with link to Debug Log when entries are present. |
| 226 |
|
| 227 |
= 4.1 = |
| 228 |
* Added: Export snippets by tags |
| 229 |
* Added: Export selected snippets |
| 230 |
* Added: Option to use CSS files only in Live Preview without loading them on the site |
| 231 |
|
| 232 |
= 4.0.3 = |
| 233 |
* Added: duplicate button for each item |
| 234 |
* Improved: Live Preview block behavior and rendering |
| 235 |
|
| 236 |
= 4.0.2 = |
| 237 |
* Improved: Reorganized method order in DBManager class for better readability and maintenance |
| 238 |
* Improved: Minor SQL formatting for consistency |
| 239 |
* Cleaned: Minor code style improvements according to WordPress Coding Standards (WPCS) |
| 240 |
|
| 241 |
= 4.0.1 = |
| 242 |
* Improved: Added `matchBrackets: true` option for the JavaScript editor to highlight matching brackets when editing code. |
| 243 |
|
| 244 |
= 4.0 = |
| 245 |
* Improved: Refreshed interface for better user experience. |
| 246 |
* Added: "Open External Links in New Tab" snippet. |
| 247 |
* Added: "Redirect 404 to Homepage" snippet. |
| 248 |
* Added: "Limit Comment Length" snippet. |
| 249 |
* Added: "Disable HTML in Comments" snippet. |
| 250 |
* Added: "Disable Trackbacks & Pingbacks" snippet. |
| 251 |
* Added: Live preview feature for HTML & CSS snippets. |
| 252 |
|
| 253 |
= 3.6.1 = |
| 254 |
* Fixed: Security issue in escaping within list files. |
| 255 |
|
| 256 |
= 3.6 = |
| 257 |
* Added: Custom locations for PHP snippet inclusion. |
| 258 |
* Added: Option to hide tabs in settings. |
| 259 |
* Fixed: Admin style compatibility for Safari browser. |
| 260 |
|
| 261 |
= 3.5.2 = |
| 262 |
* Fixed: Minor admin style improvements. |
| 263 |
* Fixed: Various minor bugs. |
| 264 |
|
| 265 |
= 3.5.1 = |
| 266 |
* Changed: Adjusted user permissions to use the plugin. |
| 267 |
|
| 268 |
= 3.5 = |
| 269 |
* Added: "Tracking Code Manager" tool for easy integration of analytics pixels. |
| 270 |
* Added: "Google AdSense" integration tool. |
| 271 |
* Added: User roles support for "Disable WP Admin Bar" snippet. |
| 272 |
* Improved: Updated back-link functionality. |
| 273 |
|
| 274 |
= 3.4 = |
| 275 |
* Added: Pre-set popular snippets page. |
| 276 |
|
| 277 |
= 3.3 = |
| 278 |
* Added: Button to insert images in HTML snippets. |
| 279 |
* Added: HTML Minification tool. |
| 280 |
* Improved: Enhanced CSS Minification tool. |
| 281 |
|
| 282 |
= 3.2.1 = |
| 283 |
* Fixed: Minor database issue. |
| 284 |
|
| 285 |
= 3.2 = |
| 286 |
* Added: "Add New" and "All Codes" buttons in editor. |
| 287 |
* Fixed: Improved admin styling. |
| 288 |
|
| 289 |
= 3.1.1 = |
| 290 |
* Fixed: Database save issue. |
| 291 |
|
| 292 |
= 3.1 = |
| 293 |
* Added: Global PHP snippet feature. |
| 294 |
* Added: Content handling inside shortcodes. |
| 295 |
* Added: Copy shortcode button. |
| 296 |
* Improved: More flexible file inclusion management. |
| 297 |
* Changed: Shortcode updated to `[wp_code]`. |
| 298 |
|
| 299 |
= 3.0.5 = |
| 300 |
* Fixed: Minor update bug and admin notifications. |
| 301 |
|
| 302 |
= 3.0.4 = |
| 303 |
* Fixed: Updated datatable handling. |
| 304 |
|
| 305 |
= 3.0.3 = |
| 306 |
* Fixed: Inline scripts/styles management. |
| 307 |
|
| 308 |
= 3.0.2 = |
| 309 |
* Fixed: Execution order for scripts and styles. |
| 310 |
|
| 311 |
= 3.0.1 = |
| 312 |
* Fixed: Updating and saving snippets. |
| 313 |
* Fixed: Admin capability adjustments. |
| 314 |
|
| 315 |
= 3.0 = |
| 316 |
* Added: Test Mode and snippet Status. |
| 317 |
* Added: Tagging and Link options. |
| 318 |
* Added: Inline and Minified options for CSS. |
| 319 |
* Added: JavaScript optimization options. |
| 320 |
* Added: Export/Import feature. |
| 321 |
* Improved: Updated database and admin interface. |
| 322 |
|
| 323 |
= 2.5.6 = |
| 324 |
* Fixed: Minor bug in snippet list. |
| 325 |
|
| 326 |
= 2.5.5 = |
| 327 |
* Fixed: General minor fixes. |
| 328 |
|
| 329 |
= 2.5.4 = |
| 330 |
* Fixed: Security enhancements. |
| 331 |
|
| 332 |
= 2.5.3 = |
| 333 |
* Fixed: Additional security improvements. |
| 334 |
|
| 335 |
= 2.5.2 = |
| 336 |
* Fixed: Minor issues on main plugin page. |
| 337 |
|
| 338 |
= 2.5.1 = |
| 339 |
* Fixed: General minor fixes. |
| 340 |
|
| 341 |
= 2.5 = |
| 342 |
* Added: Alternative shortcode option. |
| 343 |
* Added: Shortcode processing within HTML snippets. |
| 344 |
|
| 345 |
= 2.4 = |
| 346 |
* Fixed: Handling of `<textarea>` tags in HTML. |
| 347 |
* Fixed: Shortcode functionality. |
| 348 |
|
| 349 |
= 2.3.2 = |
| 350 |
* Fixed: Snippet deletion and database saving issues. |
| 351 |
|
| 352 |
= 2.3 = |
| 353 |
* Fixed: Minor bug fixes. |
| 354 |
|
| 355 |
= 2.2 = |
| 356 |
* Fixed: Improved script/style loading order. |
| 357 |
|
| 358 |
= 2.1 = |
| 359 |
* Fixed: Database save issue resolved. |
| 360 |
|
| 361 |
= 2.0 = |
| 362 |
* Added: CodeMirror integration. |
| 363 |
* Optimized: Improved file storage efficiency. |
| 364 |
* Improved: Admin interface styling. |
| 365 |
|
| 366 |
= 1.1 = |
| 367 |
* Fixed: Shortcode display issue in content. |
| 368 |
|
| 369 |
= 1.0 = |
| 370 |
* Initial release. |
| 371 |
|
