WordPress Tutorials for Beginners and Intermediate Users

We have provided multiple WordPress tutorials for you to get step by step instructions on how to do common things in WordPress.  Refer back to this page often as we will have WP Tutoring content updated weekly.
View our online WordPress Tutorial and video.

Need Live WordPress Tutoring and Training? - Click Here

Adding a Code Listing to Gutenberg- WordPress 5.0

There may be some times when you want to show some computer code to your readers.  In the past that may have been hit or miss because the code may have executable instructions in it that would make the formatting inconsistent.  The Code Block in Gutenberg allows you...

read more

Adding the Archive Widget to Gutenberg- WordPress 5.0

The archive block places a listing of the archived posts on your site.   Step 1- Choose the archive block by either typing into the search bar or scrolling down to the "widgets" category in the block selector. Choose the Archive B``lock underneath the Widget  Step 2 -...

read more

Adding a Page Break in Gutenberg- WordPress 5.0

Adding a Page Break in the Gutenberg Editor can be a great way to break up long content. Step 1 - In the block selector under the Layout Category choose Page Break Step 2 - You'll now have a line that you can use to separate your content into a multi-page experience. ...

read more

Adding Preformatted Text to Gutenberg- WordPress 5.0

A preformatted block allows you to add text that respects your spacing and tabs, and also allows particular styling. Step 1-  Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Scroll to Formatting....

read more

Adding a Gallery to Gutenberg- WordPress 5.0

A Gallery Block allows you to add a gallery to your pages. Step 1- Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Scroll to Common Blocks. Select Gallery. Step 2 - A gallery block will appear. You...

read more

Adding Latest Comments to Gutenberg – WordPress 5.0

A latest comments block allows you to display a list of your most recent blog post comments.  This is essentiall the Recent Comments Widget available to you in a block that can be added anywhere in the content of your post. Step 1- Hover your mouse over the Add Block...

read more

Adding a Media & Text Block in Gutenberg

AKA - placing text beside an image in WordPress 5.0 This is the block that we've all been waiting for!  For anyone who has been using the Gutenberg editor, placing text beside an image or video was extremely frustrating and difficult. In fact there was a workaround...

read more

Using the Classic Block in Gutenberg

The classic block allows you to use the familiar classic WordPress editor within a Gutenberg block.  If you convert a post from the Classic Editor,( pre WordPress 5.0), to Gutenberg, your whole post will show up in one Classic Block.  This block allows multiple...

read more

Adding a Category Block in Gutenberg

A categories block allows you to display a list of all of your post categories. Think of this as a block version of the popular category widget. Step 1- Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor)....

read more

Adding a Cover Block in Gutenberg

A cover block is a great option to use as a header for your content. You can add an image or video with a text overlay. Step 1- Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Scroll to Common Blocks....

read more

Multiple Columns in Gutenberg

With the Columns block, you can quickly and easily adjust your page’s layout. Step 1- First go to the page where you would like to page’s layout. Click on the plus sign icon in the upper left hand corner. From there, select the Layouts from the drop down menu. Click...

read more

Using the Separator Block in Gutenberg

The Separator block is used when you want to create a break of ideas or sections with a horizontal separator. Step 1 First go to the page where you would like to add the separator. Click on the plus sign icon in the upper left hand corner. From there, select the...

read more

Using the More Block in Gutenberg

The "more" block is used when you want to include a short introduction of piece of content on a page or post. It will help create separation from the rest of your content. Step 1 - First go to the page where you would like to add the more block. Click on the plus sign...

read more

The Spacer Block in Gutenberg

The Spacer block is used when you want to create a white space between blocks and customize its height.  You can also add a CSS class to give an additional design to the spacer block. Step 1- First go to the page where you would like to add the spacer. Click on the...

read more

Gutenberg – Adding an Image to the paragraph block

Thanks to Jeff Chandler of WP Tavern for this solution.  Adding an image to the paragraph block can be extremely frustrating because it is not a straightforward process.  Follow the steps below to pull it off. Step 1 - Write Your paragraph(s) using the paragraph block...

read more

Adding a Button in Gutenberg

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Step 2 Select Blocks. Then scroll to Layout Elements. Under that section you will see Button. Select Button. Hint: You can also type “Button” in...

read more

Getting an Article’s Word Count in Gutenberg

Step 1 -Hover your mouse over the information icon (the circle with an “i” inside of it.). When you click on it, you will get information about your page (headings used, word count, paragraphs, etc.)  This is a really handy tool as you're creating your amazing...

read more

Enjoying our WordPress Tutorials? You'll love our one - on - one Training

Using the Author Block in Gutenberg

The Author Profile block lets you add a user profile box to your page with an avatar, name, title, profile text and social media links. The block also comes with several settings to help you customize it in many ways.  This particular block is from the Atomic Blocks...

read more

Moving a Block in Gutenberg

Step 1 First hover your cursor over the block you would like to move. When you hover a block, you will see arrows on the left side of the block. The arrows will allow you to adjust your blocks (clicking the up arrow will move it up by one space, click the down arrow...

read more

Adding a file in Gutenberg

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Step 2 Select Blocks. Then scroll to Common Blocks. Under that section you will see File. Select File. Hint: You can also type “file” in the...

read more

Using the Sharing Icons Block in Gutenberg

If you have blog posts, artwork, music or other creative content on your website you may want to share them on social media and encourage your website visitors to also share on social media. Atomic Blocks’ sharing icon block will allow you to integrate your content to...

read more

Adding a Verse in Gutenberg

Poets and Musicians rejoice!  You have a special Gutenberg block that highlights your content.  Based on your Gutenberg compatible theme, your creative work will be highlighted in a way that makes it differ from standard text. Step 1Hover your mouse over the Add Block...

read more

Adding a table in Gutenberg

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Step 2 Select Blocks. Then scroll to Format. Under that section you will see Table. Select Table. Hint: You can also type “table” in the search...

read more

Adding an audio file in Gutenberg

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Step 2 Select Blocks. Then scroll to Common Blocks. Under that section you will see Audio. Select Audio. Hint: You can also type “audio” in the...

read more

How to use Gutenberg Products Block

If you have an woocommerce website, you may want to allow customers a preview of products you’re selling. A products block would be ideal for you to use. The products block is similar to the products short code. The Products block allows you to  insert any products...

read more

Adding Shortcodes in Gutenberg.

WordPress shortcodes are an easy way to add more advanced functionality to your site without using advanced code. For example, you have a gravity form you would like to be on a certain page. You can take the short code of that form and place it in the Shortcode Block....

read more

WordPress User Roles

Just like a successful business requires a team to manage and maintain it, a website will require the same thing. Each role within the company has different positions, responsibilities, and permissions. Each person is given their role based off of their skill set, ...

read more

Adding Testimonials in Gutenberg

Testimonial Blocks allow you to post your website’s visitors/customers reviews. Posting reviews from clients can give a sense of honesty and trustworthiness to other potential customers that see them. You can add a testimonial box to your page with testimonial text, a...

read more

Adding paragraph text in Gutenberg

Gutenberg introduces a great way for you to add paragraph text.  You can use blocks to better separate and organize your content.  Also using blocks, you can easily move content around. Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left...

read more

Adding pull quotes in Gutenberg

Pull Quotes are an important feature in many online publishing platforms.  In the new Gutenberg editor for WordPress, this is made really simple and intuitive.  The look of the pull quote on the front of your site is still determined by your particular theme setup,...

read more

Adding an Image in Gutenberg

There are three ways to add images with Gutenberg: as an individual image, cover image, or an image gallery. Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Step 2 Select Blocks. Then scroll to...

read more

Adding a Video in Gutenberg Editor

Adding a video in Gutenberg Step 1 - There are two types of videos you can add in Gutenberg: uploaded video file and embedded video. Step 2- To add a video as a file upload, hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within...

read more

WordPress 5.0 Gutenberg – What is it? How to Prepare

If you’re a Wordpress developer, designer or owner of a Wordpress site, you’ve most likely heard about the upcoming Wordpress 5.0 update and the big changes it can bring. This update brought up questions such as: “What makes this update different from the others? How...

read more

What is WordPress

What is Wordpress? Many people who are looking to create their first blog or business website hear about WordPress at some point or another. What is WordPress? Wordpress is a popular online, open source website tool for creating and managing websites. The tool is used...

read more

We have been Tutoring WordPress Users Since 2012 - Get Live Help!!

How to use the New Image Widget

The New Image Widget enables WordPress users to quickly and easily add images to particular widget areas in their website theme. Using the New Image Widget makes it easier to enhance the visual appeal of your websites. For example, you can now tailor content focused...

read more

How to use the WP Video Widget

The Video Widget is finally here WordPress is continually improving the application with items that users are asking for.  One of the latest improvements that have popped up in WordPress 4.8 is a new video widget.  This widget has been highly anticipated, and we'll...

read more

How To Export WordPress Posts and Pages

Exporting WordPress post and pages is very good for moving all of your page and post content to a new site or even just for backing up your material in case of any accidents. After exporting, WordPress will save all your content to an xml file that can be imported to...

read more

Setting a Featured Image in WordPress

Setting a Featured Image Most WordPress Themes allow you to set a Featured image for pages and posts.  Sometimes they'll be called a Post/Page Thumbnail, and essentially it is a image that explains or adds information for a post or page. Step 1 - Go to Post or Page...

read more

WordPress User Activity Log Plugins

Guide to WordPress User Activity Log Plugins WordPress user activity log plugins are designed to help website content managers track the activity of users on the site. Using these plugins, you will get a log or instant notifications whenever any user does something on...

read more

Do you have a WordPress Disaster Plan in Place?

A WordPress Disaster Plan is Extremely Important Every now and again we get a frantic email from a WordPress user who needs help with getting their site restored from a hack, or another major issue.  The conversations after that go something like this - Us:  We're...

read more

Free WordPress Tutorial for Beginners Just Launched

Learn WordPress the Easy Way We've just launched a Free WordPress Tutorial for Beginners that shows WP "newbies" how WordPress works.  We've made an online tutorial showing how to login to WordPress and perform basic actions in WP.  We also have over 40 free WordPress...

read more

WordPress Updates Tutorial

This past week saw 50,000+ WordPress sites hacked.  Why?  Lack of Updates. Let's find out how to update our sites. The WordPress Updates screen There are 3 areas in WordPress that need to be updated on a regular basis: How do I know when I need to update WordPress?...

read more

50 Essential WordPress Plugins

WORDPRESS SECURITY   The Sucuri Security plugin is  for security monitoring & malware detection. The SiteGurad WP Plugin is for protecting the management page and login.   3. iThemes Security is easy to use and  offers 30+ ways to Protect WordPress. 4.Anti-Malware...

read more

How to add social media icons to your WordPress site

Socal Media is by far one of the best ways to get the word out about your great content or busiess news.  Let's make it easy for others to promote your mssage by adding social media to your site via the "Add to Any" plugin. STEP 1 The first step is to open Dashboard ‹...

read more

How To Add Tags in WordPress

STEP 1 Depending on your theme that you are using Tags can be displayed at the top or bottom of the post On your Left side bar menu you will see posts and under it you will see Tags STEP 2 Adding information for Tag After clicking on Tags you will be able to enter the...

read more

Using post revisions

Using post revisions is very useful feature of WordPress. It allows the author to view the revisions of the blog posts and restore to any of the version of the post. Let's see how to use it: Using post revisions STEP 1 : Go to the post editor of your blog post. And...

read more

How to reply to a comment

We can reply to a comment on our WordPress site easily. Follow the steps below to reply to a comment: How to reply to a comment STEP 1 : Go to the post where you want to reply to a comment. STEP 2 : Click Reply and put your reply in the text area. STEP 3 : Now add...

read more

Creating a Video Gallery in WordPress

Video Gallery can be created by different plugins in WordPress. We'll use a plugin "Video Gallery" to do that. See our another tutorial "Installing a WordPress Plugin" to get the instructions of installing a plugin. Follow the steps below after installing the plugin....

read more

We promise we don't send spam