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]
[abb_heading tag=”h3″]Creating different types of posts[/abb_heading]
[abb_heading tag=”h3″]Image type[/abb_heading]
If the image type is selected, to upload the image:
[abb_heading tag=”h3″]Video type[/abb_heading]
If the video type is selected, some options will appear below to upload the video:
| Setting | Description |
|---|---|
| Video site | Select the website where your video is uploaded to. |
| Video ID | Set 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:
| Setting | Description |
|---|---|
| Upload MP3 file | Upload a MP3 file or paste the full URL to the file. |
| Upload OGG file | Upload a OGG file or paste the full URL to the file. |
| Sound track author | Sets the author of an audio file. |
| Soundcloud & Spotify | Paste 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:
[abb_heading tag=”h3″]Twitter type[/abb_heading]
If the twitter type is selected, some options will appear below to add the tweet:
| Setting | Description |
|---|---|
| The URL of tweet | Paste 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:
| Setting | Description |
|---|---|
| Blockquote | Sets the quote content. |
| Blockquote author | Sets 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:
| Setting | Description |
|---|---|
| Instagram media URL | Paste 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:
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:
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]
[abb_heading tag=”h3″]Adding page specific sidebar[/abb_heading]
[abb_heading tag=”h3″]Adding widgets[/abb_heading]
To add widgets to a blog post sidebar:
Configuring the Post Page
There are some settings which can be used to configure the blog post page.
To configure the post page:
[abb_heading tag=”h3″]Jupiter page options[/abb_heading]
| Setting | Description |
|---|---|
| Manage page elements | Changes this page’s general layout by making structral changes. |
| Stick template | Enabling this removes the padding after header and before footer. |
| Page preloader | Enables the page preloader only for this post. |
| Page title align | Changes the title and subtitle align. |
| Breadcrumb | Enables 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.
| Setting | Description |
|---|---|
| Show featured image | Toggles between showing the featured image or hiding it in blog single post. |
| Meta section | Displays the extra information about the blog post. |
| Tags | Displays the tags in the post. |
| Related posts | Displays the related posts in the blog single post page. |
| About author box | Displays the information about the author. |
| Author email | Adds an email in the about author box. |
| Comments | Displays comments on this blog post. |
