This guide explains how to use the Classic Editor. If you are using the default WordPress editor, also known as the block editor, please see this guide. ⚠️
Table of Contents How to Access the Classic Editor
Hover your cursor over the page you wish to edit until the menu below it appears, then select Classic Editor. How to access the Classic Editor in the on WordPress.comIf you have a plugin-enabled site, you can access the Classic Editor by activating the Classic Editor plugin, which we automatically install and manage for you.
About the Classic EditorYou can use the classic editor to create, edit, and format your content in a view similar to that of a word processor. 💡 Make sure you’re on the Visual tab 📌
Explanation of the Classic Editor ButtonsThere are two rows of editing buttons in the classic editor. You can find out what each button does by hovering over it with your mouse. A small tooltip will appear describing the icon and its purpose. First Row of Editing ButtonsWhen initially opened, the classic editor will display a single row of icons:
Second Row of Editing ButtonsTo display the second row of icons, select the toolbar toggle icon on the right of the first row (button number 13 above). This will open a second toolbar that looks like this: Editing buttons in the second row – see below for an explanation of each option
AlignmentBoth text and images can be aligned using the appropriate icons: Left Right Center StylesThe style drop-down menu allows you to change the formatting of any selected text. This includes various headings and other pre-defined styles built into your theme. Note that further style modification requires Custom CSS (and appropriate knowledge of CSS). Text styles in the Classic EditorText ColorTo change text color you must first highlight a section of text: Clicking on the down arrow next to the text color button will display a color selector. While the color selector is open, the arrow will point up. You can click on it to close the selector without selecting a color: Selecting a color will apply that color to the selected text and make it the default color for the color button. Clicking on the text color button itself will apply the last default color. Pasting TextIf you copy and paste text from somewhere else, you may discover that it does not always appear exactly as you would expect. This is because pasting from another program (such as an email or word processor) can bring with it some unwanted formatting. If you use the Paste as text button, a special cleanup process will run to remove any special formatting and HTML tags that may otherwise change your text’s formatting. Below is how the Toolbar looks in “Plain Text off” mode. Note that there’s no box around it: Below is how the Toolbar looks in “Plain Text on” mode. Notice the icon now has a box around it, and the button is shaded black: Clear FormattingThe clear formatting button removes all formatting (bold, italic, colors, etc) from a highlighted section of text. First select your text: When the button is clicked, all the formatting will be removed: Special CharactersYou can insert special characters into your post or page. Position your cursor to where you want to insert a character and click on the insert custom character button. A popup window will appear: Click any character and it will be inserted at your cursor position. Outdent / IndentThe indent button will move text in by one level, and the outdent button will take away one level. SpacingHitting the Enter (Return) key will end the paragraph you are writing and start a new one. If you want to start a new line without creating a new paragraph, hold the Shift key while hitting Enter. Keyboard ShortcutsThe classic editor has several keyboard shortcuts, or hotkeys, built in. To see a list of all of the available shortcuts, click the toolbar toggle to show the second row of icons, and then click the Keyboard Shortcuts (question mark) icon at the end of the second row. A window will pop up showing a list of keyboard shortcuts available in the editor. To use the default shortcuts, press Command + key on Mac or Control + key on Windows: KeyActionKeyActioncCopyxCutvPasteaSelect allzUndoyRedobBoldiItalicuUnderlinekInsert/edit linkFor additional shortcuts, press Control + Option + key on Mac or Control + Alt + key on Windows: KeyActionKeyAction1Heading 12Heading 23Heading 34Heading 45Heading 56Heading 6lAlign leftcAlign centerrAlign rightjJustifydStrikethroughqBlockquoteuBullet listoNumbered listaInsert/edit linksRemove linkmInsert/edit imagetInsert Read More taghKeyboard ShortcutsxCodepInsert Page Break tagVersatile plans and pricing
Still confused?Contact support. Help us improve:We're always looking to improve our documentation. If this page didn't answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks! |