Description

Sports Court Designer is a free, open-source WordPress plugin that allows construction companies to embed an interactive sports court designer on their website. Clients can preview different color combinations for tennis, basketball, and pickleball courts in real-time.

Perfect for:
* Court construction companies
* Sports facility contractors
* Athletic surface installers
* Recreation center planners

Key Features:

Three Court Types – Tennis, Basketball, and Pickleball courts
Real-time Color Preview – Instant visual feedback as colors are selected
17 Professional Colors – Industry-standard court colors including LEED-certified options
Company Branding – Add your company logo to all court designs
Download Designs – Clients can save court designs as PNG images
Responsive Design – Works perfectly on desktop, tablet, and mobile devices
Multiple Integration Methods – Use via shortcode or Gutenberg block
No External Dependencies – All rendering done client-side for fast performance

Available Colors Include:
* Ice Blue, Light Blue, Blue
* Light Green, Forest Green, Dark Green
* Tournament Purple, Black, Maroon
* Red, Brite Red, Orange, Yellow
* Sandstone, Beige, Dove Gray
* Brown (ColorPlus fusion blend)

Customizable Court Areas:

Tennis Courts:
* Court (inner play area)
* Border (outer area)

Basketball Courts:
* Court surface
* Border
* 3-Point Area
* Key (paint area)
* Top of Key
* Center Court Circle

Pickleball Courts:
* Court
* Border
* Non-Volley Zone (kitchen)

Usage

Via Shortcode:
[court_designer type=”tennis”]
[court_designer type=”basketball”]
[court_designer type=”pickleball”]

Via Gutenberg Block:
1. In the block editor, search for “Sports Court Designer”
2. Add the block to your page
3. Select the court type in the block settings

License

This plugin is licensed under the GPL v2 or later.

Credits

Developed by Hayk Saakian

Screenshots

Tennis court designer with color selection interface
Basketball court showing multiple customizable areas with color indicators
Pickleball court designer with color customization options
Admin settings page for company logo upload

Blocks

This plugin provides 1 block.

Sports Court Designer

Installation

Upload the plugin files to the /wp-content/plugins/court-designer directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress
Use the Settings Sports Court Designer screen to configure the plugin and add your company logo
Add the court designer to any page or post using the shortcode or block

FAQ

Can I customize the available colors?: Yes, advanced users can modify the colors by editing the assets/data/colors.json file in the plugin directory.
Is this plugin free?: Yes, this plugin is completely free and open source under the GPL v2 license.
Can clients save their designs?: Yes, users can download their court designs as PNG images using the Download Design button.
Does this work on mobile devices?: Yes, the court designer is fully responsive and works on all modern devices and browsers.
Can I add my company logo?: Yes! Go to Settings Sports Court Designer in your WordPress admin to upload your company logo. It will appear on all court designs.
Does this plugin make external API calls?: No, all rendering is done client-side. The plugin does not make any external API calls or send data to third-party services.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Sports Court Designer” is open source software. The following people have contributed to this plugin.

hayksaakian

Translate “Sports Court Designer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.6.0

Added Pickleball + Half-Court Basketball combo court
New court type allows pickleball primary with basketball half-court overlay
Includes colorable non-volley zone (kitchen area)
Basketball lines positioned as secondary overlay per shop drawing specifications
Enhanced combo court options for multi-sport facilities

1.5.1

Fixed area selector text visibility issue on sites with global white text styles
Improved CSS specificity to prevent theme/page builder style conflicts
Added explicit text colors to all interactive elements
Enhanced button hover states to maintain proper text colors

1.5.0

Added combo court support for multi-sport facilities
New court types: Tennis + 1 Pickleball, Tennis + 2 Pickleball, Tennis + 4 Pickleball
Added 2 Pickleball + Tennis option (pickleball primary)
Implemented primary/secondary line coloring system
Enhanced UI with organized combo court dropdown
Added support for customizing overlapping court lines
Improved court area color filtering based on selection

1.4.0

Added line color customization for all court types
Added white and black colors to palette
Added filtered color palettes – different colors for lines vs fills
Updated color palette to client’s exact hex values
Updated tennis court dimensions to match shop drawings
Improved pickleball court margins for better proportions
Removed LEED labels from interface (per client request)
Fixed basketball and pickleball court line color changes
Fixed white color swatch visibility with border

1.3.3

Fixed JavaScript enqueuing – moved inline scripts to separate file
Properly enqueue admin scripts using wp_enqueue_script()
Pass translatable strings via wp_localize_script()
Removed screenshot files from plugin (for WordPress.org compliance)
Screenshots now only in SVN repository, not in plugin zip

1.3.2

Fixed all WordPress.org Plugin Check errors
Replaced _e() with proper escaping functions (esc_html__, esc_attr__)
Added proper input validation for $_POST data
Removed deprecated load_plugin_textdomain() function
Updated tested up to WordPress 6.8
Improved code to meet WordPress coding standards

1.3.1

Fixed reset colors button not updating color indicators
Fixed basketball and pickleball color indicators display
Fixed color indicators when switching court types

1.3.0

Security Enhancement: Removed URL input for logos – Media Library only
Added automatic migration from URLs to attachment IDs
Improved WordPress Media Library integration
Added image type filtering in media uploader

1.2.1

Enhanced URL validation for logo uploads
Added error handling for JSON file loading
Improved file inclusion with existence checks
Fixed JavaScript initialization for dynamically loaded scripts

1.2.0

Added color indicators on area selection tabs
Added “Currently Selected: [Color Name]” display
Improved user interface for better color selection clarity

1.1.0

Moved logo upload from frontend to admin settings only
Logo now persistent across all court designs
Added WordPress Media Library integration

1.0.2

Fixed Settings link URL in plugins list

1.0.1

Added Settings link in WordPress plugins list

1.0.0

Initial release
Support for Tennis, Basketball, and Pickleball courts
17 standard court colors with LEED certification info
Real-time color customization
Download court designs as PNG
Shortcode and Gutenberg block support