How to add an article to your website using the WordPress classic editor

This article shows you the technical side of how to add an article to your website.
Share on email
Share on whatsapp
Share on linkedin
Share on reddit
Share on facebook
Share on twitter

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.
Table of Contents

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 the layout of where you write your article (called a post in WordPress), might differ slightly from the one used for the purpose of this tutorial.

The boxes inside the WordPress editor window where you add your content are moveable. So if you can’t find something referred to in this article, use your browser’s built-in search function (in Chrome it’s CTRL + F) to find it.

Summary

In a nutshell, this is what you do when you add a new blog post.

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

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…

The WordPress Dashboard.

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.

The WordPress Login Screen.

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.
Click on Add New in the sub-menu.

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.

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

Although you may click this button as often as you think you need to, I’d advise you to click it after every edit.

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 and embed things like images and videos.

The Main Content Box For The WordPress Classic Editor
The Main Content Box For The WordPress Classic Editor.

Full-height editor

This is the default setting for the WordPress classic 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.

If it’s not enabled on your side and you’d like to try it, or prefer it to the traditional setup, here’s how to activate it.

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.

The Link Inside The Preview Article.
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 own pages open in a new tab. It’ll frustrate people.

Removing a link

Follow these steps to remove a link from an article.

Click Anywhere On The Link.
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

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.

Click On Upload Files.
Click On Select Files.

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.
Click On The Add New Button.
Click On Select Files.

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—which serves 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 Add Media.
Click On Upload Files.
Click On Select Files.

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 effect 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.
Click The Blue Update Button.

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.

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 it doesn’t make sense to float an image that’s full width.

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.
Click The Preview post Link.

At the top of the window, below the heading, Edit Post, 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.

So 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.

Click Add Media.
In the left hand panel, click on Create Gallery.
Click on Upload Files.
Click on Select Files.

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 Open button.
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.

Add A Caption To Each Image.
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 a powerful platform for getting the word out on your offer.

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 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.

Look For The Featured Image Box.
Click On Set featured image.
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. Again, if you use a page builder or build custom layouts you can have the excerpt not show.

But it acts as the lede to your article, which makes it an invaluable tool for drawing in people.

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.

Click On Screen Options.
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.

The Excerpt Box.
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.

Scroll to Top
I won't spam you and you can easily unsubscribe any time you wish.