Tutorials to Help You Design with Confidence
At Design Shop Academy, we offer topic-based courses to help you and your team get up to speed with your custom site!
If you’re interested in purchasing a custom site, contact us today!
How to Add A Page
2 min
Page Editing
Imagine a dynamic webpage for your youth sports team that’s as easy to build as playing with building blocks. With...
How to Add Media to the Media Library
3 min
Media Library
WordPress offers a convenient solution with its Media Library if you’re managing a youth sports website and need to handle...
How to Create a Post
3 min
Posts
A WordPress post is like a bulletin board announcement for your youth sports team. It’s a single piece of content...
How to Manage Your WordPress Navigation Menus (Add, Move, and Link to External Pages)
5 min
Content Management, Design, Page Editing
Learn how to manage your site’s navigation menus, add new pages, create dropdowns, and link to external sites using WordPress...
Curated Topics and Tutorials, All in One Place
Explore our curated collection of concise guides covering Best Practices, Dashboard, Media Library, Page Editing, Plugins, Posts, SEO, and Users. Each section includes clear, step-by-step tutorials and expert tips to help you work more efficiently in WordPress and Beaver Builder.
Recent Tutorials
What Is BeaverBuilder?
3 min
Page Editing, Website Basics
How BeaverBuilder works as a visual drag-and-drop page builder and how it differs from the default WordPress editor.
How to Undo Changes in BeaverBuilder
3 min
Page Editing
Using BeaverBuilder’s built-in history and the Discard option to revert mistakes.
Always Preview Before You Publish
3 min
Best Practices
Making it a habit to use Preview before hitting Publish on any change.
Inserting or Replacing an Image on a Page
3 min
Content Management, Media Library, Page Editing
How to replace an existing image on a BeaverBuilder page using the Media Library.
What Makes a Good Web Image
3 min
Best Practices, Media Library
File formats (JPG vs. PNG vs. WebP), ideal dimensions, and why file size matters for page speed.
What NOT to Change in BeaverBuilder
3 min
Best Practices, Page Editing
Row settings, column widths, global templates, and anything tagged with a layout class — off-limits for editors.
Saving, Discarding, and Publishing
3 min
Page Editing
The difference between Save Draft, Publish, and Discard in BeaverBuilder.
Swapping Out an Image
3 min
Content Management, Page Editing
How to click an existing image module, replace the image, and adjust alt text.
Editing Text Content
3 min
Content Management, Page Editing
How to click into a Text Editor or Heading module and update copy without changing the layout.
A Safe Editing Routine for Complex Pages
5 min
Publishing
Complex pages have more moving parts. Learn the safe editing routine to avoid breaking things accidentally.
Understanding Your Site’s Structure
1 min
Website Basics
How menus, page templates, and parent/child pages relate to each other.
Previewing a Page Before Publishing
min
Page Editing
How to use Preview to see your changes without making them live.
Draft, Published, and Scheduled
3 min
Page Editing
Understanding page statuses and what happens when you click Publish vs. Update vs. Save Draft.
Navigating to Your Pages
3 min
Page Editing
How to find any page through Pages > All Pages, using search and filters.
Pages vs. Posts: What’s the Difference?
3 min
Page Editing, Website Basics
Explains static pages (Home, About, Schedule) vs. dynamic posts (news, blogs) and when each is used.
What You Can (and Can’t) Safely Edit
3 min
Best Practices, Website Basics
Clear boundaries: what’s safe for editors to change vs. what should only be touched by a web administrator.
How Your Site Is Set Up
3 min
Website Basics
Overview of how the site is structured: pages, templates, plugins, and BeaverBuilder’s role.
What Is WordPress?
3 min
Website Basics
A plain-English explanation of WordPress, how it powers your site, and what a CMS is.
Course Wrap-Up & Quick Reference
3 min
Best Practices, Getting Started
Summary of everything covered in the course, plus a quick-reference cheat sheet for day-to-day edits.
Previewing Your Page on Mobile in BeaverBuilder
4 min
Publishing
Always preview on mobile to make sure your content looks good on phones. Learn how to use the responsive preview...
Using BeaverBuilder’s Search to Find Content Fast
3 min
Layout Awareness
Large pages can be hard to navigate. Learn how to use the search feature to quickly find the content you...
Spacer and Separator Modules — What They Are and When to Leave Them Alone
4 min
Layout Awareness
Spacers and separators control whitespace and visual breaks. Learn why they matter and when to leave them as-is.
Using the Map Module
5 min
Interactive Modules
Embed maps to show your location or display multiple locations. Learn how to configure the Map module.
Editing a Callout Module
3 min
Interactive Modules
Callout modules highlight important information in a styled box. Learn how to edit the text and styling.