A powerful and customizable code box plugin for WordPress.
- Download the plugin from the official website or GitHub.
- Upload it to your WordPress site via the Plugins menu.
- Activate the plugin in the Plugins dashboard.
- Configure the settings under
Settings > Custom Code Box.
- ✅ Customizable font styles
- ✅ Adjustable code box colors and borders
- ✅ Copy button with basic positioning
- ✅ Live preview of settings
- ✅ Responsive design
- ✅ Shortcode
[ccb_code]Your Code Here[/ccb_code] - ✅ Most code formats accepted
- ✅ Mobile-friendly interface
Upgrade to Pro for additional features:
- 🌟 Syntax Highlighting according to Language
- 🌟 Multiple Code Box Styles Configurations
- 🌟 More Advanced Copy Button Controls
- 🌟 Copy Button Click Tracking
- 🌟 Advanced Color Picker
- 🌟 Code Line Numbering
- 🌟 Dynamic Copy Button with Scroll
- 🌟 Priority Support
Get it here.
The CTD Custom Code Box plugin includes built-in security measures to protect your site:
- Shortcode Restriction: Only administrators can execute shortcodes to prevent unauthorized usage.
- Nonce Verification: Protects against CSRF attacks by verifying security tokens for all critical actions.
- Admin Request Validation: Ensures that only users with proper permissions can access settings and perform administrative actions.
- Secure AJAX Requests: Uses
check_ajax_referer()to validate AJAX operations. - Sanitized Inputs: All user inputs are sanitized before being processed to prevent malicious data injection.
- Escaped Output: Prevents XSS attacks by escaping all outputted data.
- Custom Capability Checks: Restricts sensitive operations to users with
manage_optionscapability. - Strict Form Handling: Verifies POST requests, ensuring they come from trusted sources and contain valid nonces.
- No External Dependencies: The plugin exclusively uses internal resources, eliminating reliance on third-party scripts or services, making it even safer.
- Navigate to Codey Box Menu in your WordPress admin.
- Customize your code box appearance and button placement.
- Embed code snippets in posts or pages using:
[ccb_code]
function greet() {
console.log("Hello, World!");
}
greet();
[/ccb_code][ccb_code language="javascript" line_numbers="true"]
function greet() {
console.log("Hello, World!");
}
greet();
[/ccb_code]language="javascript"→ Enables syntax highlighting for JavaScript.line_numbers="true"→ Enables line numbering for better readability.
Need help? Open an issue or visit our support page.
Watch the plugin in action on YouTube:
Click the image above or here to watch the video!
If you appreciate our work and wish us to continue with development of the Pro Version and send us donations you will receive receive Free Access when it is published, please consider supporting us:
Your support helps us keep improving and adding new features to this plugin!