Title: DemoDeck
Author: rsmith4321
Published: 2 juin 2026
Last modified: 2 juin 2026
---
Recherche d’extensions
# DemoDeck
Par [rsmith4321](https://profiles.wordpress.org/rsmith4321/)
[Télécharger](https://downloads.wordpress.org/plugin/demodeck.2.2.2.zip)
* [Détails](https://fr-be.wordpress.org/plugins/demodeck/#description)
* [Avis](https://fr-be.wordpress.org/plugins/demodeck/#reviews)
* [Installation](https://fr-be.wordpress.org/plugins/demodeck/#installation)
* [Développement](https://fr-be.wordpress.org/plugins/demodeck/#developers)
[Support](https://wordpress.org/support/plugin/demodeck/)
## Description
DemoDeck is the ultimate tool for web designers, agencies, and theme developers
who want to showcase their work professionally. It automatically generates a beautiful,
full-screen, responsive iframe previewer so clients can test your sites on desktop,
tablet, and mobile views.
The plugin also generates a beautiful, centralized « Hub » grid page to display
all your available demos in one place.
**Key Features:**
* **Categorize Your Demos:** Organize your portfolio by separating
client work from starting templates using the built-in custom taxonomy. * **Smart
Dropdown Grouping:** The previewer automatically groups your sites by category,
making it easy for clients to navigate your different offerings. * **Full-Screen
Previewer:** Clients can view your sites with a sleek top bar featuring device toggles(
Desktop, Tablet, Mobile). * **Central Hub Page:** Automatically creates a gorgeous
grid directory of all your demo sites, which can be filtered by category via shortcode.***
Drag-and-Drop Sorting:** Easily reorder how your sites appear on the frontend grid
by simply dragging and dropping rows in the WordPress admin area. * **Smart SEO
Protection:** Prevents duplicate content penalties by hiding SEO meta boxes on demo
pages and automatically applying `noindex` tags to the iframe wrappers. * **Customizable
Colors:** Easily match the previewer top bar and grid buttons to your own brand
colors. * **Foolproof UI:** Designed with non-technical users in mind, featuring
clear instructions and logical setup flows.
## Installation
1. Upload the `demodeck` folder to the `/wp-content/plugins/` directory, or install
it directly through the WordPress plugins screen.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Upon activation, a new « Example Sites » page will be automatically generated for
you.
4. Navigate to **Demo Sites > Getting Started** in your WordPress dashboard to configure
your brand colors and view the setup instructions.
5. Go to **Demo Sites > Add New Demo Site** to start adding and categorizing your
projects!
## FAQ
### How can I separate my Real Sites from Templates?
You can use the built-in « Categories » taxonomy. Create your categories (e.g., «
Real Sites », « Templates »), assign your demo sites to them, and use the shortcode
attribute to display specific grids on your pages: `[demo_sites_hub category="real-
sites"]`.
### How do I group sites in the previewer dropdown?
The plugin automatically groups your sites by category in the top-bar dropdown.
You can even control the order of these groups by setting a custom « Display Order»
number when creating or editing your categories!
### How do I change the order of my demo sites?
It’s incredibly easy! Go to **Demo Sites > All Demo Sites**. Simply click and drag
any row up or down to change its position. The new order will automatically save
and instantly update your live Hub page grid.
### I accidentally deleted the Hub page, what do I do?
Don’t worry! Go to **Demo Sites > Getting Started** and scroll down to the « Page
Setup Tool ». Click the button to instantly regenerate the page with the correct
shortcode. You can also manually create a page and paste the `[demo_sites_hub]`
shortcode.
### Why does it say « Disable SEO plugins » in the settings?
Because your demo pages load your actual live websites inside an iframe, allowing
Google to index these preview pages can cause « duplicate content » penalties against
your main sites. The plugin safely hides these preview pages from search engines
so all your SEO value stays on your main websites where it belongs.
## Avis
Il n’y a aucun avis pour cette extension.
## Contributeurs & développeurs
« DemoDeck » est un logiciel libre. Les personnes suivantes ont contribué à cette
extension.
Contributeurs
* [ rsmith4321 ](https://profiles.wordpress.org/rsmith4321/)
[Traduisez « DemoDeck » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/demodeck)
### Le développement vous intéresse ?
[Parcourir le code](https://plugins.trac.wordpress.org/browser/demodeck/), consulter
le [SVN dépôt](https://plugins.svn.wordpress.org/demodeck/), ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/demodeck/)
par [RSS](https://plugins.trac.wordpress.org/log/demodeck/?limit=100&mode=stop_on_copy&format=rss).
## Journal
#### 2.2.2
* **Compliance:** All CSS and JavaScript is now loaded through the standard WordPress
enqueue system (wp_enqueue_style / wp_enqueue_script) instead of inline tags.
Dynamic brand colors are injected with wp_add_inline_style and the admin sorting
nonce via wp_localize_script. No functional or visual changes.
#### 2.2.1
* Compatibility: marked as tested up to WordPress 7.0.
#### 2.2.0
* **Security:** The drag-and-drop reorder action now verifies that each submitted
ID is a Demo Site the current user is allowed to edit, so it can never affect
other content types.
* **Fix:** Permalinks for demo sites and categories now work immediately on activation(
rewrite rules are flushed), instead of needing a manual re-save under Settings
> Permalinks.
* **Hardening:** Added a capability check when saving the category « Display Order»
field.
* **Accessibility:** Added screen-reader labels to the previewer’s device-view
buttons, the demo selector, and the close button.
* **Housekeeping:** Plugin options are now removed on uninstall (your Demo Sites,
thumbnails, and pages are kept).
* **Internal:** Renamed internal function and option prefixes for cleaner namespacing.
Existing settings and demo URLs are migrated automatically on update.
#### 2.1.0
* **Major Feature:** Introduced a Custom Taxonomy (Categories) to easily organize
and separate different types of demo sites (e.g., Real Sites vs. Templates).
* **Feature:** Added a « Display Order » numerical field to Categories, allowing
you to easily control the exact sorting order of your category groups.
* **Feature:** The full-screen previewer dropdown now automatically groups your
demo sites by category using `