A complete list of shortcuts for WordPress and Divi

May 6, 2025 | WordPress

Streamlining Workflow: Essential Shortcuts for WordPress and Divi Every User Should Know

A WordPress website with Divi can seem like a marathon of clicks and adjustments, but what if you could move through it like an expert?

With the right keyboard shortcuts, you can speed up your workflow and save time without wasting your efforts. 

So, let’s begin!

What Are Divi Shortcuts?

Divi shortcuts are keyboard commands that automate website building with the Divi Visual Builder. They include actions like copying modules (Ctrl + C), adding new rows (R + 1/2/3/4), and saving pages (Ctrl + S).

With these shortcuts, you will be able to save time by reducing the number of clicks and scrolling

All Essential Divi Shortcuts Every User Should Know

Here are the essential Divi shortcuts categorized for both Windows and macOS operating systems. 

Shortcuts for Windows Operating System

Key Shortcuts

Key ShortcutsDetails
1ctrl + sSave changes
2ctrl + shift + sSave page as draft
3ctrl + zUndo the last action
4ctrl + yRedo the last undone action
5ctrl + cCopy selected item
6ctrl + vPaste the copied item
7ctrl + xCut selected item
8ctrl + eExit Visual Builder
9ctrl + shift + eExit to Backend Builder
10ctrl + +Responsive zoom in
11ctrl + –Responsive zoom out
12tToggle settings bar
13oOpen page settings modal
14hOpen history modal
15pOpen portability modal
16?List all shortcuts

Editor Shortcuts

Editor ShortcutsDetails
1escExit inline editor
2enterSave changes in the modal
3shift + tabSwitch tabs in modal
4ctrl + enterToggle modal expand
5ctrl + left/right arrowToggle modal snap

Module Shortcuts

Module ShortcutsDetails
1ctrl + cCopy module
2ctrl + xCut module
3ctrl + vPaste module
4alt + ctrl + cCopy module design settings
5alt + ctrl + vPaste module design settings
6dDisable module
7lLock module
8r + 1/2/3/4Add a new row with specified columns
9s + 1/2/3Add a new section type
10c + 1/2/3/4Change column structure

Shortcuts for MacOS

Key Shortcuts

Key ShortcutsDetails
1cmd + sSave changes
2cmd + shift + sSave page as draft
3cmd + zUndo the last action
4cmd + shift + zRedo the last undone action
5cmd + cCopy selected item
6cmd + vPaste the copied item
7cmd + xCut selected item
8cmd + eExit Visual Builder
9cmd + shift + eExit to Backend Builder
10cmd + +Responsive zoom in
11cmd + –Responsive zoom out
12tToggle settings bar
13oOpen page settings modal
14hOpen history modal
15pOpen portability modal
16?List all shortcuts

Editor Shortcuts

Editor ShortcutsDetails
1escExit inline editor
2enterSave changes in the modal
3shift + tabSwitch tabs in modal
4cmd + enterToggle modal expand
5cmd + left/right arrowToggle modal snap

Module Shortcuts

Module ShortcutsDetails
1cmd + cCopy module
2cmd + xCut module
3cmd + vPaste module
4alt + cmd + cCopy module design settings
5alt + cmd + vPaste module design settings
6dDisable module
7lLock module
8r + 1/2/3/4Add a new row with specified columns
9s + 1/2/3Add a new section type
10c + 1/2/3/4Change column structure

All Regular Keyboard Shortcuts That Work on WordPress

Here is the comprehensive list of WordPress keyboard shortcuts for both Windows and macOS operating systems. 

Shortcuts for Windows Operating System

Key Shortcuts

Key ShortcutsDetails
1ctrl + cCopy
2ctrl + vPaste
3ctrl + xCut
4ctrl + bBold text
5ctrl + iItalic text
6ctrl + zUndo
7ctrl + yRedo
8ctrl + sSave changes
9ctrl + pPrint
10ctrl + uUnderline text
11ctrl + kConvert text to a link
12alt + shift + xDisplay text in monospaced font
13alt + shift + hShow keyboard shortcuts help
14alt + shift + mOpen the “Add Media” screen
15alt + shift + wEnable distraction-free writing mode
16alt + shift + tInsert “More” tag
17alt + shift + pInsert page break
18shift + enterMove down a line without inserting a full line break

Gutenberg Editor Shortcuts

Gutenberg ShortcutsDetails
1enterAdd a new block
2ctrl + shift + dDuplicate selected block(s)
3alt + shift + zRemove selected block(s)
4ctrl + alt + tInsert a new block before the selected block(s)
5ctrl + alt + yInsert a new block after the selected block(s)
6/Change block type after adding a new paragraph
7escClear selection
8ctrl + shift + zRedo your last undo
9ctrl + shift + ,Show or hide settings bar
10alt + shift + oOpen block navigation menu
11alt + shift + nNavigate to the next part of the editor
12alt + shift + pNavigate to the previous part of the editor
13alt + f10Navigate to the nearest toolbar
14ctrl + shift + alt + mSwitch between Visual and Code Editor

Classic Editor Shortcuts

Classic Editor ShortcutsDetails
1ctrl + yRedo
2alt + shift + [number]Insert heading sizes (e.g., alt + shift + 1 for h1)
3alt + shift + lAlign left
4alt + shift + jJustify text
5alt + shift + cAlign center
6alt + shift + dStrikethrough
7alt + shift + rAlign right
8alt + shift + uUnordered list
9alt + shift + aInsert link
10alt + shift + oNumeric list
11alt + shift + sRemove link
12alt + shift + qQuote
13alt + shift + mInsert image

Shortcuts for MacOS

Key Shortcuts

Key ShortcutsDetails
1command + cCopy
2command + vPaste
3command + xCut
4command + bBold text
5command + iItalic text
6command + zUndo
7command + shift + zRedo
8command + sSave changes
9command + pPrint
10command + uUnderline text
11command + kConvert text to a link
12option + control + xDisplay text in monospaced font
13option + control + hShow keyboard shortcuts help
14option + control + mOpen the “Add Media” screen
15option + control + wEnable distraction-free writing mode
16option + control + tInsert “More” tag
17option + control + pInsert page break
18shift + enterMove down a line without inserting a full line break

Gutenberg Editor Shortcuts

Gutenberg ShortcutsDetails
1enterAdd a new block
2command + shift + dDuplicate selected block(s)
3control + option + zRemove selected block(s)
4command + option + tInsert a new block before the selected block(s)
5command + option + yInsert a new block after the selected block(s)
6/Change block type after adding a new paragraph
7escClear selection
8command + shift + zRedo your last undo
9command + shift + ,Show or hide settings bar
10option + control + oOpen block navigation menu
11option + control + nNavigate to the next part of the editor
12option + control + pNavigate to the previous part of the editor
13option + fn + f10Navigate to the nearest toolbar
14command + option + shift + mSwitch between Visual and Code Editor

Classic Editor Shortcuts

Classic Editor ShortcutsDetails
1command + yRedo
2command + option + [number]Insert heading sizes (e.g., command + option + 1 for h1)
3command + option + lAlign left
4command + option + jJustify text
5command + option + cAlign center
6command + option + dStrikethrough
7command + option + rAlign right
8command + option + uUnordered list
9command + option + aInsert link
10command + option + oNumeric list
11command + option + sRemove link
12command + option + qQuote
13command + option + mInsert image

So, Do Divi Shortcuts Help the User?

Undoubtedly, Divi shortcuts are an essential tool. With these shortcuts, you can speed up your workflow instead of clicking menus and dragging elements.

They help you edit, adjust layouts, and navigate the dashboard faster.

So what is the outcome? Less frustration, more productivity, and a smoother design experience.

Divi shortcuts don’t just help but transform your whole website development process. Once you start using them, you’ll wonder how you worked without them!

FAQs

Which shortcut lets you select all the contents on a page? 

There isn’t a specific shortcut to select all page contents in Divi. You can use Ctrl + A in some text editors, but this doesn’t apply to Divi Visual Builder.

Does Divi affect website SEO?

Divi does not negatively affect website SEO. It allows control over title tags, headings, and URLs, which are crucial for SEO. Using SEO plugins with Divi can further enhance SEO capabilities.

How to access shortcuts in Divi? 

You can access shortcuts in Divi by pressing shift + ? in the Visual Builder. In this way, you will be able to see all the keyboard shortcuts available for Divi Builder. Using this feature makes copying modules (Ctrl + C) and toggling settings (t) quick and easy. It’s a convenient way to increase productivity while designing with Divi

How to switch between Visual Builder and Wireframe Mode in Divi Builder?

Switch between Visual Builder and Wireframe Mode by clicking the gear icon at the bottom of Visual Builder. Select Wireframe View from the options.

What are the shortcuts for deleting a module in Divi Builder?

To delete a module in Divi Builder, click on the cross icon at the top right of the module. There are no specific keyboard shortcuts for deleting modules; it’s done via the UI.

Posted By:
Adrita
Adrita Chakraborty is a professional WordPress, Tech and Marketing writer. She has more than 8 years of writing experience under her belt. Apart from professional life, she loves to travel the world, reads books, cooks tempting meals.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

15+ Best Divi eCommerce Themes for 2025 (Free and Paid)

15+ Best Divi eCommerce Themes for 2025 (Free and Paid)

If you’re looking for a Divi theme for eCommerce, then look no further. In this post, I have curated a list of the best Divi eCommerce themes, free and paid, that you can utilize for your digital store. Whether you’ve a grocery store or something dedicated to fashion,...

38 WordPress Statistics and Facts in 2025 to Keep In Mind

38 WordPress Statistics and Facts in 2025 to Keep In Mind

If you’re using WordPress or planning to, for your website, you should know about some WordPress Statistics. So that you can make better decisions considering WordPress and its features. These statistics about WordPress are a result of careful studies and research...

Divi WooCommerce Extended