otacke

<p>The H5P plugin for WordPress received proper support for theming in version 1.17.4. However,<br />
H5P Group decided to keep the theme picker that allows you to set a global theme for all H5P content types<br />
an exclusive feature of H5P.com. This plugin fills that void and gives you the same options.</p>
<h3>Install</h3>
<p>Install from the WordPress plugin repository and activate.</p>
<h3>Configure</h3>
<p>You will find a new settings menu item labeled “H5P Themer”. It allows you to pick from a list<br />
of predefined themes or define your own custom theme. You can also choose the density, which<br />
influences how wide or compact H5P content will appear.</p>


SNORDIAN's H5P Themer

Allows you to set themes for H5P content.

IndiEgg Studios

<p><strong>Nest Frontend Editor for H5P</strong> lets your users view, create, and edit H5P content without ever leaving the front end of your WordPress site.</p>
<p>Place the shortcodes on any pages you choose, configure permissions per role, and let the plugin handle the rest. Works seamlessly with <strong>Remix Manager for H5P</strong> when its Library Link Behavior settings point to Nest front-end pages.</p>
<p><strong>Shortcodes:</strong></p>
<ul>
<li><code>[nest_h5p_editor_view]</code> – Displays an H5P content item. Reads the item ID from the URL (<code>?h5p_id=X</code>).</li>
<li><code>[nest_h5p_editor_create]</code> – Displays the H5P content creation editor.</li>
<li><code>[nest_h5p_editor_edit]</code> – Displays the H5P content editor for an existing item. Reads the item ID from the URL (<code>?h5p_id=X</code>). Users may only edit content they own.</li>
<li><code>[nest_h5p_editor_results]</code> – Displays the H5P results page for an existing item. Reads the item ID from the URL (<code>?h5p_id=X</code>).</li>
<li><code>[nest_h5p_editor_link_view]</code> – Outputs a link to the front-end view page for the current H5P item. Accepts <code>text</code> and <code>class</code> attributes.</li>
<li><code>[nest_h5p_editor_link_edit]</code> – Outputs a link to the front-end edit page for the current H5P item. Only renders if the current user owns the content. Accepts <code>text</code> and <code>class</code> attributes.</li>
<li><code>[nest_h5p_editor_link_results]</code> – Outputs a link to the front-end results page for the current H5P item. Accepts <code>text</code> and <code>class</code> attributes.</li>
</ul>
<p><strong>Features:</strong></p>
<ul>
<li>Role-based permissions – all roles registered on the site are listed, including custom roles like Teacher or Instructor.</li>
<li>Configurable unauthorized redirect behavior per action – redirect to home, login, or a custom URL.</li>
<li>Logged-out users are always redirected to the login page.</li>
<li>Auto-resizing iframes that adjust to content height on load, on user interaction, and after content type selection on the create page.</li>
<li>Admin menu, admin bar, and footer are automatically hidden inside the iframe so users see a clean, focused experience with no WordPress admin UI visible.</li>
<li>Ownership enforcement for the Edit shortcode – users can only edit H5P content they own.</li>
<li>Results shortcode – display H5P results on the front end with role-based permission control.</li>
<li>Link shortcodes – generate styled links between view, edit, and results pages for the current H5P item.</li>
<li>Filter hooks (<code>rmh5p_view_url</code>, <code>rmh5p_edit_url</code>, <code>rmh5p_create_url</code>, <code>rmh5p_results_url</code>) integrate with Remix Manager for H5P when its Library Link Behavior settings point to Nest front-end pages.</li>
</ul>
<p>For full documentation visit <a href="https://indiegg.com/nest-frontend-editor-for-h5p/documentation" rel="nofollow ugc">indiegg.com/nest-frontend-editor-for-h5p/documentation</a>.</p>
<p><strong>Disclaimer:</strong></p>
<p>Nest Frontend Editor for H5P is an independent plugin and is not affiliated with, endorsed by, or sponsored by H5P or its developer, Joubel. H5P is a trademark of its respective owner.</p>
<h3>Usage</h3>
<h4>Setting up pages</h4>
<p>Create one page per action. Add the shortcode to each:</p>
<ul>
<li>View page: <code>[nest_h5p_editor_view]</code></li>
<li>Create page: <code>[nest_h5p_editor_create]</code></li>
<li>Edit page: <code>[nest_h5p_editor_edit]</code></li>
<li>Results page: <code>[nest_h5p_editor_results]</code></li>
</ul>
<p>Then go to <strong>Settings -> Nest Frontend Editor for H5P</strong> and select each page from the dropdowns.</p>
<h4>Permissions</h4>
<p>Under <strong>Role Permissions</strong>, check which roles can access each action. All roles on the site are listed automatically, including custom roles.</p>
<h4>Redirect behavior</h4>
<p>Under <strong>Unauthorized Redirect Behavior</strong>, choose what happens when a logged-in user without permission tries to access each page. Options are:</p>
<ul>
<li>Redirect to home page</li>
<li>Redirect to login page</li>
<li>Redirect to a custom URL</li>
</ul>
<p>Logged-out users are always sent to the login page regardless of this setting.</p>
<h4>Integration with Remix Manager for H5P</h4>
<p>When both plugins are active and pages are configured, the Remix Manager Library Link Behavior settings can point View, Edit, and Results links to the matching Nest Frontend Editor for H5P pages.</p>
<h4>Link shortcodes</h4>
<p>Place these shortcodes on your view, edit, or results pages to generate navigation links between pages for the same H5P item. All three read the current <code>h5p_id</code> from the URL automatically.</p>
<ul>
<li><code>[nest_h5p_editor_link_view]</code> – link to the view page</li>
<li><code>[nest_h5p_editor_link_edit]</code> – link to the edit page (only renders if the current user owns the content)</li>
<li><code>[nest_h5p_editor_link_results]</code> – link to the results page</li>
</ul>
<p>All three accept optional attributes:</p>
<ul>
<li><code>text</code> – the link label. Example: <code>[nest_h5p_editor_link_view text="Watch this activity"]</code></li>
<li><code>class</code> – additional CSS classes. Example: <code>[nest_h5p_editor_link_edit class="button button-primary"]</code></li>
</ul>
<p>Each link always includes the classes <code>nfeh5p-link</code> and a type-specific class (<code>nfeh5p-link-view</code>, <code>nfeh5p-link-edit</code>, <code>nfeh5p-link-results</code>) for styling in your theme CSS.</p>


Nest Frontend Editor for H5P

Provides front-end view, create, edit, and results pages for H5P content via shortcodes, with role-based permissions.

SNORDIAN's H5P Themer vs Nest Frontend Editor for H5P