How To Add An Article To Your Website Using The WordPress Classic Editor

This article shows you how to add an article to your WordPress website using the classic editor.

By Joe
WordPress
Mar 15, 2019
Jan 2, 2021

Get WordPress tutorials and online marketing tips delivered to your digital door

My articles are FREE to read. But when you buy through my referral links I earn commission. You don't pay more but I get rewarded for my hard work. It's like a salesman in a shop showing you the goods. Thanks for your support. I really appreciate it.

If you want to get more traffic to your websites, one of the best ways is to keep adding content to it.

If you keep adding valuable content you show man and Google you’re an expert on your product or service, which leads to more trust and more sales.

Follow along as I show you step by step how to add an article to your WordPress site.

This article assumes you’re using the WordPress classic editor, not Gutenberg.

Gutenberg’s been around for a while now and it’s still getting hammered by bad reviews. Whether people will ever take it seriously remains to be seen.

For now, I’m happy to use the classic editor.

Please note that your post layout might differ slightly from mine. Nevertheless, it should be similar enough for you to follow along.

The boxes inside the WordPress editor window where you add your content are moveable. If you follow along with this tutorial and see a box in the tutorial that’s not in the same place on your screen, use your browser’s built-in search function (in Chrome it’s CTRL + F) to find it.

Video

The video shows you how to add an article in under three minutes.

Summary

In a nutshell, this is what you do when you add a new article (AKA blog post or post).

Add a title.
Add a featured image.
Add an excerpt.
Add some text.
Add one or more pictures.
1. Choose the gallery option to form a beautiful layout for your pictures.
Publish your post.

The tools

You need the following tools to add an article to your website:

A WordPress installation.
- Self-hosted (wordpress.org), not wordpress.com.
Page Builder Framework.
- You don’t need Page Builder Framework, but it’s such a good theme that I highly recommend you get it.
WordPress Classic Editor.
- This gives you the option to switch the WordPress editor back to the classic display, which is still the preferred method for adding articles to a WordPress website for many website owners.

Log into your website

Your website’s admin dashboard is located at https://yourwebsite.com/wp-admin. (Change yourwebsite.com to your website’s URL.)

If you visit that URL and you’re logged in from a previous session, you’ll go straight to your website’s admin dashboard. It’ll look something like the image below…

If you’re not logged in, you’re presented with a login form at https://yourwebsite.com/wp-login.php, where you must insert your username or email, as well as your password, after which you click the Log In button.

You can also reset your password on this screen if you’ve forgotten it.

Once you’re logged in, it’s time for the next step.

Start a new post

WordPress allows you to do certain things from more than one location inside the system.

For instance, you can add a new post (an article), from at least two places.

Through the toolbar

Your default WordPress install shows the top toolbar at all times, on the front facing website and inside your admin dashboard. It shows even when you’re scrolling down a page, since it’s a sticky toolbar. The image below shows what it looks like.

The WordPress Toolbar Is Sticky, Which Means It’s Always Visible.

Let’s add a post by clicking on the + New button.

Click On The + New Button To Add A New Post From The Toolbar.

When you hover over the + New button, a dropdown menu appears which lets you choose what you’d like to add. But just clicking directly on the + New button defaults to creating a new post.

Through the admin dashboard

Here’s how to add a new post from the WordPress back office.

Hover Your Mouse Pointer Over *Posts* In The Sidebar.

You’ve now opened a window where you’ll add all the content that makes up a post (AKA article).

Activate the visual editor

WordPress’ classic editor lets you write in two ways: visual or text.

I used to use the text version exclusively, until I realised how much quicker the visual editor lets you work.

To ensure your visual editor is active, just click the tab that reads Visual, at the top right hand corner of the editor.

Click on the tab marked *Visual* to activate the classic editor’s visual setting.

Add a title

Underneath the heading that reads, Add a New Post, add a title for your article.

Enter A Title For Your Article Inside This Box Where It Reads, *Enter title here*.

The title can be any length you wish, but keep it as short as necessary.

Save your work

Save your work as often as possible. Do this immediately after adding a title. I’d advise you to click that button after every edit.

To Save Your Progress, Click The *Save Draft* Button Inside The *Publish* Box, To The Right Of Your Main Content Box.

Add your main body of content

The box where you add the main content isn’t marked, Main Content, or anything like that. It’s just a big white box into which you can stick words, links, lists, images and videos.

The Main Content Box For The WordPress Classic Editor.

This is the default setting for the WordPress classic editor.

Full-height editor

When you toggle the full screen button, it clears the screen of most of the elements surrounding your main content box, like the WordPress sidebar.

WordPress’ Distraction-Free Mode, Which Removes The Left Hand And Right Hand Sidebars.

How to activate

Follow these steps to activate the WordPress classic editor full-height mode.

While you’re in the *Post* screen, click on the *Screen Options* button at the top right hand of the screen.

The *Screen Options* Dialog Drops Down Showing Plenty Of Options.

Check The Box For The Option, *Enable full-height editor and distraction-free functionality*.

Your WordPress editor is now in full-height mode, ready for distraction-free writing.

Standard mode

If (like me) you prefer the standard WordPress editing mode (non-distraction-free, non-full-height), make sure the full-height and distraction-free checkbox under Screen Options is unticked.

Adding text

It can’t be any easier to add text to your article. You simply start typing inside the box.

Start Typing Inside The Content Box To Add Text.

Adding a link

Here’s how to add a link to your article when using the classic editor.

Highlight The Text You Want To Turn Into A Link.

Click On The Link Icon Above The Content Box.

Insert The Link Into The Box That Pops Open.

Click On The Little Blue Arrow Box To Apply The Link.

If you preview the article now, it’ll show the text linked.

Making it open in a new tab

To make the link open in a new tab, follow the steps above, but before you click the blue arrow box, click the gear icon.

Click The Gear Icon.

Check The *Open link in a new tab* Checkbox.

If a visitor clicks on that link in your article, it’ll automatically open the destination in a new tab.

This is great for linking to other websites or documents you store off-site (such as on Google Drive), but don’t make your website’s pages open in a new tab. It’ll frustrate people.

Removing a link

Follow these steps to remove a link from an article.

Click On The Broken Link Icon To Remove The Link.

The link is now gone.

Adding images

Here’s how to add an image to your post using the classic editor.

Click The *Add Media* Button To Add An Image.

A window pops open.

Choose If You Want To Upload A File Or Choose A File That Is Already Uploaded.

Adding a new single image

In most cases, if you’re adding a new article, you’ve probably not added the image/s for that article to your media library yet. That means you’ll probably be adding images as you write.

Here’s how to add a single image to your WordPress post.

You can also add more than one image in a gallery style. More on that later.

This pops open a box where you can choose an image, or more than one image, to import into your post.

Upon importing an image to your post, it’s also added to your media library.

Adding an image that’s already in the media library

Let’s upload an image to the library and place it inside a post.

Click On *Media* In The WordPress Dashboard Sidebar.

This pops open a box which lets you choose an image, or more than one image, to import into your media library.

Image settings

Let’s take a look at some WordPress image settings. Let’s add an image as a test and modify it.

I’ve downloaded an image from pixabay.com—where you can get free images you may use for anything, even commercial purposes, no attribution required—and saved it to my desktop.

Let’s upload it to an article.

Inside The Edit Post Window, Where You Construct Your Article, Click Inside The Main Content Box Where You Want Your Image To Appear.

Click on the image you want to import.

Your image is now added to your article.

Lightbox effect

To make the image pop open in a lightbox when a reader clicks on it inside your article, do the following.

Click On The Image To See A Box Of Options Open.

Click On The Pencil Icon.

Click On *None* And Change It To *Media File*.

Now, when someone reads your article and they click on that image , it pops open in a lightbox.

Floating an image

Floating an image refers to its alignment in relation to the text. If you float an image right, it’ll sit next to a block of text on the right hand side. Likewise, if you float it left, it’ll sit to the left of a block of text.

Please note: this only works well with larger blocks of text, since it allows the text to flow around the image. If you use only a single sentence, it might cockeye the layout. In fact, I steer clear of floating images because you can never tell what they’ll look like on different screen sizes.

Let’s float an image to the right of a piece of text.

A Sentence In The Content Box Next To Which We Will Float An Image.

With my cursor positioned inside the main content box, IN FRONT OF the sentence, I click on Add Media.

I select one of the sample images I uploaded earlier, but BEFORE I click the blue Insert into post button at the bottom right, I scroll down on the right hand side—below the heading, ATTACHMENT DETAILS, farther down, to settings below ATTACHMENT DISPLAY SETTINGS.

Select The Image, Then Scroll Down To Reveal More Settings On The Right Hand Side.

The first thing I set is the image width. Because we’re floating the image, we want it to be smaller, so it doesn’t take up space that’s meant for text.

Click On The Dropdown Box For *Size* And Choose *Thumbnail*. *Medium* Should Work Too.

Choose The *Right* Option For *Alignment*.

Click The Blue *Insert into post* Button.

At the top of the screen, below the Edit Post heading, a box pops open that reads, Post draft updated. Click the link to open the post in a new window.

This opens the article in a new tab, where you’ll see the image floating next to the block of text.

The Image Floating To The Right Of The Block Of Text On The Frontend Of The Website.

Please note: your image insertion settings remain the way it was for the last image you inserted. If you insert an image, reduce the size and float it, and you want your next image to be full width and not floated, you’ll have to reset the changes under ATTACHMENT DISPLAY SETTINGS.

Adding an image gallery

Sometimes it makes more sense to add a gallery of images to your article, as opposed to a single image.

Let’s create a gallery of five images inside a post using random images downloaded from Pixabay.

Click inside the main content box.

In the left hand panel, click on *Create Gallery*.

Choose the images you want to upload. To choose more than one image, hold down the CTRL button on your keyboard (On Mac it’s the CMD button) and click on each image you want to upload.

Choose The Images You Want To Add To Your Post Gallery.

Click The Blue *Create a new gallery* Button, Bottom Right.

In the next window you can add a caption for each image. This is a nice touch that’ll help your readers understand what a given image is about.

On The Right Hand Side, Under *GALLERY SETTINGS*, Change The *Link To* Setting To *None*.

Other settings include Random, Size and Type.

You can play around with the last three, but note that some might not take effect. Why, I don’t know. I’ve simply grown used to accepting that there are some limitations to the way WordPress allows you to present content. That being said, it’s still one of the best content management systems for online marketing.

The image below shows what an image gallery looks like to someone viewing your article.

The WordPress Image Gallery On The Frontend.

Add a featured image

The featured image pops up at the top of your article, either above your heading, or below, depending on how your article layout is set up. (If you use a custom page builder like Elementor you can make the featured image appear wherever you want.)

It also pops up in Facebook, Twitter or other social media channels when someone shares your article. It’s a great way to lure people into clicking through to your website. (Because it’s much easier to sell to someone when they’re on your website, than when they’re swamped with junk on Facebook.)

Here’s how to add a featured image to WordPress using the classic editor.

Choose A Featured Image For Your Article.

Click The Blue *Set featured image* Button.

Once it’s inserted, it’ll show inside the same box where you clicked to add it.

The Featured Image Showing Inside The *Featured Image* Box.

Add an excerpt

An excerpt is displayed on your archive pages, or when you display a list of articles on your home page or elsewhere. If you use a page builder like Elementor or build custom layouts you can exclude the excerpt from showing in your article.

But the excerpt plays an important role. It acts as the lede to your article, which makes it an invaluable tool for drawing in people (along with your article’s featured image).

Before you add an excerpt, check if it’s active in your Edit Page screen.

To do so, click on the Screen Options button at the top right hand of the screen.

The *Screen Options* Dropdown, Revealing A Number Of Things You Can Activate Or Deactivate.

Make Sure The *Excerpt* Checkbox Is Checked.

Now that it’s activated, it’ll show on the page somewhere. It should be below the main edit window.

Add Your Excerpt Inside The *Excerpt* Box.

Publish your work

Once your work’s done and you’ve left it to simmer, then checked it again, and again, it’s time to publish.

It’s super easy to do. One step, in fact.

Here’s how to publish your article using the WordPress classical editor.

Click The Blue *Publish* Button Inside The *Publish* Box To The Right Of Your Main Content Box.

Your article is now ready to be digested by humans and search engines. And if it’s good, it’ll have a 99% longer shelf-life than the average Facebook post (which has a 5 hour lifespan, according to tests).

In conclusion

And that’s how you add an article to your WordPress website.

You should abuse this feature, since adding content to your website gives you a strong long game.

In future I’ll post an article on how to add an article using the WordPress mobile app. One of my clients uses this to successfully blog while he’s on the job. It’s a great way to ensure you don’t forget anything important while you’re out doing what you’re great at and want to write about it.

This article doesn’t touch on content structure, including categories and tags. I’ll cover that at a later date. This article serves to get you going, so you can start working on your long-term goal of domination. That said, it’s a good idea to sit and work out a content strategy before you start writing.

But a wonky start’s better than no start at all.