Shutting Down Notice

I have decided to shut down launchparty.org and discontinue our tutorials and templates.

Sadly, it's just not going to be possible to execute LaunchParty’s long-term vision with the new Elementor 3.0 design system.

Our website will be accessible (but not updated) until November 1, 2020. If you plan on using our templates after we shut down, be sure to download our preview images.

If you have any questions, feel free to contact me.

Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

or

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Already Registered? Log In Here

Day 2: Design Your Website

How To Create Blog Posts With Elementor Pro

Action Plan

Step 1: Create A "Single" Post Template And Publish Your First Blog Post

Elementor Pro is required for this step. Read our Elementor Pro review.

Complete The Following Tasks

Create a blog post template using Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Post Single template you want to use for your blog posts.
In your WordPress admin, go to Templates > Theme Builder and click the Single tab. Find your template and click Edit with Elementor.
To use this template as the default for all of your blog posts, edit the display conditions. Click Update > Add Condition > Posts > All > Save & Close. I recommend watching our video tutorial for this step.
Display conditions will allow you to choose which blog posts should use this particular design.

In the future, you can create additional blog post designs for specific blog categories by using the display conditions.
Create a new blog post by going to Posts > Add New in your WordPress admin.
Add your post title.
This title that will automatically appear at the top of your blog posts. The location of your blog post title is set in your Post Single template.
Click Save Draft and edit the permalink (if necessary).
After you click Save Draft, on the right-hand side there will be a box called Permalinks. This will be the URL for the blog post.
Select the appropriate categories for your post. You can create new categories if necessary.
Add a featured image.
If your Post Single template uses a featured image, the image you set here is what will be used. This featured image will also be used as the image thumbnail when you share this blog post on social media sites such as Facebook.

To learn more about creating images, view our tutorial on how to download, crop, resize, and compress photos.
Click Edit with Elementor.
Use our LP-POST-CONTENT templates to create your blog post. I recommend watching our video tutorial for this step.
Click Publish to publish your blog post.

Watch Our Video Tutorial

Why This Step Is Important

Elementor offers a special template for blog posts called “Single” templates. This will allow you to set a global design for all of your blog posts. You can even create global designs for specific categories, specific tags, and specific posts.

Step 2: Customize Your Call-To-Action Template

Elementor Pro is required for this step. Read our Elementor Pro review.

Complete The Following Tasks

Edit your Single template with Elementor (I recommend watching our video tutorial below for this step).
Add one of our LP-POST-CTA templates to the end of the Single template and edit the contents.
Adjust the width of the LP-POST-CTA section.
I would use 900 or 1000 pixels if you want the call-to-action to be wider than your content. Or you could use 700 pixels if you want the call-to-action to be the same width as your content.
Make sure there is enough padding below the call-to-action so that it doesn't run into your footer (you will be creating your footer in the next tutorial).
For the bottom padding, the default we use in our templates is 100px on desktop, 80px on tablet, and 50px on mobile.
You Earned A Badge!

Watch Our Video Tutorial

Why This Step Is Important

Every blog post on your website should lead users to perform a specific action (call to action). Some examples of a call to action could be signing up for your email list, filling out a form, downloading a file, scheduling a call, etc. You should have this call to action in mind anytime you create a new page or post on your website.

FAQ


How do I add an email opt-in form to my call-to-action template?

You can watch our video tutorials on setting up MailChimp with Elementor to learn more about adding opt-in forms to your website. These videos will walk you through how to sign up for MailChimp, integrate MailChimp with Elementor, and adjust the form widget settings to create opt-in forms.

How do I exit fullscreen mode when creating a new post in WordPress?

When you create a new post in WordPress, you will see a 3-button (kebab) menu icon at the top right of your screen. Click this icon and uncheck “Fullscreen mode”. This will exit fullscreen mode so you have access to the normal WordPress menu items found in the left-hand sidebar.

Submit a question

Continue To The Next Tutorial Below

Day 2

Design Your Website

Elementor Pro is required for many of our tutorials in Day 2.
Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.