Quick Comparison: Classic Editor vs. New MediaCor Editor
Use this as your cheat sheet. Everything you could do before is still here — here's where to find it.
| Task | Classic Editor | New MediaCor Editor | |
|---|---|---|---|
| Building blocks | Elements | → | Components (drag from "Add Content") |
| Adding text | Text / Paragraph w/ Title / Paragraph w/ Picture | → | Rich Text component + Text with Image component |
| Text formatting | Gray toolbar on the element | → | Full toolbar with heading styles (H1/H2/H3) |
| Adding images | Upload, resize, built-in crop/rotate editor | → | Upload, resize, filters, aspect ratio, hover effects |
| Side-by-side layout | Columns element (drag blue bar to resize) | → | Columns component (drag divider, mobile collapse option) |
| Creating pages | Pages tab → Add Page | → | Plus (+) button → Add Page |
| Managing navigation | Auto-generated from page list order | → | Dedicated Navigation panel (drag to reorder, create dropdowns) |
| Page layouts | Start from blank | → | Start from blank OR choose a pre-made Section Layout |
| Mobile editing | Limited mobile options | → | Toggle between desktop / tablet / mobile views, per-device settings |
Getting Around — Components (Replaces "Elements")
Same idea, new name. Here's how it works.
In the Classic Editor, everything you added to a page was called an Element. In the new MediaCor Editor, they're called Components. Don't let the name change throw you off — they work the same way: drag one onto your page, click to edit it, and you're done.
How to add a component
- Click the "Add Content" button at the top of the editor. A panel will slide out on the left side.
- Browse or scroll through the available components.
- Click and drag any component onto your page. Drop it where you want it to appear.
- Click on the component to start editing it.
Popular components to know
Adding and Editing Text
More formatting power than before, in the same familiar drag-and-type workflow.
The Rich Text component
The Rich Text component is your main tool for adding text to a page. It replaces the old "Text," "Paragraph w/ Title," and similar elements from the Classic Editor.
- Open "Add Content" and drag the Rich Text component to your page.
- Click anywhere inside the box to start typing. The default placeholder text will disappear.
- A text formatting toolbar will appear at the top of the component.
The text formatting toolbar
The toolbar has more options than the old gray bar. Here's what each button does:
Text with Image component
This one is great for the classic "photo on the right, text on the left" layout — or vice versa. It combines a heading, a paragraph, and an image all in one tidy component. In the Classic Editor, this was the "Paragraph w/ Picture" element.
Drag it to the page, click to swap in your photo, and type your text. Use the options panel to choose whether the image sits left or right.
Pasted text looking weird?
If you copy text from a Word doc or another website and paste it in, it might bring along hidden formatting that clashes with your site's style. Fix it fast: select the problem text, then click the Tx button in the toolbar. That strips all the extra styling so the text matches everything else on your page.
Adding Pictures
Upload, resize, style, and add fun effects — all in one place.
- Open "Add Content" and drag the Image component to your page.
- Click the image area. An options panel will open on the left side.
- Click "Upload Image" to add a photo from your computer.
- Once uploaded, use the options panel to adjust everything about the image.
Image options explained
Side-by-Side Layout with Columns
Put any two (or more) things next to each other on your page.
By default, everything stacks vertically on a webpage — one block on top of the next. The Columns component lets you place things side by side. Works just like it did in the Classic Editor.
- Open "Add Content" and drag the Columns component to your page. It starts with two empty columns.
- Drag other components (text, images, buttons — anything) into each column.
- To resize columns, click and drag the vertical divider between them left or right.
- Or use the Size option in the settings panel to set exact proportions (e.g., 50/50 or 30/70).
Adding more columns
Need three or four columns? Click the "Add" button in the options panel to add another column. Click the red X next to a column to remove it.
Column spacing
The Spacing dropdown controls the gap between columns. It defaults to a small gap, which looks clean. You can increase it if you want more breathing room.
Columns on mobile phones
By default, your columns will automatically stack on small screens (phones). That's a good thing — it keeps your content readable without the user having to zoom in or scroll sideways.
But sometimes you want two columns to stay side by side even on mobile — like a small logo next to a name. For that, turn on the "Prevent Collapse on Mobile" toggle in the settings panel.
Creating Pages and Managing Navigation
Adding pages is quick. And now you have full control over your navigation menu.
Classic Editor: you clicked the "Pages" tab and saw all your pages in a list.
New MediaCor Editor: you have three ways to get to a page:
- Inside the editor: click the Menu button (next to the Plus button) → find your page → Edit
- From the Dashboard: Site tab → Pages section → three dots → "Design in Site Editor"
- From navigation: click any page name in your site's nav menu
Adding a new page
- Click the Plus (+) button near the top left of the editor toolbar.
- A popup will appear. Type in your page name and adjust any settings.
- Click "Add Page." The new page will appear in your page list and you can start editing it right away.
Managing pages (set homepage, duplicate, delete)
These options live in the Site Dashboard under the Pages section. Find your page in the list, then click the three dots (⋯) button next to it:
- Set as Homepage — Makes that page load when someone visits your site's main address
- Duplicate Page — Creates a copy with all the same content (great for making similar pages fast)
- Delete — Permanently removes the page
Managing your navigation menu
Here's one of the bigger changes from the Classic Editor: navigation is now managed separately from your page list. Adding a page no longer automatically adds it to your menu — you decide what goes in the nav and in what order.
- In the editor, click anywhere in the header area at the top of your page (click near the logo or header background, not on an existing nav link).
- An options panel will appear. Expand the "Navigation" tab.
- You'll see a list of all your current navigation links.
Writing Blog Posts
Blogging works quite differently now — here's everything you need to know.
Old way: Blog was a page type — you created it from the Pages tab and edited posts right inside the editor.
New way: Blog is managed from the Dashboard, not the editor.
Writing a post
- From the Dashboard, click "Blog" in the left navigation, then click "New Post."
- The post editor uses the same components as your pages — Rich Text, images, and more — so it'll feel familiar.
- Your post settings (tags, publish date, featured image) live in the panel on the right.
- Click "Save as Draft" to save your progress, or "Preview" to see how it looks.
Adding blog to your navigation
The blog isn't in your nav menu automatically. To add it:
- Click the header area, then expand the "Navigation" tab (same panel from the section above).
- Click "Add Link" → "System" → "Blog Index."
- Give the link a name (like "Blog" or "News") and save.
"Read More" breaks
Want your blog list to show just a preview of each post, with a "Read More" link to the full thing? Drag the "Blog Read More Break" component between two Rich Text blocks in your post. Everything above the break shows in the preview; everything below only shows on the full post page.
Running more than one blog
The new editor supports one blog per site, but you can still separate content into multiple topics using tags. Tag each post by topic, then create a page for each tag that links to all posts with that tag — giving you the effect of multiple blogs in one.
Bonus: What's New in the MediaCor Editor
Things you can do now that you couldn't before — worth exploring!
The new editor isn't just a rename — it has some genuinely useful new features. Here are the highlights:
Page Section Layouts
Start a section with a pre-made design instead of building from scratch. Hero banners, feature grids, testimonial blocks, and more — one click to add.
Mobile Preview
See exactly how your page looks on a phone, tablet, or desktop — right inside the editor. No guessing.
Hover Effects
Add subtle animation to images, buttons, and sections when visitors mouse over them. Makes your site feel more modern and interactive.
Image Filters
Apply visual effects (blur, sepia, brightness, etc.) to any image directly in the editor. No photo editing software needed.
Anchor Links
Link to a specific section on a page — great for long pages and "Jump to" navigation. Just give a section an anchor name, then link to it.
Form Builder
Build contact forms, newsletter signups, and surveys. Responses go straight to your email inbox.
Undo / Redo
Make a mistake? No problem. Undo and Redo buttons are right there in the editor toolbar.
More Component Types
Hero sections, Image Galleries, Slideshows, FAQ Accordions, Testimonials, Team Profiles, Countdown Timers, Flip Cards, Progress Bars, and more.
Questions? Stuck on something?
That's what I'm here for. Your hosting plan includes personal support — don't hesitate to reach out. There are no silly questions.