Composing an article on WordPress

“How do I write an article on the web?”

Step 1

In your WordPress dashboard, go to the right sidebar and hover over the posts tab, then hover can click on “add new” in the dropdown menu.

Step 2

You will be taken to the composer window. Enter in a title, and then click on on “use default editor”.

What is the Divi Builder? 

Step 3

Start writing your article in the composer section. 

How do I make my articles more visually interesting? 

Step 4

In the right sidebar, there are multiple tabs you can use to edit how the article looks when published. We will just go over the essential ones here in this tutorial. The first being categories. This controls what section your article will appear on the website.

Ask your section editor what is the appropriate category for your article and select that.  

Step 5

In the right sidebar, there is a tab called “featured image” Place your 16:9 aspect ratio photo here.

How do I prep images for the web? (Quick and Dirty Way)

How do I prepare my featured image? (Best Way)

Step 5

In the right sidebar, there is a a tab called “Excerpt” this controls how many words are shown, in the article preview on the site section your article appears in. In order to make the preview as small as possible and increase the chances of getting clicks to your article, copy and paste the lead of your article and past it into the excerpt text box.  

Step 6

Scroll down until you see the Yeost SEO widget. Fill out the form fields to reflect what the article will look like in a search engine like Google. 

While filling up the meta description make sure the progress bar turns green. We suggest you copy and paste the lead again and extend any acronyms to their unpackaged form (for example, “UVU” for “Utah Valley University”). This is to make it easier for Google to catalog your article based on intended entries. 

SEO 101 

Step 7

Once you feel like you place all the content into the composer, click on the “preview” button on the top right of the page to see how your article looks like in the wild. Once you feel good about and your editor approves it, click publish and share your work!

Prepping Featured Images Using Photoshop

“How do I make my article look clickable?” 

Prepping Images for Web

“How do I make my articles
look good and load fast?”

Prepping images for the web is extremely different than preparing for print. In print, you are trying to get the resolution as high a possible, on the web, it is a game of making sure you make the file size as small as possible without hurting the quality of the photo. The larger your image files, the slower it takes for your article to load, that means less people will read your articles!

A general goal to strive for is keeping your photos under 2MB, ideally under 1MB. If you want to get the best picture and still have your article load fast, Don’t think in TIFF format, think in JPEG.

Step 1

Look at this recent photo put online. It’s HUGE! 23MB.

The first step is identifying the problem, 23MB is a lot of space, this will bog down your article.

We are going to try and get it under 2MB.  There are plenty of ways to do it in photoshop, where you can have highly customizable controls to get the most out of your media.

But you don’t have to be a digital media expert to do this! Luckily, WordPress’s latest update has made it really easy to edit images on the platform. It is “good enough” for our purposes.

Step 2

When you are in the WordPress composer, you can place an image in the article using the image button. 

Step 3

With the image in the article, you select the image and a properties editor opens up in the right sidebar. Here you just need to make sure that the pixel ratio is not below 400px in size so you can still see the image. WordPress will then reduce the pixels in the image and reduce the size as well. 

Placing Photos/Multimedia in Text

“How do I make my articles more visually interesting?”

On our website, we use WordPress’s Gutenberg editor. This allows you to move content like blocks in your articles, and make cool layouts like this.

This gives you way more creative control over how your articles look and give you an opportunity to partner with designers to create well-designed articles.

Learn more about Gutenberg

What you can do

Here are a few things that can be done with Gutenberg. 

WordPress Gutenberg Tutorial For Content Writers & Editors

Adding a Photographer Button

“How do I give my assigned
photographer credit?”

Adding an Image Caption

“How do I give my assigned
photographer credit?” PT 2

Step 1

When you are in the WordPress composer, select the featured image.  

Step 2

You will get a pop up from the media library. With the desired photo selected go to the right sidebar and type in you image caption. 

Step 3

When you are done, press the “select” button and then press the “update” button on the WordPress composer. A caption should show up under your image. 

SEO 101

“Why do I need to link to other articles?

Pay Per Click Ads 101

“How do I get my work
seen by thousands of people?”

What is Pay-Per-Click?

How to Manage a PPC Campaign using Facebook Business Manager

Divi Visual Builder 101

“How do I design immersive articles?”

Do you know about the cool multimedia stories in the Immersive News section? If you want to leverage that as a storytelling method, this section is for you!

We use a WordPress theme called Divi to edit the visuals on our site. It’s a what you see is what you get (WYSIWYG) builder so you can have layout control for your pages.

Here are the links to the tutorials if you want to use the Divi editor to edit your articles using the Divi builder.

How do I use it?

Where can I learn everything there is to know about Divi? 

Email Marketing 101

“How can we reach more people using email?”

How to Use Mailchimp

“How do I manage an email newsletter?”

How to Create an Email Opt-In Form

“How do I collect emails?”

Option One: How does Mailchimp Create Opt-In Forms? 

Option Two: using the Bloom Plugin

Advertising on WordPress 101

“How do I put ads in my articles?”

How to Update the WordPress Site

“How do I make sure the site doesn’t break?”

How to Update the How-To Page

“How do I update this page?”

How to Use Facebook Analytics

“How can we measure our success as a digital first publication?”

Using Augmented Reality to Tell the News

“How can I explain complex subjects using AR?”

Roots of Knowledge AR Demo