{"id":95530,"date":"2023-10-06T12:56:24","date_gmt":"2023-10-06T12:56:24","guid":{"rendered":"\/tutorials\/?p=95530"},"modified":"2026-03-09T19:17:42","modified_gmt":"2026-03-09T19:17:42","slug":"wordpress-classic-editor","status":"publish","type":"post","link":"\/ng\/tutorials\/wordpress-classic-editor\/","title":{"rendered":"WordPress classic editor: How to install and use it"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p>Since the release of WordPress 5.0, many websites have switched from the WordPress classic editor to the Gutenberg block editor. While blocks are a core part of the WordPress experience, some may prefer to use the classic editor to create and manage a website.<\/p><p>Fortunately, there are several ways to install and configure it, and you can even switch between the classic and the Gutenberg editor on a case-by-case basis.<\/p><p>In this article, we&rsquo;ll talk about why you might prefer to use the old WordPress editor. Then, we&rsquo;ll share a WordPress classic editor installation guide and discuss some best practices.<\/p><p>\n\n\n<div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   What Is the WordPress Classic Editor?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">The WordPress classic editor is the original blog post builder built into the WordPress core. It has a very basic interface, similar to text editors or word processors. While it may feel a little outdated, it&rsquo;s still a powerful tool and is ideal for those who want a simple way to create posts and pages in WordPress.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-why-use-the-wordpress-classic-editor\">Why Use the WordPress Classic Editor<\/h3><p>While the choice of editor ultimately comes down to personal preference, there are numerous advantages of WordPress classic editor.<\/p><p><strong>Familiarity and Comfort<\/strong><\/p><p>WordPress was built around the classic editor. So, if you&rsquo;ve been using this content management system (CMS) for a long time, you&rsquo;re probably familiar with the editor and how it works.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1253\" height=\"354\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=1024,h=1024,fit=scale-down\" alt=\"The Classic WordPress Editor\" class=\"wp-image-95524\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=1253,fit=scale-down 1253w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-WordPress-Editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1253px) 100vw, 1253px\" \/><\/a><\/figure><\/div><p>Mastering a new tool can take some time, and if the classic editor does everything you need it to, it might not be necessary to switch to an alternative.<\/p><p>The Gutenberg editor is a great tool, especially in terms of visual editing, but it means learning how to use an entirely new editor.<\/p><p><strong>Simple Editing Experience<\/strong><\/p><p>The classic editor is relatively straightforward to use. If you&rsquo;re familiar with modern text editors, there shouldn&rsquo;t be much of a learning curve.<\/p><p>In contrast, learning how to use the WordPress block editor can be a more involved experience. Every element is its own block, and each block has different settings.<\/p><p>A modern WordPress site might need dozens of unique blocks. This means you&rsquo;ll need to learn how to configure each element.<\/p><p>Meanwhile, the classic editor is just rich text and HTML code. Even if you don&rsquo;t know how to use HTML, you can still create engaging content with the editor.<\/p><p><strong>Compatibility With Themes and Plugins<\/strong><\/p><p>The classic editor was the default WordPress editor for years. Therefore, there&rsquo;s a significant number of plugins and themes that were designed to work with it.<\/p><p>In some cases, switching to the block editor means you won&rsquo;t be able to use older plugins anymore and will need to look for alternatives.<\/p><p>A lot of <a href=\"\/ng\/tutorials\/best-wordpress-plugins\/\">popular WordPress plugins<\/a> and themes have been updated to work with blocks. However, if there are any plugins that you rely on that are not compatible with the Gutenberg editor, you may need to use the classic editor.<\/p><p><strong>Workflow and Productivity<\/strong><\/p><p>If you have an optimized workflow and are used to content management with classic editor, switching to the block system may disrupt it.<\/p><p>You&rsquo;ll need to spend some time getting acquainted with the new editor, which can lead to lower initial productivity levels.<\/p><p>If you run a simple blog or personal site and have no plans to overhaul it anytime soon, switching to the Gutenberg editor is probably unnecessary if the classic editor is sufficient for your needs.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-install-the-wordpress-classic-editor\">How to Install the WordPress Classic Editor<\/h2><p>Newer versions of WordPress don&rsquo;t include the classic editor by default. To re-enable it, you&rsquo;ll need to <a href=\"\/ng\/tutorials\/wordpress\/how-to-install-wordpress-plugins\/\">install a plugin<\/a>. The most popular one is <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\">Classic Editor<\/a>, with over five million installations.<\/p><p>To install it, <a href=\"\/ng\/tutorials\/wordpress\/how-to-login-to-wordpress-dashboard\/\">log in to the WordPress dashboard<\/a> and go to <strong>Plugins &rarr; Add New<\/strong>.<strong> <\/strong>Then, use the search function to look for the plugin by typing &ldquo;classic editor.&rdquo;<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1036\" height=\"480\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=1024,h=1024,fit=scale-down\" alt=\"Installing the Classic Editor plugin\" class=\"wp-image-95522\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=1036,fit=scale-down 1036w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Installing-the-Classic-Editor-plugin.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1036px) 100vw, 1036px\" \/><\/a><\/figure><\/div><p>Click <strong>Install Now<\/strong> <strong>&rarr; Activate<\/strong>. The plugin will override the new WordPress editor and make the classic editor the default option when <a href=\"\/ng\/tutorials\/how-to-add-a-new-post-in-wordpress\/\">adding a new WordPress post<\/a> or page.<\/p><p>To see if it&rsquo;s working, go to <strong>Posts <\/strong>or <strong>Pages<\/strong> on your WordPress dashboard<strong> <\/strong>and click <strong>Edit<\/strong> next to the desired post or page.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1047\" height=\"610\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=1024,h=1024,fit=scale-down\" alt=\"The Classic Editor interface.\" class=\"wp-image-95523\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=1047,fit=scale-down 1047w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Classic-Editor-interface.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1047px) 100vw, 1047px\" \/><\/a><\/figure><\/div><p>Note that any posts or pages created with the Gutenberg block editor will still work as usual. The plugin defaults to the last editor used to avoid breaking any of its content.<\/p><p>Once you activate the plugin, we recommend checking the site for compatibility issues. If you rely on plugins and themes that add block functionality to the website, using the classic editor may cause issues.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-configure-the-classic-editor-in-wordpress\">How to Configure the Classic Editor in WordPress<\/h2><p>The Classic Editor plugin includes a handful of configuration settings. To access them, go to <strong>Settings &rarr; Writing <\/strong>from the WordPress dashboard.<\/p><p>Then, look for the options that read <strong>Default editor for all users <\/strong>and <strong>Allow users to switch editors<\/strong>:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1144\" height=\"535\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=1024,h=1024,fit=scale-down\" alt=\"Customizing the classic editor settings.\" class=\"wp-image-95519\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=1144,fit=scale-down 1144w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Customizing-the-classic-editor-settings.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1144px) 100vw, 1144px\" \/><\/a><\/figure><\/div><p>You can configure the plugin to default to the classic editor to streamline your content creation in WordPress.<\/p><p>Meanwhile, enabling users to switch editors will show both options beneath a post or a page&rsquo;s title before entering the editing screen:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1069\" height=\"486\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=1024,h=1024,fit=scale-down\" alt=\"The edit options for a post in WordPress.\" class=\"wp-image-95525\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=1069,fit=scale-down 1069w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-edit-options-for-a-post-in-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1069px) 100vw, 1069px\" \/><\/a><\/figure><\/div><p>This mixed approach can be a great solution if you work on different types of content. The traditional WordPress editor can help you edit text-heavy content without having to deal with blocks.<\/p><p>The block editor, on the other hand, can come in handy for tasks such as full site editing and using the drag-and-drop visual builder to put together specific pages.<\/p><p>In practice, there&rsquo;s no significant downside to using both editors side by side. Just keep in mind that some plugins that work with the classic WordPress editor might not be compatible with the block editor &ndash; and vice versa.<\/p><p>Therefore, you&rsquo;ll need to be more selective when it comes to plugins, and the same applies to themes.<\/p><figure class=\"wp-block-image size-large\"><a class=\"hgr-tutorials-cta hgr-tutorials-cta-wordpress-hosting\" href=\"\/ng\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-111781\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-wordpress-classic-editor-best-practices\">WordPress Classic Editor Best Practices<\/h2><p>If you haven&rsquo;t used the traditional editor before, or it&rsquo;s been a while since you stopped using it, this section will serve as a good refresher. Let&rsquo;s look at some tips for using WordPress classic editor below.<\/p><p><strong>Use Keyboard Shortcuts<\/strong><\/p><p>Keyboard shortcuts are a key component of any text editor, and the WordPress classic editor is no exception.<\/p><p>A lot of editors share similar sets of keyboard shortcuts, like CTRL+C for copying and CTRL+V for pasting.<\/p><p>With the classic editor, you&rsquo;ll also be dealing with subheadings, links, code tags, and other similar elements common in most websites.<\/p><p>There are shortcuts for all of these actions. You can learn about them via WordPress&rsquo; official <a href=\"https:\/\/wordpress.org\/documentation\/article\/keyboard-shortcuts-classic-editor\/\">classic editor keyboard shortcuts<\/a> documentation page.<\/p><p><strong>Format and Structure Content<\/strong><\/p><p>With the block editor, WordPress users structure content using the drag-and-drop interface. You can shift elements around and rearrange them into your preferred order.<\/p><p>As such, Gutenberg blocks provide a more visual approach to page-building. Essentially, what WordPress users see on the back end is the same as what site visitors will see on the front end.<\/p><p>The classic editor, on the other hand, uses a standard editing approach. The formatting of the page occurs at the theme level.<\/p><p>This means you don&rsquo;t get to see how pages will look while working on them, as the editor focuses fully on text and basic media files.<\/p><p>The old editor simply enables you to add text with formatting, including options such as links, subheadings, styles, and images:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1246\" height=\"966\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=1024,h=1024,fit=scale-down\" alt=\"Formatting in the Classic Editor.\" class=\"wp-image-95521\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=1246,fit=scale-down 1246w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Formatting-in-the-Classic-Editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1246px) 100vw, 1246px\" \/><\/a><\/figure><\/div><p>If you&rsquo;re familiar with any modern text editor, the formatting options in classic editor should be intuitive.<\/p><p>You can also use the preview function at any time to see how the formatting and structure of each page will look after publishing.<\/p><p><strong>Use Distraction-Free Mode<\/strong><\/p><p>The classic editor includes a distraction-free mode. This hides all other elements on the dashboard, including menus and the widgets that appear next to the editor.<\/p><p>Here&rsquo;s what the distraction-free mode looks like in action:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"589\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\/public\" alt=\"Distraction-free mode in the Classic Editor.\" class=\"wp-image-95520\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\/w=950,fit=scale-down 950w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/Distraction-free-mode-in-the-Classic-Editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/a><\/figure><\/div><p>You can access this mode by clicking on the <strong>Distraction-free writing mode <\/strong>icon in the top-right corner of the editor.<\/p><p>Alternatively, use the <strong>SHIFT+ALT+W<\/strong> shortcut command to enter the mode directly.<\/p><p>When you&rsquo;re ready to exit the distraction-free mode, hit the ESC key on your keyboard or click on the same button again.<\/p><p><strong>Regularly Save Your Work<\/strong><\/p><p>Both the WordPress classic and block editors include autosave features. That means the editor saves your work after an interval of time in case you close the tab without saving the changes.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1065\" height=\"390\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=1024,h=1024,fit=scale-down\" alt=\"The text editor in the Classic WordPress editor\" class=\"wp-image-95528\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=1065,fit=scale-down 1065w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-text-editor-in-the-Classic-WordPress-editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1065px) 100vw, 1065px\" \/><\/a><\/figure><\/div><p>However, it&rsquo;s best to manually save your progress in the editor as you go. You can do this by hitting the <strong>Save Draft <\/strong>button every few minutes.<\/p><p>This way, if there&rsquo;s a problem with the internet connection or you accidentally close the tab, you&rsquo;ll only lose a small part of your work.<\/p><p><strong>Preview Before Publishing<\/strong><\/p><p>The WordPress <strong>Preview <\/strong>option enables you to see what a blog post or page will look like from the website visitor&rsquo;s perspective.<\/p><p>When using the classic editor, previewing your work lets you get an idea of how the finished product will appear to the audience:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/ng\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1236\" height=\"732\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=1024,h=1024,fit=scale-down\" alt=\"The Save Draft and Preview options in the Classic Editor.\" class=\"wp-image-95526\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=1236,fit=scale-down 1236w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/10\/The-Save-Draft-and-Preview-options-in-the-Classic-Editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1236px) 100vw, 1236px\" \/><\/a><\/figure><\/div><p>This can help you spot and fix issues with spacing, alignment, and other formatting problems.<\/p><p>As mentioned earlier, what you see in the classic editor might not always be reflected on the front end. Therefore, when working on a new post, it&rsquo;s important to ensure the text, images, and other elements are arranged as intended on the page.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Suggested Reading                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Check out our other WordPress tutorials below:<br>\n<a href=\"\/ng\/tutorials\/wordpress\/\">WordPress Tutorial<\/a><br>\n<a href=\"\/ng\/tutorials\/how-to-install-wordpress\/\">How to Install WordPress<\/a><br>\n<a href=\"\/ng\/tutorials\/wordpress-text-editor\/\">A Beginner&rsquo;s Guide to WordPress Text Editor<\/a><br>\n<a href=\"\/ng\/tutorials\/free-wordpress-plugins\/\">Best Free Plugins in WordPress<\/a><\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>WordPress gives you control over your editing experience, and that includes using the classic editor instead of the Gutenberg editor. This benefits users who prefer the previous editor due to its simple interface.<\/p><p>To use the classic editor, you&rsquo;ll need to install the plugin to make it the default editor. The plugin gives you the option to use either the classic tool or blocks on a case-by-case basis. Plus, this free plugin is easy to set up and configure.<\/p><p>However, keep in mind that many popular WordPress tools nowadays have been updated to use the Gutenberg editor by default. So, be sure to check the classic editor compatibility with themes and plugins on your site for a seamless and error-free experience.<\/p><h2 class=\"wp-block-heading\" id=\"h-wordpress-classic-editor-faq\">WordPress Classic Editor FAQ<\/h2><p>In this post, we showed you how to switch editors in WordPress. However, you might still have some questions about the old classic editor. If you feel uncertain about transitioning from Gutenberg to classic editor, check out the FAQ section below.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1696595874056\"><h3 class=\"schema-faq-question\">Does WordPress Support the Classic Editor?<\/h3> <p class=\"schema-faq-answer\">Newer WordPress versions support the classic editor to some extent. The official plugin for Classic Editor is developed and maintained by the WordPress development team and receives regular updates, so it works with the latest versions of the CMS.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1696595920573\"><h3 class=\"schema-faq-question\">Why Should I Use the Classic Editor Instead of the Gutenberg Editor?<\/h3> <p class=\"schema-faq-answer\">When it comes to using WordPress classic editor vs Gutenberg editor, the choice will largely depend on your needs and preferences. The Classic Editor plugin enables you to switch seamlessly between both options. This flexibility makes it a great solution if you prefer using the classic editor for text-heavy pages.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1696595940646\"><h3 class=\"schema-faq-question\">How Do I Switch to the Classic Editor in WordPress?<\/h3> <p class=\"schema-faq-answer\">Switching to the old editor in WordPress requires you to use the Classic Editor plugin.&nbsp;Once you install this plugin on your site, you can proceed with customizing classic editor settings. It&rsquo;s possible to configure the classic editor as the default, disable blocks, or enable both Gutenberg and classic editors for your posts and pages.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1696595960192\"><h3 class=\"schema-faq-question\">Does the Classic Editor Work With Full Site Editing?<\/h3> <p class=\"schema-faq-answer\">The classic editor doesn&rsquo;t support full site editing as the Gutenberg editor does. While you can use themes designed for block editing, you won&rsquo;t have access to advanced layout and design capabilities. If you use the WordPress Classic Editor plugin, you can configure it to switch between that and the Gutenberg editor as needed.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Since the release of WordPress 5.0, many websites have switched from the WordPress classic editor to the Gutenberg block editor. While blocks are a core part of the WordPress experience, some may prefer to use the classic editor to create and manage a website. Fortunately, there are several ways to install and configure it, and [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ng\/tutorials\/wordpress-classic-editor\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":76,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Install and Use WordPress Classic Editor in 2025","rank_math_description":"Learn how to install and configure the WordPress classic editor in this article. We'll also give you some tips on how to use it efficiently.","rank_math_focus_keyword":"wordpress classic editor","footnotes":""},"categories":[22637],"tags":[],"class_list":["post-95530","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-classic-editor","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-classic-editor","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/posts\/95530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/comments?post=95530"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/posts\/95530\/revisions"}],"predecessor-version":[{"id":143952,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/posts\/95530\/revisions\/143952"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/media?parent=95530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/categories?post=95530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ng\/tutorials\/wp-json\/wp\/v2\/tags?post=95530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}