Creating a Blog Post

Updated on December 31, 2018

Creating a blog post is the first step in creating a blog on your website.

 

In this article we cover how to use visual composer with blog posts, add sidebar and widgets and how to configure the blog posts.

To see many of Jupiter blogs, you may check out the Jupiter main demo.


Creating a Blog Post

Jupiter let’s you create different styles and types of blog posts, like image, video, audio, portfolio, twitter, blockqoute and instagram type. These types differ how they work both in blog archive and blog single post.

[abb_heading tag=”h3″]Creating different styles of posts[/abb_heading]

1From WordPress left menu, go to Posts and click on Add New
Add a new post
2Enter a title and scroll down to Jupiter Posts Options.
Jupiter post options
3From the Single Post Style dropdown, select a style.
Single post style dropdown
4Publish the post and check the result.

[abb_heading tag=”h3″]Creating different types of posts[/abb_heading]

1From WordPress left menu, go to Posts and click on Add New.
Add a new post
2Enter a title and scroll down to Jupiter Posts Options.
Jupiter post options
3From the Post Format dropdown, select a post type.
Post format dropdown

[abb_heading tag=”h3″]Image type[/abb_heading]

If the image type is selected, to upload the image:

1Click on Set featured image in the right sidebar.
Set featured image
2Upload the image or select one from the media library and click on Set featured image.
3Publish the post and check the result.

[abb_heading tag=”h3″]Video type[/abb_heading]

If the video type is selected, some options will appear below to upload the video:

SettingDescription

Video siteSelect the website where your video is uploaded to.
Video IDSet the ID of the video.

Configure the necessary settings and click on Publish.

[abb_heading tag=”h3″]Audio type[/abb_heading]

If the audio type is selected, some options will appear below to upload the audio file:

SettingDescription
Upload MP3 fileUpload a MP3 file or paste the full URL to the file.
Upload OGG fileUpload a OGG file or paste the full URL to the file.
Sound track authorSets the author of an audio file.
Soundcloud & SpotifyPaste the embed iframe or wordpress shortcode for your audio file.

Configure the necessary settings and click on Publish.

[abb_heading tag=”h3″]Portfolio type[/abb_heading]

If the portfolio type is selected, to upload the images to the gallery:

1Click on Add Images.
Portfolio type adding images
2Upload the image or select from the media library and click on Add to gallery.
3Publish the post and check the result.

[abb_heading tag=”h3″]Twitter type[/abb_heading]

If the twitter type is selected, some options will appear below to add the tweet:

SettingDescription
The URL of tweetPaste the full URL to the tweet you wish to display.

Configure the necessary settings and click on Publish.

[abb_heading tag=”h3″]Blockquote type[/abb_heading]

If the blockquote type is selected, some options will appear below to add the quote and author:

SettingDescription
BlockquoteSets the quote content.
Blockquote authorSets the quote author.

Configure the necessary settings and click on Publish.

[abb_heading tag=”h3″]Instagram type[/abb_heading]

If the instagram type is selected, some options will appear below to add the instagram media:

SettingDescription
Instagram media URLPaste the full URL to the instagram media you wish to display.

Configure the necessary settings and click on Publish.


Creating a Blog Post with Visual Composer

In order to create a blog post with Visual Composer, it has to be enabled.

To enable Visual Composer for blog posts:

1From WordPress left menu, go to WPBakery Page Builder > Role Manager.

2Under Post Types option, select Custom and enable Post.

3Click on Save Changes.

Once the Visual Composer is enabled for blog posts, you will notice that when creating a blog post you will be able to use Visual Composer shortcodes just like on any other page.

Adding the Excerpt

When the posts content is added with Visual Composer, the excerpt of the post is not generated automatically by WordPress. Instead, in this case the excerpt needs to be added manually.

To add the excerpt:

1Enter a blog post where you wish to add your excerpt.
2Click on the Screen Options button and enable the Excerpt option.

creating a blog post

3Scroll down to the excerpt input box and write your excerpt.

creating a blog post

4Publish or update the post.

Configuring the Post Layout

The layout can be defined globally or page specifically. Sidebar can be added to blog posts which will then allow adding widgets to blog posts.

[abb_heading tag=”h3″]Adding global sidebar[/abb_heading]

1From WordPress left menu, go to Theme Options > Blog > Blog Single Post.

creating a blog post

2From Single Layout dropdown, select the desired option.

creating a blog post

3Click on Save Settings.

[abb_heading tag=”h3″]Adding page specific sidebar[/abb_heading]

1From WordPress left menu, go to Posts and enter a blog post.
2Scroll down to Jupiter Page Options, from Layout dropdown, select the desired option.
Jupiter page options layout dropdown
3Publish or Update the post and check the changes.

[abb_heading tag=”h3″]Adding widgets[/abb_heading]

To add widgets to a blog post sidebar:

1From WordPress left menu, go to Appearance > Widgets.
Appearance widgets menu
2In Widgets page, drag a widget and drop it in Single Posts Widget Area.
Adding widget to blog post
3Configure the widget and click on Save.

Configuring the Post Page

There are some settings which can be used to configure the blog post page.

To configure the post page:

1From WordPress left menu, go to Posts.
2Enter a specific blog post which you wish to configure.

[abb_heading tag=”h3″]Jupiter page options[/abb_heading]

SettingDescription
Manage page elementsChanges this page’s general layout by making structral changes.
Stick templateEnabling this removes the padding after header and before footer.
Page preloaderEnables the page preloader only for this post.
Page title alignChanges the title and subtitle align.
BreadcrumbEnables or disables breadcrumbs for this post.

[abb_heading tag=”h3″]Jupiter Posts Options[/abb_heading]

In addition to single post style and post type options explained above, there are some setting which let you configure the blog single post even more.

SettingDescription
Show featured imageToggles between showing the featured image or hiding it in blog single post.
Meta sectionDisplays the extra information about the blog post.
TagsDisplays the tags in the post.
Related postsDisplays the related posts in the blog single post page.
About author boxDisplays the information about the author.
Author emailAdds an email in the about author box.
CommentsDisplays comments on this blog post.

Did this answer your question?