PluginProbe
WP Coder – Insert & Manage Code Snippets / 4.5
WP Coder – Insert & Manage Code Snippets v4.5
4.5.1 1.1 2.3.1 2.3.2 2.4.1 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 3.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.1 3.1.1 3.2 3.2.1 3.3 3.4 3.5 3.5.1 All 39 releases
← All changes | README.txt +295 -96 3.04.5 View file →
@@ -1,171 +1,370 @@
1 -=== WP Coder - Powerful HTML, CSS & JS Injection ===
1 +=== WP Coder – Insert & Manage Code Snippets ===
2 2 Contributors: Wpcalc, lobov
3 -Donate link: https://wow-estore.com/item/wp-coder-pro/
4 -Tags: html, css, js, injection, coding, customization, development
5 -Requires at least: 3.2
6 -Tested up to: 6.3
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 7 Requires PHP: 7.4
8 -Stable tag: 3.0
8 +Stable tag: 4.5
9 9 License: GPLv2 or later
10 -License URI: http://www.gnu.org/licenses/gpl-2.0.html
10 +License URI: https://www.gnu.org/licenses/gpl-2.0.html
11 11
12 -WP Coder: A profound WordPress plugin for directly incorporating custom HTML, CSS, and JavaScript codes into your WordPress pages.
12 +Snippets made simple — easily insert and manage custom PHP, CSS, JS & HTML without coding in theme files.
13 13
14 14 == Description ==
15 -WP Coder can embed HTML, JS, and CSS codes directly into your WordPress pages. This plugin allows you to easily manage style issues, add web forms, or introduce interactive features. For more detailed information on each feature, please consult our [official documentation](https://wow-estore.com/guides/wp-coder/).
16 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.
17 18
18 -This plugin is an excellent tool for integrating a variety of scripts or styles, which can enhance your website's aesthetics, interaction, and overall appeal.
19 +[Documentation](https://wpcoder.pro/category/documentation/) | [Upgrade to Pro](https://wpcoder.pro/)
19 20
20 -WP Coder gives you the freedom to incorporate diverse elements, constructed using scripts and styles, into virtually any part of your website.
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`.
21 27
22 -For instance, introducing a pop-up window script or a notifications script to a webpage is effortless, eliminating the need for multiple plugins, thereby avoiding the potential for site performance degradation.
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.
23 32
24 -### Features ###
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.
25 43
26 -1. **Direct Injection of Codes** - Embed HTML, JS, and CSS codes directly to your pages or the whole site.
27 -2. **Test Mode** - Test different codes without affecting your live site.
28 -3. **Import/Export Functions** - Transfer your code snippets effortlessly across different websites.
29 -4. **Multifunctional Code Editor** - Enjoy color syntax highlighting, line numbering, and built-in error checking.
30 -5. **Advanced CSS and JS Options** - Have your CSS and JavaScript inline or minified to optimize page loading times.
31 -6. **Integration of External Libraries** - With WP Coder, you can tap into the vast pool of third-party libraries, leveraging existing scripts or styles that can significantly optimize your site development. This feature is perfect for not having to reinvent the wheel, and instead, you can build upon the robust releases of global developers to enhance your site's functionality and appeal.
32 -7. **Easily Embed Shortcodes into HTML Code** - Shortcodes provide a convenient way to add complex features to your website without manually writing them into the HTML. With WP Coder, these shortcodes can be easily inserted into your HTML, improving site development speed and simplicity. Whether you're looking to embed a contact form, add a gallery, or even include custom-designed elements, all these can be done through just a few lines of shortcode, significantly simplifying your website management.
44 +### Included Tools:
33 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.
34 50
35 -WP Coder is an invaluable tool for all WordPress developers, website owners, and coding enthusiasts. Elevate your WordPress development experience with WP Coder.
51 +#### Content & Templates
52 +- Markdown Editor - Disables Gutenberg and TinyMCE, replacing them with a Markdown editor powered by CodeMirror.
36 53
37 -*Please note:* While WP Coder allows for advanced customization and control, improper use may affect your site. Always backup your site before making significant changes.
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.
38 58
39 -### Video ###
59 +### Included Snippets:
40 60
41 -https://youtu.be/VlJwkMwf4ZQ
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
42 69
43 -### Other Useful Plugins ###
70 +#### Admin Interface Tweaks
71 +- Disable Screen Options Tab
72 +- Disable Welcome Panel
73 +- Duplicate Posts
74 +- Disable Admin Bar
44 75
45 -If you find WP Coder useful, you might also want to check out our other plugins:
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
46 84
47 -* [Popup Box – new WordPress popup plugin](https://wordpress.org/plugins/popup-box/)
48 -* [Counter Box – powerful creator of counters, timers and countdowns](https://wordpress.org/plugins/counter-box/)
49 -* [Button Generator – easily Button Builder](https://wordpress.org/plugins/button-generation/)
50 -* [Herd Effects – fake notifications and social proof plugin](https://wordpress.org/plugins/mwp-herd-effect/)
51 -* [Floating Button](https://wordpress.org/plugins/floating-button/)
52 -* [Side Menu Lite – add sticky fixed buttons](https://wordpress.org/plugins/side-menu-lite/)
53 -* [Sticky Buttons – floating buttons builder](https://wordpress.org/plugins/sticky-buttons/)
54 -* [Bubble Menu – circle floating menu](https://wordpress.org/plugins/bubble-menu/)
55 -* [Float menu – awesome floating side menu](https://wordpress.org/plugins/float-menu/)
56 -* [Modal Window – create modal window](https://wordpress.org/plugins/modal-window/)
57 -* [Wow Skype Buttons](https://wordpress.org/plugins/mwp-skype/)
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
58 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 +
59 132 == Installation ==
60 133
61 -= Automatic installation =
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.
62 138
63 -1. Log into your WordPress admin
64 -2. Click __Plugins__
65 -3. Click __Add New__
66 -4. Search for __WP Coder__
67 -5. Click __Install Now__ under "WP Coder"
68 -6. Activate the plugin
69 -7. Click link "Settings" or go to the page "Wow Plugins" ⇒ "WP Coder"
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**.
70 144
71 -= Manual installation =
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**.
72 149
73 -1. Download the plugin
74 -2. Extract the contents of the zip file
75 -3. Upload the contents of the zip file to the `wp-content/plugins/` folder of your WordPress installation
76 -4. Activate the WP Coder plugin from 'Plugins' page.
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.
77 155
78 -For more detailed instructions on setting up WP Coder, please refer to our [step-by-step guide](https://wow-estore.com/guides/wp-coder/).
79 156
157 +== Frequently Asked Questions ==
80 158
81 -== Frequently Asked Questions ==
159 += Does WP Coder support Network activation? =
82 160
83 -= How do I activate WP Coder in Network mode? =
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.
84 162
85 -If you're using WordPress in Network mode, WP Coder will need to be activated for each individual site within the network. Unfortunately, the plugin does not support network-wide activation at this time.
163 += Where can I find detailed documentation? =
86 164
87 -= Where can I find more detailed documentation? =
88 -You can find a complete guide and detailed usage instructions in our [official documentation](https://wow-estore.com/guides/wp-coder/).
165 +Visit our comprehensive [official documentation](https://wpcoder.pro/category/documentation/) for detailed guides and step-by-step instructions.
89 166
90 -= Can I insert any shortcode into the HTML block content? =
167 += How can I use shortcode content in HTML code? =
91 168
92 -Absolutely, you can embed any shortcode into the HTML block content using WP Coder. This flexibility not only allows you to include shortcodes from other plugins, but you can also use shortcodes specifically from WP Coder itself, adding a layer of convenience to your customization process.
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}}`.
93 170
94 -= How can I use the tag feature in the 'Publish' block? =
171 += Can I use shortcodes from other plugins within WP Coder snippets? =
95 172
96 -Tags in WP Coder are useful for categorizing and grouping your code snippets. When you create an item (a code snippet), you have the option to assign a tag to it in the 'Publish' block. This tag can help you organize your snippets and make them easier to filter in the list of items. To assign a tag, simply enter the name of your tag in the 'Tag' field when creating or editing an item.
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.
97 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 +
98 179 = How do I use the link feature in the 'Publish' block? =
99 180
100 -The link feature in the 'Publish' block allows you to attach a link to the page where your shortcode is inserted. This way, you can always track where you've placed a particular shortcode. You can set this by entering the URL of the page in the 'Link' field when creating or editing your code snippet in WP Coder.
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.
101 182
102 183
184 +
103 185 == Screenshots ==
104 -1. HTML block
105 -2. CSS Block
106 -3. JavaScript Block
107 -4. Include custom CSS and JS files
108 -5. Publish Information
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.
109 196
110 197 == Changelog ==
111 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 +
112 315 = 3.0 =
113 -* Added: 'Test Mode' and 'Status' for items.
114 -* Added: 'Tag' and 'Link Options.'
115 -* Added: 'Inline' and 'Minified' options to the CSS block.
116 -* Added: JavaScript (JS) block options include 'JQuery Dependency,' 'Inline,' 'Minified,' and 'Attribute.'
117 -* Added: Attributes for JavaScript in the 'Includes block.'
118 -* Added: 'Export/Import' function.
119 -* Updated: Database structure.
120 -* Updated: The style of the admin interface.
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.
121 322
122 323 = 2.5.6 =
123 -* Fixed: minor bug in page-list
324 +* Fixed: Minor bug in snippet list.
124 325
125 326 = 2.5.5 =
126 -* Fixed: minor bug
327 +* Fixed: General minor fixes.
127 328
128 329 = 2.5.4 =
129 -* Fixed: security update
330 +* Fixed: Security enhancements.
130 331
131 332 = 2.5.3 =
132 -* Fixed: security update
333 +* Fixed: Additional security improvements.
133 334
134 335 = 2.5.2 =
135 -* Fixed: minor bug on main page of the plugin
336 +* Fixed: Minor issues on main plugin page.
136 337
137 338 = 2.5.1 =
138 -* Fixed: minor bug.
339 +* Fixed: General minor fixes.
139 340
140 -= 2.5. =
141 -* Added: alternative shortcode.
142 -* Added: processing shortcodes inserted into the HTML code
341 += 2.5 =
342 +* Added: Alternative shortcode option.
343 +* Added: Shortcode processing within HTML snippets.
143 344
144 345 = 2.4 =
145 -* Fixed: Adding tag <textarea> in HTML code
146 -* Fixed: shortcode code
346 +* Fixed: Handling of `<textarea>` tags in HTML.
347 +* Fixed: Shortcode functionality.
147 348
148 349 = 2.3.2 =
149 -* Fixed: deleting item
150 -* Fixed: saving into database
350 +* Fixed: Snippet deletion and database saving issues.
151 351
152 352 = 2.3 =
153 -* Fixed: minor bugs
353 +* Fixed: Minor bug fixes.
154 354
155 355 = 2.2 =
156 -* Fixed: order of connection scripts and styles
356 +* Fixed: Improved script/style loading order.
157 357
158 358 = 2.1 =
159 -* Fixed: Saving in the database
359 +* Fixed: Database save issue resolved.
160 360
161 -
162 361 = 2.0 =
163 -* Added: Codemirror
164 -* Optimized: file storage
165 -* Changed: admin style
362 +* Added: CodeMirror integration.
363 +* Optimized: Improved file storage efficiency.
364 +* Improved: Admin interface styling.
166 365
167 366 = 1.1 =
168 -* Fixed: display shortcode in content
367 +* Fixed: Shortcode display issue in content.
169 368
170 369 = 1.0 =
171 -* Initial release
370 +* Initial release.