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
1

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

  1. Click the "Add Content" button at the top of the editor. A panel will slide out on the left side.
  2. Browse or scroll through the available components.
  3. Click and drag any component onto your page. Drop it where you want it to appear.
  4. Click on the component to start editing it.

Popular components to know

Rich TextYour go-to for body copy, headings, and paragraphs
ImageAdd a photo, set the size, style, and more
ButtonClickable buttons that link anywhere
ColumnsPlace things side by side on your page
Text with ImageHeading + text + photo all in one
FormContact forms, signups, surveys
VideoEmbed YouTube, Vimeo, or upload your own
MapShow your location with a Google Map
Tip: You can reorder components on the page by clicking and dragging them up or down. Hover over a component to see the drag handle appear on the left side.
2

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.

  1. Open "Add Content" and drag the Rich Text component to your page.
  2. Click anywhere inside the box to start typing. The default placeholder text will disappear.
  3. 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:

Normal / Heading 1-3Choose a text style from the dropdown
Bold / Italic / UnderlineStandard text styling
Bulleted listUnordered dot-style list
Numbered listOrdered 1-2-3 list
LinkTurn text into a clickable link
Text colorChange the font color
AlignmentLeft, center, right, or justify
Tx (Remove styling)Clears weird formatting from pasted text
SEO tip: Use Heading 1 for the main title of each page. Search engines like Google look at H1 tags to understand what a page is about. Only use one H1 per page.
Classic Editor Classic Editor elements panel showing Title, Text, and Image and Text icons
New MediaCor Editor New MediaCor Editor showing inline text editing directly on the page

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.

3

Adding Pictures

Upload, resize, style, and add fun effects — all in one place.

  1. Open "Add Content" and drag the Image component to your page.
  2. Click the image area. An options panel will open on the left side.
  3. Click "Upload Image" to add a photo from your computer.
  4. Once uploaded, use the options panel to adjust everything about the image.
Classic Editor Classic Editor image crop tool
New MediaCor Editor New MediaCor Editor drag-and-drop interface for working with images

Image options explained

SizeChoose from the Size dropdown or type a pixel width
Resize handleDrag the blue square in the bottom-right corner of the image
AlignmentAlign the image left, center, or right on the page
Aspect RatioCrops to square, landscape, portrait, or custom
Alt TextA description of the image for screen readers and Google
CaptionText that appears below the image
FiltersVisual effects like blur or sepia — click to apply, click again to remove
Hover EffectsChange how the image looks when someone mouses over it
Shape / BorderRound the corners or add a border
LinkMake the image clickable — links to a page or URL
Show FullscreenLets visitors click the image to see it bigger (lightbox effect)
SpacingAdd breathing room around the image
Note about cropping & rotating: The Classic Editor had a built-in tool for cropping and rotating photos. The new editor handles cropping through the Aspect Ratio setting instead. If you need to do detailed edits — like rotating a photo that came out sideways or trimming a very specific area — it's best to make those changes in your own photo editor (even the one built into your phone or Windows Photos) before uploading.
Accessibility tip: Always fill in the Alt Text field with a plain-English description of the photo (e.g., "A smiling family on the beach"). This helps visitors who use screen readers, and it also helps your site show up in Google Image Search.
4

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.

Classic Editor Classic Editor columns toolbar with 2, 3, 4, and 5 column selector
New MediaCor Editor New MediaCor Editor showing columns laid out side by side in the main editor
  1. Open "Add Content" and drag the Columns component to your page. It starts with two empty columns.
  2. Drag other components (text, images, buttons — anything) into each column.
  3. To resize columns, click and drag the vertical divider between them left or right.
  4. 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.

Heads up: The column divider (the line between columns) is invisible on your published site — you only see it in the editor. Your visitors just see the content laid out side by side.
5

Creating Pages and Managing Navigation

Adding pages is quick. And now you have full control over your navigation menu.

⚠️ How you access pages has changed

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
Classic Editor Classic Editor Pages tab showing list of pages
New MediaCor Editor New MediaCor Editor Navigation tab expanded showing list of links

Adding a new page

  1. Click the Plus (+) button near the top left of the editor toolbar.
  2. A popup will appear. Type in your page name and adjust any settings.
  3. 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
Note: In the Classic Editor, the first page in the list was automatically your homepage. In the new editor, you set it explicitly using "Set as Homepage."

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.

  1. 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).
  2. An options panel will appear. Expand the "Navigation" tab.
  3. You'll see a list of all your current navigation links.
Add a linkClick "Add Link" → choose a page, URL, email, or file
Reorder linksDrag the handle icon up or down
Create a dropdownDrag one link underneath another — it becomes a sub-item
Change a linkClick the link in the list → "Change Link"
Remove a linkClick the link → "Remove Link from Navigation"
Manage all linksClick "Expand" to open a full-screen navigation manager
Tip: You can link navigation items to pages on your site, external websites, email addresses, or even downloadable files. Great for adding a "Download PDF" link right in your menu.
Add Link dialog New MediaCor Editor Add Link dialog for navigation
Reordering links New MediaCor Editor reordering navigation links by dragging
6

Writing Blog Posts

Blogging works quite differently now — here's everything you need to know.

⚠️ Blog posting is completely different from the Classic Editor

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.

Dashboard MediaCor Dashboard with Blog link in the left navigation
New Post button MediaCor Blog dashboard showing the New Post button

Writing a post

  1. From the Dashboard, click "Blog" in the left navigation, then click "New Post."
  2. The post editor uses the same components as your pages — Rich Text, images, and more — so it'll feel familiar.
  3. Your post settings (tags, publish date, featured image) live in the panel on the right.
  4. Click "Save as Draft" to save your progress, or "Preview" to see how it looks.
Post settings panel MediaCor blog post settings panel showing tags, publish date, and featured image
Rich Text in a post MediaCor blog post editor using a Rich Text component
Important: Publishing a blog post publishes your entire site — every update you've made goes live at the same time, not just the post. Make sure any other in-progress changes are ready to go public before you hit Publish.

Adding blog to your navigation

The blog isn't in your nav menu automatically. To add it:

  1. Click the header area, then expand the "Navigation" tab (same panel from the section above).
  2. Click "Add Link""System""Blog Index."
  3. Give the link a name (like "Blog" or "News") and save.
Heads up: You can't click the blog link while you're inside the editor. Use "Preview Site" to see your blog and click around it like a visitor would.

"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.

mediacoronline.com