{"id":135,"date":"2020-06-10T04:48:34","date_gmt":"2020-06-10T04:48:34","guid":{"rendered":"https:\/\/mywp.site\/template\/?p=135"},"modified":"2024-07-05T19:08:29","modified_gmt":"2024-07-05T09:08:29","slug":"wordpress-classic-editor","status":"publish","type":"post","link":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/","title":{"rendered":"How To Use The WordPress Classic Editor"},"content":{"rendered":"<h1><span class=\"ez-toc-section\" id=\"How-To-Use-The-WordPress-Classic-Content-Editor\"><\/span>How To Use The WordPress Classic Content Editor<span class=\"ez-toc-section-end\"><\/span><\/h1><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tutorial Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#How-To-Use-The-WordPress-Classic-Content-Editor\" >How To Use The WordPress Classic Content Editor<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#WordPress-Classic-vs-WordPress-Block-Editor\" >WordPress Classic vs WordPress Block Editor<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Switching-Between-The-WordPress-Classic-Editor-WordPress-Block-Editor\" >Switching Between The WordPress Classic Editor &amp; WordPress Block Editor<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#WordPress-Classic-Editor-Interface\" >WordPress Classic Editor Interface<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Visual-Editor\" >Visual Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Text-Editor\" >Text Editor<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#WordPress-Visual-Editor-Menu-Buttons-Explained\" >WordPress Visual Editor Menu Buttons Explained<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Can-You-Underline-And-Justify-Text-In-WordPress\" >Can You Underline And Justify Text In WordPress?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#WordPress-Content-Editor-%E2%80%93-Tips-Additional-Information\" >WordPress Content Editor &#8211; Tips &amp; Additional Information<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-1-%E2%80%93-Use-The-Visual-Text-Editors-To-Create-Content-With-HTML-Tags\" >Tip #1 &#8211; Use The Visual &amp; Text Editors To Create Content With HTML Tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-2-%E2%80%93-Power-User-Keyboard-Shortcuts\" >Tip #2 &#8211; Power User Keyboard Shortcuts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Additional-Formatting-Shortcuts\" >Additional Formatting Shortcuts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-3-%E2%80%93-Pasting-Content-Into-WordPress-From-Other-Applications\" >Tip #3 &#8211; Pasting Content Into WordPress From Other Applications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-4-%E2%80%93-Remove-Formatting-With-The-Clear-Formatting-Function\" >Tip #4 &#8211; Remove Formatting With The Clear Formatting Function<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-5-%E2%80%93-How-To-Add-Single-Line-Returns-To-Your-Content\" >Tip #5 &#8211; How To Add Single Line Returns To Your Content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-6-%E2%80%93-How-To-Resize-The-WordPress-Text-Editor-Box\" >Tip #6 &#8211; How To Resize The WordPress Text Editor Box<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-7-%E2%80%93-Using-The-Distraction-Free-Writing-Mode-Tool-%E2%80%93-Additional-Info\" >Tip #7 &#8211; Using The Distraction-Free Writing Mode Tool &#8211; Additional Info<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#Tip-8-%E2%80%93-How-To-Convert-Emoticons\" >Tip #8 &#8211; How To Convert Emoticons<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<figure style=\"width: 450px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-001.png\" alt=\"The WordPress classic content editor\" width=\"450\" height=\"250\" \/><figcaption class=\"wp-caption-text\">WordPress classic content editor<\/figcaption><\/figure>\n<p style=\"text-align: left\">WordPress makes publishing and formatting your web content easy with a fully-featured editor that lets you create professional-looking web pages with formatted text and embedded media quickly without coding skills.<\/p>\n<p style=\"text-align: left\">In this tutorial, you will learn how to use and get the most out of the <em>WordPress Classic<\/em> content editor.<\/p>\n<p style=\"text-align: left\">This tutorial covers the following topics:<\/p>\n<ul>\n<li style=\"text-align: left\">WordPress Classic vs WordPress Block editor<\/li>\n<li style=\"text-align: left\">The Editor menu &#8211; what the buttons do<\/li>\n<li style=\"text-align: left\">How to format your content with the editor<\/li>\n<li style=\"text-align: left\">Useful tips and additional information.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Classic-vs-WordPress-Block-Editor\"><\/span>WordPress Classic vs WordPress Block Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">In <strong><a href=\"https:\/\/wordpress.org\/news\/2018\/12\/bebo\/\" target=\"_blank\" rel=\"noopener noreferrer\">version 5.0<\/a><\/strong>, WordPress introduced a new block-based content editor, called &#8216;Gutenberg&#8217;.<\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>The WordPress Block Editor (Gutenberg)<\/strong><\/a>\u00a0lets you insert different types of content (e.g. paragraphs, images, quotes, multimedia, etc.) into your posts and pages and configure or rearrange your page layouts using &#8216;blocks&#8217;.\u00a0For this reason, the Gutenberg editor is referred to as the <em>WordPress Block Editor<\/em>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-050.png\" alt=\"The WordPress Block Editor interface.\" width=\"1000\" height=\"653\" \/><figcaption class=\"wp-caption-text\">The WordPress Block Editor interface.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The original WordPress content editor is referred to as the <em>WordPress Classic Editor<\/em>.<\/p>\n<p style=\"text-align: left\">The Classic Editor interface will feel familiar to anyone who has used word processing software. You can type, paste in, or insert content into the editor and then format it using a range of clickable and dropdown menu buttons.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-000.jpg\" alt=\"The WordPress Classic editor interface.\" width=\"1000\" height=\"542\" \/><figcaption class=\"wp-caption-text\">WordPress Classic editor interface.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Switching-Between-The-WordPress-Classic-Editor-WordPress-Block-Editor\"><\/span>Switching Between The WordPress Classic Editor &amp; WordPress Block Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">To switch between using the Classic Editor or Block Editor, log into your WordPress admin area, go to Settings &gt; Writing Settings in your main menu, and select the default editor for all users on your site. You can also choose whether or not to allow users to switch editors.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-049.png\" alt=\"Writing Settings - Select default content editor for all users.\" width=\"1000\" height=\"498\" \/><figcaption class=\"wp-caption-text\">Select the default content editor for all users in Settings &gt; Writing Settings.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Note:<\/em> Depending on your site configuration, you may need to add an editor by installing plugins like the <strong><a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Block Content Editor plugin<\/a><\/strong>&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-048.png\" alt=\"Gutenberg - WordPress Block Content Editor plugin.\" width=\"1000\" height=\"447\" \/><figcaption class=\"wp-caption-text\">Gutenberg &#8211; WordPress Block Content Editor plugin.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Or the <strong><a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Classic Editor plugin<\/a><\/strong>&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-017.png\" alt=\"WordPress Classic Editor plugin.\" width=\"1000\" height=\"446\" \/><figcaption class=\"wp-caption-text\">WordPress Classic Editor plugin.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Now that we&#8217;ve covered the basic differences between the WordPress Classic Editor vs the Block editor, let&#8217;s show you how to use the WordPress Classic editor to add, edit, and format content in your posts and pages.<\/p>\n<p style=\"text-align: left\">For detailed tutorials on how to use the Block Editor, go here: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor<\/strong><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Classic-Editor-Interface\"><\/span>WordPress Classic Editor Interface<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">The WordPress Classic editor includes two tabbed sections:<\/p>\n<ul>\n<li style=\"text-align: left\">Visual Editor<\/li>\n<li style=\"text-align: left\">Text Editor<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Visual-Editor\"><\/span>Visual Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Clicking on the Visual tab switches the content editor to an intuitive semi-WYSIWYG (<em>What-You-See-Is-What-You-Get<\/em>) interface.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-002.png\" alt=\"WordPress Classic Content Editor interface - Visual Tab.\" width=\"1000\" height=\"530\" \/><figcaption class=\"wp-caption-text\">The WordPress Classic Content Editor interface lets you easily edit and format your content in the Visual tab using clickable menu buttons.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The Visual Editor lets you easily add, compose, edit, and format content in your post and pages by typing, pasting in, or inserting text, insert hyperlinks, add images and other media, and more, using clickable menu buttons and dropdown menu selectors.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Text-Editor\"><\/span>Text Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The text editor lets you add text and then format it using <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/basic-html-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>HTML tags<\/strong><\/a>\u00a0(or paste in text with HTML tags).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-052.png\" alt=\"WordPress Classic Editor - Text tab.\" width=\"1000\" height=\"414\" \/><figcaption class=\"wp-caption-text\">WordPress Classic Editor &#8211; Text tab.<\/figcaption><\/figure>\n<p>The Text editor is useful for users who prefer to work directly with HTML. It also lets you view and edit your content formatting simply by switching between the Visual and Text tabs. See the &#8216;Tips&#8217; section at the end of this tutorial for tips on using the Text editor.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/idea-icon.jpg\" alt=\"tip\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">Learning basic HTML tags used in WordPress will help make it easier to format your content, and to understand, and troubleshoot formatting issues with your content.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Visual-Editor-Menu-Buttons-Explained\"><\/span>WordPress Visual Editor Menu Buttons Explained<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">The WordPress Classic editor interface menu looks like the interface of word processing applications like MS Word.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-003.png\" alt=\"WordPress Classic editor interface menu.\" width=\"1000\" height=\"335\" \/><figcaption class=\"wp-caption-text\">WordPress Classic editor interface menu.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Below is a brief description of each menu item&#8217;s function:<\/p>\n<p style=\"text-align: left\">1. <strong>Post Title Field<\/strong> &#8211; Enter or paste in the title of your Post\/Page here.<\/p>\n<p style=\"text-align: left\">2. <strong>Permalink<\/strong> \u2013 Click on the <em>Edit<\/em> button to change your post\/page slug. This lets you edit the URL of your post or page. WordPress will then automatically update all instances of published posts on your site with this URL in its database to reflect the new post slug.<\/p>\n<p style=\"text-align: left\">3. <strong>Add Media<\/strong> \u2013 Click the <em>Add Media<\/em> button to upload, manage, and insert media (pictures, videos, audio, etc.) into your post or page from your computer, external media storage location, or from your site&#8217;s <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/media-library\/\" target=\"_blank\" rel=\"noopener\"><strong>media library<\/strong><\/a>.<\/p>\n<p style=\"text-align: left\">4. <strong>Visual Tab<\/strong> \u2013 Click this tab to access the visual editor.<\/p>\n<p style=\"text-align: left\">5. <strong>Text Tab<\/strong> \u2013 Click this tab to view and work directly with HTML code in your content. Switching between the <em>Visual<\/em> and <em>Text<\/em> tabs lets you compose and format your content using the menu buttons and then make changes, adjustments, or copy its underlying HTML code (e.g. for pasting into other applications.)<\/p>\n<p style=\"text-align: left\"><em>Note:<\/em> When entering content into the text tab, line breaks are automatically converted into paragraphs.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-052.png\" alt=\"WordPress Classic Editor - Text tab.\" width=\"1000\" height=\"414\" \/><figcaption class=\"wp-caption-text\">WordPress Classic Editor &#8211; Text tab.<\/figcaption><\/figure>\n<p style=\"text-align: left\">6. <strong>Format Style<\/strong>. Select an option from this dropdown menu to add styling to your text (e.g. format your headings and subheadings).<\/p>\n<p style=\"text-align: left\"><em>Notes:<\/em><\/p>\n<ul>\n<li style=\"text-align: left\">Many WordPress themes allow you to configure or add custom heading styles using different fonts and typographic elements. Depending on the theme you have installed on your site, the style dropdown menu may also include other pre-defined styles.<\/li>\n<li style=\"text-align: left\">When you create a new post or page and start typing text into the content area, your text will be formatted using the default &#8216;Paragraph&#8217; style.<\/li>\n<li style=\"text-align: left\">Modifying or creating custom formatting styles typically requires knowledge of <a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>CSS<\/strong><\/a> (Cascading Style Sheets).<\/li>\n<\/ul>\n<p style=\"text-align: left\">To add a style to your content, highlight your text, and select a format style from the dropdown menu.<\/p>\n<figure style=\"width: 553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-009.png\" alt=\"Formatting styles menu and options.\" width=\"553\" height=\"617\" \/><figcaption class=\"wp-caption-text\">Add formatting styles to your content, like headings and subheadings.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Note:<\/em> &#8216;Preformatted&#8217; is normally used to style code in your text, e.g.:<\/p>\n<pre>this_is_preformatted_text<\/pre>\n<p style=\"text-align: left\">7. <strong>Bold<\/strong> \u2013 Highlight one or more words or an entire section of text and click this button to add <strong>bold<\/strong> formatting to your content.<\/p>\n<p style=\"text-align: left\">8. <strong>Italics<\/strong> \u2013 Highlight one or more words or an entire section of text and click this button to add <em>italicized<\/em> formatting to your content.<\/p>\n<p style=\"text-align: left\">9. <strong>Unordered list<\/strong> \u2013 Click this button to turn selected content into an unordered list, e.g.:<\/p>\n<ul>\n<li style=\"text-align: left\">List item 1<\/li>\n<li style=\"text-align: left\">List item 2<\/li>\n<li style=\"text-align: left\">List item 3<\/li>\n<li style=\"text-align: left\">etc.<\/li>\n<\/ul>\n<p style=\"text-align: left\">10. <strong>Ordered list<\/strong> \u2013 Click this button to turn selected content into an ordered list, e.g.:<\/p>\n<ol>\n<li style=\"text-align: left\">List item 1<\/li>\n<li style=\"text-align: left\">List item 2<\/li>\n<li style=\"text-align: left\">List item 3<\/li>\n<li style=\"text-align: left\">etc.<\/li>\n<\/ol>\n<p style=\"text-align: left\">11. <strong>Blockquote \u2013<\/strong>\u00a0Highlighted the text you want to display as a quote and click this button to create a\u00a0 blockquote as per the example below.<\/p>\n<blockquote><p>To exit the blockquote press the &#8220;Enter&#8221; key to create a line of space and then click the blockquote button again. This will end the command and return your text to normal formatting.<\/p><\/blockquote>\n<p style=\"text-align: left\">12, 13 &amp; 14. <strong>Left, Center, and Right align buttons<\/strong> &#8211; Use these buttons to left, center, and right align elements in your content, e.g.:<\/p>\n<p style=\"text-align: left\">12. <strong>Align Left<\/strong><\/p>\n<p style=\"text-align: center\">13. <strong>Align Center<\/strong><\/p>\n<p style=\"text-align: right\">14. <strong>Align Right<\/strong><\/p>\n<p style=\"text-align: left\"><em>Note:<\/em> Press the &#8220;Enter&#8221; key and add a line of space to end the alignment command.<\/p>\n<p style=\"text-align: left\">15. <strong>Insert\/Edit Link<\/strong>. Highlight text and click this button to insert a hyperlink in your content. (See this tutorial to learn more about creating links in your content: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/linking-tool\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Linking Tool<\/strong><\/a>).<\/p>\n<p style=\"text-align: left\">16. <strong>Insert Read More Tag<\/strong>. Click this button to insert a &#8220;read more&#8221; tag in your content wherever you place your cursor.<\/p>\n<p style=\"text-align: left\">Adding this tag displays your post content to blog visitors only up to the tag.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-005.jpg\" alt=\"Read More tag.\" width=\"1000\" height=\"776\" \/><figcaption class=\"wp-caption-text\">The Read More tag lets you add a &#8216;Read More&#8217; link into your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To view the rest of the content, users will need to click on the &#8220;read more&#8221; link on your published post.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-054.png\" alt=\"Continue reading tag on published post.\" width=\"1000\" height=\"387\" \/><figcaption class=\"wp-caption-text\">Users need to click on &#8216;Continue reading&#8217; to keep reading your content.<\/figcaption><\/figure>\n<p align=\"center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/info-icon.jpg\" alt=\"Info\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: justify\" align=\"center\">The &#8216;Read More&#8217; tag doesn&#8217;t work on WordPress <em>Pages<\/em>. It only works on the page displaying your latest blog posts (i.e. your <em>Blog Page<\/em>).<\/p>\n<p style=\"text-align: left\">17. <strong>Toolbar Toggle<\/strong>. This is also known as the &#8216;Show\/Hide Kitchen Sink&#8217; button. Click this button to switch between the WordPress visual editor minimal mode (one row of buttons) and enhanced mode (two rows of buttons).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-006.gif\" alt=\"Click to enable\/disable the Toolbar Toggle. \" width=\"1000\" height=\"324\" \/><figcaption class=\"wp-caption-text\">Click to enable\/disable the Toolbar Toggle.<\/figcaption><\/figure>\n<p>18. <strong>Strikethrough<\/strong> \u2013 Clicking this button adds <del>strikethrough<\/del> formatting to selected text.<\/p>\n<p style=\"text-align: left\">19. <strong>Horizontal Line \u2013<\/strong>\u00a0Click this menu button to insert a horizontal line into your content.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-004.png\" alt=\"Horizintal line menu button.\" width=\"1000\" height=\"390\" \/><figcaption class=\"wp-caption-text\">Use this button to insert a horizontal line into your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">20.<strong> Text Color<\/strong>. Highlight a section of text and choose a color from the palette in the dropdown menu to change text color.<\/p>\n<figure style=\"width: 480px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-010.png\" alt=\"Text color\" width=\"480\" height=\"595\" \/><figcaption class=\"wp-caption-text\">Use the Text color feature to change the color of your selected text.<\/figcaption><\/figure>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/info-icon.jpg\" alt=\"Info\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: justify\" align=\"center\">Add new colors to the swatch by clicking on the <em>Custom<\/em> section.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-011.png\" alt=\"Color feature\" width=\"1000\" height=\"710\" \/><figcaption class=\"wp-caption-text\">Add custom colors to your color swatch.<\/figcaption><\/figure>\n<p style=\"text-align: justify\" align=\"center\">This gives you access to an almost limitless choice of colors.<\/p>\n<p style=\"text-align: justify\" align=\"center\">If you are familiar with the Hexadecimal (HEX) color system, just type in the values of the specific color you want into the <strong>#<\/strong> field.<\/p>\n<p style=\"text-align: justify\" align=\"center\">Otherwise, click in the color box, enter RGB values, or use the color slider to select and add a new color to your swatch.<\/p>\n<p style=\"text-align: justify\" align=\"center\">Here are the HEX color values of some of the most used &#8220;web-safe&#8221; colors (colors that will display correctly across most web browsers):<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-012.png\" alt=\"Commonly used HEX color values [web safe colors].\" width=\"1000\" height=\"800\" \/><figcaption class=\"wp-caption-text\">Commonly used HEX color values [web safe colors].<\/figcaption><\/figure>\n<p style=\"text-align: left\">21. <strong>Paste as Text<\/strong>. Clicking the button marked with a &#8220;T&#8221; lets you paste the content of your clipboard into your content editor area as plain text.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-013.png\" alt=\"Paste as text - on\/off mode.\" width=\"1000\" height=\"654\" \/><figcaption class=\"wp-caption-text\">Paste as text &#8211; on\/off mode.<\/figcaption><\/figure>\n<p style=\"text-align: left\">See the &#8220;Tips&#8221; section below for more information about using this function.<\/p>\n<p style=\"text-align: left\">22. <strong>Clear formatting<\/strong>. If you detect unwanted formatting in your text (or if your content isn&#8217;t displaying correctly), select the text and click this button to clear all the page formatting. See the &#8220;Tips&#8221; section below for more information about using this function.<\/p>\n<p style=\"text-align: left\">23. <strong>Special character<\/strong>. Click this button to insert special characters like \u00a9 \u00ae \u2122 and other symbols into your content.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-014.png\" alt=\"Special character screen.\" width=\"1000\" height=\"540\" \/><figcaption class=\"wp-caption-text\">Add special characters and symbols to your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">For a tutorial on using special characters in WordPress, go here: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-special-characters\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Add Special Characters In WordPress Posts &amp; Pages<\/strong><\/a><\/p>\n<p style=\"text-align: left\">24. <strong>Decrease Indent<\/strong> \u2013 Click this button to decrease indented text and return text to left alignment on the page.<\/p>\n<p style=\"text-align: left\">25. <strong>Increase Indent<\/strong> \u2013 Click this button to indent a block of text or to increase its indentation.<\/p>\n<p style=\"padding-left: 30px\">This is a sample of indented text.<\/p>\n<p style=\"padding-left: 60px\">This line has been further indented by pressing the <em>Increase Indent<\/em> button again.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-055.gif\" alt=\"Increase indent\" width=\"1000\" height=\"64\" \/><\/p>\n<p style=\"text-align: left\">26. <strong>Undo<\/strong>. Click this button to undo your previous commands. Click this button if you accidentally delete a section of text or format text incorrectly and need to backtrack, revert, or restore your content to its previous state.<\/p>\n<p style=\"text-align: left\">27. <strong>Redo<\/strong>. Click this button to reinstate a change or deletion that you have made.<\/p>\n<p style=\"text-align: left\">28. <strong>Keyboard Shortcuts<\/strong>. Click this button to bring up the <em>Keyboard Shortcuts<\/em> screen. This is covered in more detail in the <em>Tips<\/em> section below.<\/p>\n<p style=\"text-align: left\">29. <strong>Distraction-Free Writing Mode<\/strong>. Click this button to toggle between distraction-free writing mode and your normal screen. This is a handy feature for checking the placement of items on the page and for working on your content without distracting page elements.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-008.png\" alt=\"Distraction-free writing mode enabled.\" width=\"1000\" height=\"724\" \/><figcaption class=\"wp-caption-text\">Distraction-free writing mode enabled.<\/figcaption><\/figure>\n<p style=\"text-align: left\">When distraction-free writing mode is enabled, all the surrounding page elements return to the screen as soon as you move your cursor outside of the content editor area.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-007.gif\" alt=\"Distraction-free writing mode example.\" width=\"1000\" height=\"724\" \/><figcaption class=\"wp-caption-text\">Work free from distracting page elements.<\/figcaption><\/figure>\n<p style=\"text-align: left\">See the &#8220;Tips&#8221; section further below for additional information about using this feature.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/info-icon.jpg\" alt=\"Info\" width=\"75\" height=\"75\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can-You-Underline-And-Justify-Text-In-WordPress\"><\/span>Can You Underline And Justify Text In WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">The <em>Underline<\/em> and <em>Justify<\/em> buttons were removed from the WordPress visual editor in version 4.7, as the WordPress development team felt that underlining text can confuse readers who may interpret it as a hyperlink, and most web browsers that render CSS and HTML lack sophisticated page layout functions to adjust the gaps left in words by justification, which can make text less readable.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-016.png\" alt=\"WordPress pre-version 4.7, 4.7 and 5.0 visual content interfaces with the Underline and Justify buttons removed.\" width=\"1000\" height=\"600\" \/><figcaption class=\"wp-caption-text\">From version 4.7, WordPress removed the Underline and Justify buttons from the visual editor menu.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Although WordPress removed the buttons from its menu, you can still use plugins like <strong><a href=\"https:\/\/wordpress.org\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener noreferrer\">TinyMCE Advanced<\/a><\/strong> or keyboard shortcuts (see below) to access these formatting features.<\/p>\n<figure style=\"width: 872px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-015.gif\" alt=\"Installing certain plugins can add additional features and functions to the WordPress visual editor menu.\" width=\"872\" height=\"752\" \/><figcaption class=\"wp-caption-text\">Installing certain plugins can add additional features and functions to the WordPress visual editor menu.<\/figcaption><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Content-Editor-%E2%80%93-Tips-Additional-Information\"><\/span>WordPress Content Editor &#8211; Tips &amp; Additional Information<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Tip-1-%E2%80%93-Use-The-Visual-Text-Editors-To-Create-Content-With-HTML-Tags\"><\/span>Tip #1 &#8211; Use The Visual &amp; Text Editors To Create Content With HTML Tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">If you need to create content with HTML to paste into other applications but you are not familiar with using HTML, do this instead:<\/p>\n<ol>\n<li style=\"text-align: left\">Create and format your content in the Visual tab, then<\/li>\n<li style=\"text-align: left\">Switch to the Text tab,<\/li>\n<li style=\"text-align: left\">Select everything, and<\/li>\n<li style=\"text-align: left\">Copy the marked-up text with HTML tags to your clipboard.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-056.gif\" alt=\"Create and format content in the Visual Tab.\" width=\"1000\" height=\"606\" \/><figcaption class=\"wp-caption-text\">Create and format content in the Visual Tab, then copy it from the Text tab to save it with HTML tags.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Tip-2-%E2%80%93-Power-User-Keyboard-Shortcuts\"><\/span>Tip #2 &#8211; Power User Keyboard Shortcuts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\" align=\"center\">In addition to using the menu buttons in the Visual Editor, you can use keyboard shortcuts to speed things up and work more efficiently.<\/p>\n<p style=\"text-align: left\" align=\"center\">To bring up the keyboard shortcuts list shown below, use <strong>Alt + Shift + h<\/strong> (Windows) or <strong>Option + Control + h<\/strong> (Mac):<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-018.png\" alt=\"Content editor - Keyboard shortcuts.\" width=\"1000\" height=\"2857\" \/><figcaption class=\"wp-caption-text\">Content editor &#8211; Keyboard shortcuts.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The WordPress keyboard shortcuts below work with the WordPress Classic editor and the WordPress block editor.<\/p>\n<p style=\"text-align: left\"><strong>WordPress Keyboard Shortcut for Windows users:<\/strong><\/p>\n<ul>\n<li style=\"text-align: left\">Ctrl + a = Select All<\/li>\n<li style=\"text-align: left\">Ctrl + b = Bold<\/li>\n<li style=\"text-align: left\">Ctrl + i = Italic<\/li>\n<li style=\"text-align: left\">Ctrl + u = Underline selected text<\/li>\n<li style=\"text-align: left\">Ctrl + k = Convert selected text into a link<\/li>\n<li style=\"text-align: left\">Ctrl + c = Copy<\/li>\n<li style=\"text-align: left\">Ctrl + v = Paste<\/li>\n<li style=\"text-align: left\">Ctrl + x = Cut<\/li>\n<li style=\"text-align: left\">Ctrl + z = Undo<\/li>\n<li style=\"text-align: left\">Ctrl + s = Save your changes<\/li>\n<li style=\"text-align: left\">Ctrl + p = Print<\/li>\n<li style=\"text-align: left\">Alt + Shift + x = Display selected text in a monospaced font<\/li>\n<li style=\"text-align: left\">Alt + Shift + h = Show keyboard shortcuts menu<\/li>\n<\/ul>\n<p style=\"text-align: left\"><strong>WordPress Keyboard Shortcut for Mac users:<\/strong><\/p>\n<ul>\n<li style=\"text-align: left\">Command + a = Select All<\/li>\n<li style=\"text-align: left\">Command + b = Bold<\/li>\n<li style=\"text-align: left\">Command + i = Italic<\/li>\n<li style=\"text-align: left\">Command + u = Underline selected text<\/li>\n<li style=\"text-align: left\">Command + k = Convert selected text into a link<\/li>\n<li style=\"text-align: left\">Command + c = Copy<\/li>\n<li style=\"text-align: left\">Command + v = Paste<\/li>\n<li style=\"text-align: left\">Command + x = Cut<\/li>\n<li style=\"text-align: left\">Command + z = Undo<\/li>\n<li style=\"text-align: left\">Command + s = Save your changes<\/li>\n<li style=\"text-align: left\">Command + p = Print<\/li>\n<li style=\"text-align: left\">Option + Control + x = Display selected text in a monospaced font<\/li>\n<li style=\"text-align: left\">Option + Control + h = Show keyboard shortcuts menu<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Additional-Formatting-Shortcuts\"><\/span>Additional Formatting Shortcuts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Prior to the release of version 4.5, WordPress introduced formatting shortcuts for lists and headings.<\/p>\n<p style=\"text-align: left\">From version 4.5 onward, you can now also use formatting shortcuts for horizontal lines and highlighting code syntax.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-019.png\" alt=\"Horizontal line and code highlighting formatting.\" width=\"1000\" height=\"471\" \/><figcaption class=\"wp-caption-text\">Use WordPress formatting shortcuts to add horizontal lines and highlight code in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Type three dashes and hit enter to create a horizontal line like this&#8230;<\/p>\n<hr \/>\n<p style=\"text-align: left\">And enclose your text in backticks to turn your highlighted text into <code>&lt;code&gt;<\/code>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-021.png\" alt=\"Formatting shortcuts for horizontal lines and code highlighting.\" width=\"1000\" height=\"333\" \/><figcaption class=\"wp-caption-text\">Formatting shortcuts for horizontal lines and code highlighting.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Note:<\/em> The backtick symbol (`) is normally found in a QWERTY keyboard in the top left corner, below the Esc key.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-020.png\" alt=\"Backtick symbol.\" width=\"1000\" height=\"450\" \/><figcaption class=\"wp-caption-text\">Backtick symbol.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Tip-3-%E2%80%93-Pasting-Content-Into-WordPress-From-Other-Applications\"><\/span>Tip #3 &#8211; Pasting Content Into WordPress From Other Applications<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Applications like Microsoft Word, Google Docs, Open Office, and others normally contain formatting code that is not directly visible when copying text from a document into the clipboard.<\/p>\n<p style=\"text-align: left\">In earlier versions of WordPress, pasting content copied directly from Microsoft Word into the editor would add a bunch of unwanted HTML code into your content, resulting in formatting errors.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-053.gif\" alt=\"Pasting content from applications like MS Word into earlier versions of WordPress added unwanted formatting.\" width=\"1000\" height=\"640\" \/><figcaption class=\"wp-caption-text\">Pasting content from applications like MS Word into earlier versions of WordPress added unwanted formatting.<\/figcaption><\/figure>\n<p style=\"text-align: left\">WordPress now comes with built-in support for pasting content directly from Microsoft Word and other word processors into the editor without adding all the messy hidden code as shown above.<\/p>\n<p style=\"text-align: left\">Currently, some applications like Google Docs can still add formatting to text when pasted into the WordPress Classic editor.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-022.png\" alt=\"Google Docs formatting in WordPress content.\" width=\"1000\" height=\"468\" \/><figcaption class=\"wp-caption-text\">Some applications still add formatting codes to content pasted directly into the WordPress content editor.<\/figcaption><\/figure>\n<p style=\"text-align: left\">As new versions of WordPress are released, expect better integration of copied content with other applications.<\/p>\n<p style=\"text-align: left\">If you find that the source content has heavy formatting and is not pasting cleanly, try pasting it into your editor using the <em>Paste as text<\/em> button and then reformat your content afterward.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-057.gif\" alt=\"Example of using the Paste as text function.\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">Use the Paste as text function to paste in formatted content from your clipboard as plain text only.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Note:<\/em> When you turn on the <em>Paste as text<\/em> function, it will remain active until you toggle this option off.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tip-4-%E2%80%93-Remove-Formatting-With-The-Clear-Formatting-Function\"><\/span>Tip #4 &#8211; Remove Formatting With The Clear Formatting Function<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">You can also paste your content into the editor and then remove all formatting using the &#8216;Clear formatting&#8217; button.<\/p>\n<p style=\"text-align: left\">This is useful if you are copying and pasting content into your site from another website that contains text with formatting styles unique to that website (e.g. CSS).<\/p>\n<p style=\"text-align: left\"><em>Before removing formatting&#8230;<\/em><\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-023.png\" alt=\"Sample of formatted content.\" width=\"1000\" height=\"290\" \/><figcaption class=\"wp-caption-text\">Sample of formatted content.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>After applying the Clear formatting button&#8230;<\/em><\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-024.gif\" alt=\"Content with formatting removed using the Clear formatting button.\" width=\"1000\" height=\"300\" \/><figcaption class=\"wp-caption-text\">Formatting removed using the Clear formatting button.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Sometimes, you can&#8217;t tell if the pasted-in content from an external site contains formatting or not.<\/p>\n<p style=\"text-align: left\">Here is an example of content copied and pasted directly from another website&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-025.png\" alt=\"Example of content pasted from another website.\" width=\"1000\" height=\"727\" \/><figcaption class=\"wp-caption-text\">The above content was copied and pasted directly from another website&#8230;<\/figcaption><\/figure>\n<p style=\"text-align: left\">Clicking on the Text tab reveals a bunch of formatting code that was pasted along with the block of text copied to the clipboard&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-026.png\" alt=\"Example of pasted in text containing CSS formatting from another website.\" width=\"1000\" height=\"572\" \/><figcaption class=\"wp-caption-text\">This formatting belongs to another website&#8217;s stylesheet &#8211; it could interfere with the formatting of your own content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Content copied and pasted in from an external site can interfere with the formatting of your own content or just add a bunch of unwanted code to your site.<\/p>\n<p style=\"text-align: left\">For this reason, it&#8217;s a good idea to remove all formatting from pasted content, especially content sourced from other sites.<\/p>\n<p style=\"text-align: left\">To remove formatting from your content, paste your content into the Visual editor&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-027.png\" alt=\"Paste in formatted content.\" width=\"1000\" height=\"503\" \/><figcaption class=\"wp-caption-text\">Paste in formatted content&#8230;<\/figcaption><\/figure>\n<p style=\"text-align: left\">Next, select everything inside the content editor and click on the <em>Clear formatting<\/em> button&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-028.png\" alt=\"Clear formatting \" width=\"1000\" height=\"548\" \/><figcaption class=\"wp-caption-text\">Select all content and click the Clear formatting button&#8230;<\/figcaption><\/figure>\n<p style=\"text-align: left\">All formatting (e.g. bold, italics, colored text, strikethrough, etc.) will be removed.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-029.png\" alt=\"Text formatting removed.\" width=\"1000\" height=\"545\" \/><figcaption class=\"wp-caption-text\">All text formatting is now removed.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Note that some elements like hyperlinks,\u00a0 heading styles, blockquotes, etc. will not be removed from your text after applying the clear formatting function.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/idea-icon.jpg\" alt=\"Tip\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">Here is a quick and useful way to test and remove any errors that you suspect may be caused by poor formatting tags in your content without losing the original content:<\/p>\n<p style=\"text-align: left\">Before using the <em>Clear formatting<\/em> function, switch to the <em>Text<\/em> tab, then select and copy everything to your clipboard.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-030.png\" alt=\"Select all content in the Text tab and copy it to your clipboard.\" width=\"1000\" height=\"547\" \/><figcaption class=\"wp-caption-text\">Select all content in the Text tab and copy it to your clipboard.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Next, paste the content from your clipboard into a new plain text file and save. Then, go back to your content editor and complete the formatting removal process.<\/p>\n<p style=\"text-align: left\">Now, if something goes wrong, at least you have a backup copy of your original content with all the formatting preserved.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tip-5-%E2%80%93-How-To-Add-Single-Line-Returns-To-Your-Content\"><\/span>Tip #5 &#8211; How To Add Single Line Returns To Your Content<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Like most word processing applications, line returns in WordPress are created by clicking the &#8216;Enter&#8217; key after typing text at the end of your paragraph.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-031.png\" alt=\"Default line spacing in WordPress using the Enter key.\" width=\"1000\" height=\"535\" \/><figcaption class=\"wp-caption-text\">Default line spacing in WordPress using the Enter key.<\/figcaption><\/figure>\n<p style=\"text-align: left\">When you hit the &#8216;Enter&#8217; key to start a new line in your content, WordPress adds a regular <em>paragraph ending<\/em> tag (<code>&lt;\/p&gt;<\/code>) to the content&#8217;s HTML.<\/p>\n<p style=\"text-align: left\">To add a <em>line break<\/em> tag (<code>&lt;br \/&gt;<\/code>) and create single line returns, use both the &#8220;Shift&#8221; and &#8220;Enter&#8221; keys.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-032.png\" alt=\"Example of single line spacing in WordPress using the Shift + Enter key.\" width=\"1000\" height=\"459\" \/><figcaption class=\"wp-caption-text\">Create single line spacing in your content using the Shift + Enter key.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Breaks allow the formatting of your block of text to be carried over.<\/p>\n<p style=\"text-align: left\">This is useful if you want to add a line break to a bulleted section (without creating a new bullet point) or keep the same style in subsequent text blocks for styling purposes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tip-6-%E2%80%93-How-To-Resize-The-WordPress-Text-Editor-Box\"><\/span>Tip #6 &#8211; How To Resize The WordPress Text Editor Box<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">In WordPress, the <em>Full Height Editor<\/em> function is enabled by default, providing users with a responsive content editor that expands automatically as more content is added.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-033.png\" alt=\"WordPress Classic editor is responsive.\" width=\"1000\" height=\"831\" \/><figcaption class=\"wp-caption-text\">The WordPress Classic editor box expands as more content is added.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The simplest way to check if the <em>Full Height Editor<\/em> is active or not is to look at one or more of the following indicators:<\/p>\n<ul>\n<li style=\"text-align: left\">If the <em>Distraction-Free Writing Mode <\/em>icon is visible, then the <em>Full Height Editor<\/em> is enabled.<\/li>\n<li style=\"text-align: left\">If the content editor <em>scrollbar<\/em> is <span style=\"text-decoration: underline\">not<\/span> visible when your typing exceeds the size of the editor box, then the <em>Full Height Editor<\/em> function is enabled.<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-034.png\" alt=\"Full Height Editor enabled.\" width=\"1000\" height=\"548\" \/><figcaption class=\"wp-caption-text\">Full Height Editor enabled.<\/figcaption><\/figure>\n<p style=\"text-align: left\">When the Full Height editor function is enabled, the WordPress content editor will automatically resize as you type to fit more content.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-035.png\" alt=\"The content editor automatically expands as you write with Full Height editor function enabled.\" width=\"1000\" height=\"832\" \/><figcaption class=\"wp-caption-text\">The content editor automatically expands as you write with Full Height editor function enabled.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If the <em>Full Height Editor<\/em> function is disabled, however, you will see the content editor scrollbar once your content exceeds the visible areas of the content editor box, and the Distraction-free writing mode button will not be visible.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-036.png\" alt=\"Full Height Editor disabled.\" width=\"1000\" height=\"595\" \/><figcaption class=\"wp-caption-text\">Full Height Editor disabled.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If the <em>Full Height Editor<\/em> function is switched off, you can adjust the size of your text box using the text box resizing feature at the bottom right-hand corner of the editor box.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-037.png\" alt=\"Content editor box resizing feature.\" width=\"1000\" height=\"310\" \/><figcaption class=\"wp-caption-text\">Content editor box resizing feature.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Simply click and drag the bottom-right corner of the text box to resize and adjust the content editor area.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-038.png\" alt=\"Resize the content editor box.\" width=\"1000\" height=\"738\" \/><figcaption class=\"wp-caption-text\">Select and drag the bottom corner to resize the content editor box.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The content editor box will be resized.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-039.png\" alt=\"Resized content editor box.\" width=\"1000\" height=\"883\" \/><figcaption class=\"wp-caption-text\">Resized content editor box.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Here is the feature in action&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-040.gif\" alt=\"Content editor box resizing tool.\" width=\"1000\" height=\"616\" \/><figcaption class=\"wp-caption-text\">Content editor box resizing tool.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Tip-7-%E2%80%93-Using-The-Distraction-Free-Writing-Mode-Tool-%E2%80%93-Additional-Info\"><\/span>Tip #7 &#8211; Using The Distraction-Free Writing Mode Tool &#8211; Additional Info<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Distraction-Free Writing mode requires the full-height editor to be enabled.<\/p>\n<p style=\"text-align: left\">To enable\/disable the Full Height Editor and\/or Distraction-Free Writing Mode feature, click on the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/screen-options\/\" target=\"_blank\" rel=\"noopener\"><strong>Screen Options tab<\/strong><\/a>\u00a0in the top-right corner of your administration screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-044.png\" alt=\"Screen Options tab.\" width=\"1000\" height=\"470\" \/><figcaption class=\"wp-caption-text\">Click on the Screen Options tab to reveal additional options and settings.<\/figcaption><\/figure>\n<p style=\"text-align: left\">In the<em> Additional settings<\/em> section, tick the checkbox next to <strong>Enable the full-height editor and distraction-free functionality<\/strong>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-045.png\" alt=\"Screen Options - Enable full-height editor and distraction-free functionality.\" width=\"1000\" height=\"450\" \/><figcaption class=\"wp-caption-text\">Screen Options &#8211; Tick the&#8217; Enable full-height editor and distraction-free functionality&#8217; checkbox.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You can use Distraction-Free Writing with both the <em>Visual<\/em> and <em>Text<\/em> editor and switch between the two tabs while working.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-041.png\" alt=\"Distraction-free mode - Text editor\" width=\"1000\" height=\"508\" \/><figcaption class=\"wp-caption-text\">Distraction-free mode &#8211; Text editor<\/figcaption><\/figure>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/idea-icon.jpg\" alt=\"tip\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">You can eliminate all distractions by combining WordPress&#8217; Distraction-Free Writing mode with the Full-Screen function of your web browser (e.g. Google Chrome, Firefox, etc.).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-042.png\" alt=\"Distraction-Free Writing Mode - WordPress Only vs WordPress &amp; Full-Screen Web Browser\" width=\"1000\" height=\"648\" \/><figcaption class=\"wp-caption-text\">Eliminate all writing distractions using the WordPress Distraction-Free Writing Mode and the Full-Screen function of your web browser.<\/figcaption><\/figure>\n<p style=\"text-align: left\">With Distraction-Free Writing mode switched on and the Full-Screen function of your browser enabled, your current page will completely fill the screen, leaving only the title and the content of the post or page you&#8217;re working on visible, so you can focus completely on your content without any distracting page elements.<\/p>\n<p style=\"text-align: left\">To enable Full-Screen mode in your browser, go to your browser menu options menu and click on the buttons as shown in the screenshot below.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-043.png\" alt=\"Full-Screen button on Google Chrome, Firefox, and Microsoft Edge browsers.\" width=\"1000\" height=\"742\" \/><figcaption class=\"wp-caption-text\">The Full-Screen button on Google Chrome, Firefox, and Microsoft Edge browsers.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Tip-8-%E2%80%93-How-To-Convert-Emoticons\"><\/span>Tip #8 &#8211; How To Convert Emoticons<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">One last tip worth mentioning is that WordPress automatically converts <em>emoticons<\/em> (e.g. <code>:)<\/code>, <code>:-P<\/code>, <code>:D<\/code>) in your content.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-046.png\" alt=\"WordPress automatically converts emoticons in your content.\" width=\"1000\" height=\"456\" \/><figcaption class=\"wp-caption-text\">WordPress automatically converts emoticons in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To display the emoji character without converting it into an actual emoticon, enclose it in backticks as shown below:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-058.gif\" alt=\"Displaying emoticons in your content.\" width=\"1000\" height=\"400\" \/><figcaption class=\"wp-caption-text\">Displaying emoticons in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Congratulations! Now you know how to use the WordPress Classic content editor&#8230;happy writing! :)<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-020\/WPTM-020-047.png\" alt=\"The WordPress Classic editor interface.\" width=\"1000\" height=\"856\" \/><figcaption class=\"wp-caption-text\">The WordPress Classic editor interface.<\/figcaption><\/figure>\n<p style=\"text-align: center\">***<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use the WordPress Classic editor.<\/p>\n","protected":false},"author":78,"featured_media":79031,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[195],"tags":[246,248,249,250],"class_list":["post-135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tutorials","tag-wordpress-classic","tag-wordpress-editor","tag-wordpress-page","tag-wordpress-post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Use The WordPress Classic Editor - WPTrainingManual.com<\/title>\n<meta name=\"description\" content=\"Learn how to use and get the most out of the WordPress Classic content editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use The WordPress Classic Editor - WPTrainingManual.com\" \/>\n<meta property=\"og:description\" content=\"Learn how to use and get the most out of the WordPress Classic content editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"WPTrainingManual.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wptraining\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T04:48:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T09:08:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"WordPress Tutorials\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wptrain\" \/>\n<meta name=\"twitter:site\" content=\"@wptrain\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WordPress Tutorials\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"31 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\"},\"author\":{\"name\":\"WordPress Tutorials\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\"},\"headline\":\"How To Use The WordPress Classic Editor\",\"datePublished\":\"2020-06-10T04:48:34+00:00\",\"dateModified\":\"2024-07-05T09:08:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\"},\"wordCount\":4134,\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png\",\"keywords\":[\"WordPress Classic\",\"WordPress Editor\",\"WordPress Page\",\"WordPress Post\"],\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\",\"name\":\"How To Use The WordPress Classic Editor - WPTrainingManual.com\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png\",\"datePublished\":\"2020-06-10T04:48:34+00:00\",\"dateModified\":\"2024-07-05T09:08:29+00:00\",\"description\":\"Learn how to use and get the most out of the WordPress Classic content editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png\",\"width\":1280,\"height\":720,\"caption\":\"How To Use The WordPress Classic Content Editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wptrainingmanual.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Use The WordPress Classic Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wptrainingmanual.com\/#website\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"name\":\"WPTrainingManual.com\",\"description\":\"WordPress Training Manual\",\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wptrainingmanual.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\",\"name\":\"WPTrainingManual.com\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"width\":559,\"height\":65,\"caption\":\"WPTrainingManual.com\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wptraining\",\"https:\/\/x.com\/wptrain\",\"https:\/\/www.linkedin.com\/in\/wptraining\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\",\"name\":\"WordPress Tutorials\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"caption\":\"WordPress Tutorials\"},\"url\":\"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use The WordPress Classic Editor - WPTrainingManual.com","description":"Learn how to use and get the most out of the WordPress Classic content editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/","og_locale":"en_US","og_type":"article","og_title":"How To Use The WordPress Classic Editor - WPTrainingManual.com","og_description":"Learn how to use and get the most out of the WordPress Classic content editor.","og_url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/","og_site_name":"WPTrainingManual.com","article_publisher":"https:\/\/www.facebook.com\/wptraining","article_published_time":"2020-06-10T04:48:34+00:00","article_modified_time":"2024-07-05T09:08:29+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png","type":"image\/png"}],"author":"WordPress Tutorials","twitter_card":"summary_large_image","twitter_creator":"@wptrain","twitter_site":"@wptrain","twitter_misc":{"Written by":"WordPress Tutorials","Est. reading time":"31 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#article","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/"},"author":{"name":"WordPress Tutorials","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc"},"headline":"How To Use The WordPress Classic Editor","datePublished":"2020-06-10T04:48:34+00:00","dateModified":"2024-07-05T09:08:29+00:00","mainEntityOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/"},"wordCount":4134,"publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png","keywords":["WordPress Classic","WordPress Editor","WordPress Page","WordPress Post"],"articleSection":["WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/","url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/","name":"How To Use The WordPress Classic Editor - WPTrainingManual.com","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png","datePublished":"2020-06-10T04:48:34+00:00","dateModified":"2024-07-05T09:08:29+00:00","description":"Learn how to use and get the most out of the WordPress Classic content editor.","breadcrumb":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#primaryimage","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png","width":1280,"height":720,"caption":"How To Use The WordPress Classic Content Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wptrainingmanual.com\/"},{"@type":"ListItem","position":2,"name":"How To Use The WordPress Classic Editor"}]},{"@type":"WebSite","@id":"https:\/\/wptrainingmanual.com\/#website","url":"https:\/\/wptrainingmanual.com\/","name":"WPTrainingManual.com","description":"WordPress Training Manual","publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wptrainingmanual.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wptrainingmanual.com\/#organization","name":"WPTrainingManual.com","url":"https:\/\/wptrainingmanual.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","width":559,"height":65,"caption":"WPTrainingManual.com"},"image":{"@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wptraining","https:\/\/x.com\/wptrain","https:\/\/www.linkedin.com\/in\/wptraining\/"]},{"@type":"Person","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc","name":"WordPress Tutorials","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","caption":"WordPress Tutorials"},"url":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png",1280,720,false],"thumbnail":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor-150x150.png",150,150,true],"medium":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor-300x169.png",300,169,true],"medium_large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor-768x432.png",768,432,true],"large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor-1024x576.png",1024,576,true],"1536x1536":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png",1280,720,false],"2048x2048":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/020-wp-classic-editor.png",1280,720,false]},"uagb_author_info":{"display_name":"WordPress Tutorials","author_link":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to use the WordPress Classic editor.","_links":{"self":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media\/79031"}],"wp:attachment":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}