WordPress Posts & Classic Editor (Part 1)

by Drew Conroy

Posted on December 13, 2018

wordpress logo

Note: This post is from our WordPress Beginner Tutorials Series on WordPress Posts & Classic Editor (Part 1)

To begin this introduction to Posts and the Classic Editor. We are first going to take a look at the differences between Pages and Posts. Posts will show up in RSS feeds and pages will not, you can use tags and categories with posts and you can’t with pages.  

WordPress is driven by two content types.

WordPress is not just for blogging despite what you may have heard before.  You can build both blogs and websites with WordPress. In fact, many applications are a combination of both. You could have a site that’s just pages or just posts if you want too.  For instance, an online magazine or news site would use more posts. Sites for businesses like a Real Estate Company, a Dentist, and a sports team would use pages.

Posts are listed in reverse chronological order, you can sort posts by categories, tags, authors and dates,  posts can generally be accessed from various parts of your site and they are time sensitive. A blog post can not be set as your homepage.

Pages are static and timeless. You would not sort pages like you do with posts. Pages use a hierarchy system and are only accessible via a link.  Pages can be used for your homepage and will not be in RSS feeds. As an example, if you were going to right about Aliens landing on earth or the Red Sox’s winning another world series you would use a post. If you wanted to list your businesses contact information and pricing you would use a page.

Next, I want you to open up a browser and add your URL into the address window. Put a forward slash at the end of it, then add on the end of it wp-admin and hit enter on your keypad.  Now make sure you bookmark this so you will have for next time.

Now I need you to login to your WordPress Dashboard.         

To create a Post go to the left hand side panel and hover your cursor over posts, then click add new from the fly out tab. You can customize this page by clicking on “Screen Options” in the upper right hand corner. It allows you to add or remove what you want to see on the screen. Like the number of columns, which panels you want to see, and custom fields.

You have your field for entering the title of your post along with the permalink right below it. Again, referring back to a previous video, a permalink is just a web address. Below the permalink is the Classic Editor where we will be creating content for the post.  

Coming up as part of this video series, we will be going over the Gutenberg Editor that will be released with WordPress 5.0. If you like the Classic Editor and you want to keep using it. You will be able to by installing the Classic editor plugin. I will have more on this coming up in a future video.   

The editor contains various formatting options and you can work in either “Visual” or “Text” mode.

The Visual mode is the WYSIWYG which stands for “What You See Is What You Get”. This makes it possible to edit Posts or Pages if you do not know HTML or CSS.  If you click the Text tab, you can use HTML and CSS with your content. The “Publish Panel” controls the status of your Posts and Pages. You can save your content as a draft to publish it later. You have Preview or publish, along with changing the visibility and publish date.

In the “Format Panel” you can choose the format your post will be published in. These options depend on what your theme has to offer. 

Next, the “Categories & Tags” panels give you the ability to organize your content by using Categories and Tags. The “Featured Image” panel gives you the option of adding a feature a image in your posts and pages.  All of the panels on this page can be moved or collapsed.

At the top of the editor panel you have a row of options. If you hover your cursor over each one you get a tooltip as to what they are called, along with the keyboard shortcut for those that have them. How these work is you need to highlight the part of your text you want to edit/format and then select the option you want.

From left to right, you can set your text format to paragraph or varies headings like Bold, italics, a bulleted list, a numbered list, blockquotes, align left..center..and right.

To create a link, highlight some text or an image. Either enter in the URL you want to use and then select the the blue icon or select the gear icon which will bring up the insert/edit link form. You can search or if you wait a few moments, depending on how many pages and posts you have, they will come up in the box.  

From there, you can select the one you want.  Once you make your selection, you can choose if you want the link to open up in a new window by checking off the box. You can add a title so when anyone hovers over the link it will show a tooltip with that text. Then click the “add link’ button and your done.

Now to remove a text link just highlight the link and click the remove link option.

The next option is the, “Insert Read More” tab. Just click in the editor where you want your text to stop. Once you update it, it will put in a “Continue Reading”  text link on the page. When clicked on, it will show the rest of your content. Keep in mind you must be logged out of your WordPress Dashboard to see the link.

The last option will toggle another toolbar with additional formatting options.  The first one is strike through, followed by, if you want to add a line in your content to break things up a bit, you can do that. Then we have text color, and the option to set

Paste in plain text mode. When copying and pasting, your contents will now be pasted as plain text until you toggle this option off.  

You can Clear all formatting, add special characters and symbols, increase or decrease indenting, undo or redo any formatting and lastly view the keyboard shortcuts. I use keyboard shortcuts all the time. You should really take a good look at these and at least try to learn at least a few. It can make your work flow go faster.

Next, if you want a clutter free environment with less distractions try full screen mode. First, click on the “Screen Options” options tag at the top. Then check off under “Additional Settings” “Enable full-height editor and distraction-free functionality.”

 You will then see a black X appearing in the upper right hand corner of your editor window. Everything along the sides and top moves off screen.  To get the screen back to its original state just move your cursor to the side or top of the page.

This post editor is the same as the page editor so once you get some practice, you will have no problem adding and editing content.  

The “Publishing Panel” controls the publication settings of your post or page. You can save it as a “draft” if you are not ready to publish it.  If you want to see what it looks like you can “preview” it by clicking the preview button.

wordpress logo

Under “status”  if you have “pending review” that means it is waiting to be reviewed and “draft” means it is still being worked on.  

The “visibility” is currently how your content is being displayed. This post is set to public so everyone can see it.   

If you check the box to “stick” the post, it will remain on top of your post listings. Even if you add additional posts afterwards. It will always be on top.

With “Password protected” the post is still listed publicly but to view the content you need to enter in a password.

Posts set to “Private” are only visible to Users who have Editor or Administrative roles on your site.

These posts are invisible to the general public and to Users with other role types. Private posts will not show up in searches or RSS feeds. Posts can be scheduled to be published on any day or time you wish. You can also set the date for the past. It will still publish right away when you post it, but it will keep the past date you entered in.

When making any changes to the “status”, “visibility” or “date” of a post. Make sure you click the “OK” button then the “Publish” button.

The “Post Format” allows you to style your posts with different looks.  Depending on which theme you are using will determine which formats you can use for styling your posts. The current formats are: standard, aside, image, video, quote, link, gallery and audio.

“Featured Images” are also known as post thumbnails. A featured image will represent the post and be the main focus.  How a featured image is displayed is determined by the theme you have installed.

To add a Featured Image go to the featured image panel and click on “Set featured image” This will bring up the media uploader. There are two tabs “Media Library” and “Upload Files”. If we had already uploaded any type of media it would show under the “Media Library” tab.  

To add any media you can drag and drop it into the upload area or click the “Select Files” button and search your computer for it.  I am going to upload an image using the “Select Files” button. Once I find my image I want to upload I will select “open” and the media will start uploading.

Once the image has uploaded you will see some fields on the right hand side of the page, below a thumbnail of the image. There is the URL of the image, the Title which will be displayed in a tooltip when a cursor is hovered over the image. You can also add a caption, alt text and a description. You want to make sure the Alt Text is added because it’s important for SEO which is short for Search Engine Optimization.  The Alt Text is a short description describing the image.

Once you are done filling out the fields click the “Set featured image” button and you are done.  

Make sure to check out our WordPress Beginner Tutorials Series on our YouTube Channel.

To read Part 2: https://webstop.net/wordpress-posts-classic-editor-2
Have a Great Day!
Drew & the WebStop.net Crew