This is a comprehensive user guide for MediaHaven (Pro), designed to help you build stunning video galleries with ease.
Getting Started with MediaHaven
MediaHaven is a powerful video gallery builder for WordPress that allows you to showcase content from self-hosted files, YouTube, or specific taxonomies in a beautiful, responsive grid or slider.
1. Creating Your First Video Gallery
To begin, navigate to MediaHaven (Pro) in your WordPress admin sidebar and click Views -> Add New. You will be presented with the main configuration interface.
Top Toolbar Actions:
- Add New: Click this to add a new video gallery to your shortcode collection.
- Hide/Show Preview: Toggle the live preview at the top of the screen to see your changes in real-time.
2. General Configuration
The upper section of the editor controls the core structure of your video showcase.
Layout Options
Choose how your videos are displayed:
- Carousel: A sliding horizontal list.
- Grid: A classic multi-column layout (shown in the screenshot).
- Multi-Row: A dense layout for large libraries.
Filters & Sources
- Live Filters: Toggle the “Show” switch to allow users to filter videos on the front end.
- Feed Source: Select where your videos come from:
- Self-Hosted: Videos uploaded directly to your WordPress Media Library.
- YouTube: Display your YouTube feeds by channel handle, channel ID or playlist ID.
- Taxonomy: Create dynamic galleries that perfectly showcase your categories, tags, and custom taxonomies.
- Items to Display: Choose to show All Items or Only Selected Items.
3. Customizing the View (View Settings)
To refine the aesthetics of your gallery, you can use the General Settings, View Settings, Carousel Settings, and Typography tabs located in the configuration panel at the bottom.
While each tab offers unique controls, they follow a consistent design logic. Below, we will focus on the Block Header sub-tab as a primary example, as its interface and customization workflow are mirrored across the other settings.
Understanding the Block Header Settings
The Block Header section allows you to brand and structure the top portion of your gallery:
- Interactive Styling: Match your site’s branding by choosing specific Button Colors and Background Colors for both the standard and Hover states.
- Visibility Toggles: Use the “Show” switches to instantly enable or hide the Block Header, Main Title, or Sub Title.
- Spacing & Margins: Fine-tune the positioning by entering specific pixel values for the Top, Right, Bottom, and Left margins.
- Header Borders: Define the visual separation of your header by selecting a custom Width, Style (such as Solid), and Color.
- Call-to-Action Buttons: Toggle the Button switch to “Show” to add a functional link to your header. You can customize the Link Text (e.g., “View More”), set a destination URL, and decide if it should Open in a new tab.
4. How to Display Your Gallery
Once you have saved your settings, you need to place the gallery on a page or post.
Using Shortcodes: On the right-hand sidebar under the Shortcodes meta-box, you will find a unique code snippet that looks like this:
[wpnd_mhpro_views id="1"]- Copy shortcode from the right sidebar.
- Paste it into any Page, Post, or Widget area.
- Publish the page to see your video gallery live!
Quick Reference Sidebar
- Status: Shows if your gallery is Published or a Draft.
- Visibility: Toggle between Public and Private.
- Update/Publish: Always click the green Update button to save your changes.
Pro Tip: Use the Live Preview window at the top of the editor frequently. It responds to every toggle and color change you make in the settings below, saving you from having to constantly refresh your live website!