Summary

  • Overview
  • Link Blog Page
  • Link Post Pages
  • Blog Posts Element
  • Blog Block Presets
  • Edit Posts
    • Edit Post Texts
    • Change Featured Image
  • Blog Templates
    • Blog Posts Template
    • Post Details Template
  • Export HTML Blog
  • Preview Blog And Post Pages

Overview

You can create and edit the Blog and its Posts with Nicepage. The following example shows how Posts will look on a website.

html-blog.png

NOTE: You can edit the Posts in the Nicepage Desktop Application and export to WordPress and Joomla if needed.

The following paragraphs explain each step in detail.

Link Blog Page

Add a link to the Blog in the Menu Items and Link Settings Dialogs. It works in the Applications, WordPress Plugin, and Joomla Extension.

link-to-blog-page.png

Link Post Pages

You can also add a link to Blog and Posts in the Edit Link Dialog for the Button and Hyperlink Elements.

linking-to-posts.png

Blog Posts Element

You can use the Blog Posts Element in a Block of an existing page, such as Home or a new page.

blog-posts.png

Blog Block Presets

Start with the Blog Posts Presets in the Add Panel's Blog section.

blog-posts-presests.png

Edit Posts

Add and edit Posts that appear in the Blog Posts Element added to a Block on a Web Page.

managing-html-posts.png

Edit Post Texts

Use the Post Edit Button for the selected item of the Blog Posts Element. You can click on the same Edit Post Button for the Post Details Element.

edit-post-blog-posts.png

Change Featured Image

Modify the Featured Image for a Blog Post in HTML in the Post Edit Mode. You can edit the Featured Image by clicking the Change Image Button in the Property Panel.

featured-image-for-post.png

For your convenience, you can change the Featured Image by clicking on the Change Image icon for the selected Post in the Editor.

Blog Templates

Please note that you can modify only the Post Template.

Blog Posts Template

NOTE: To use this Project for WordPress and Joomla exports, you can edit the Theme -> Blog Template. You can skip this section for the HTML Blog.

Post Template

Edit the layout for your HTML Posts by customizing the Theme Panel -> Post Template.

post-template-for-posts.png

Export HTML Blog

In the Publish dialog, select the HTML Tab.

NOTE: Check the Include Blog Posts option in the Publish dialog and export the HTML Blod and Posts to the Blog folder.

Click the Export HTML button. You will create the Blog folder in the exported ZP file or folder.

include-blog-posts-option-for-html-export.png

Preview Blog And Posts

Open the page in a browser from the Publish Success dialog. After the export, the HTML Blog will look like the following on the live site in a browser.

html-blog-browser.png

The live Post will look like the following example. The exported Posts use the layout of the Post Template.

html-post-layout.png

## Summary - Overview - Link Blog Page - Link Post Pages - Blog Posts Element - Blog Block Presets - Edit Posts - Edit Post Texts - Change Featured Image - Blog Templates - Blog Posts Template - Post Details Template - Export HTML Blog - Preview Blog And Post Pages ## Overview You can create and edit the **Blog** and its Posts with Nicepage. The following example shows how Posts will look on a website. !html-blog.png! **NOTE:** You can edit the Posts in the Nicepage Desktop Application and export to WordPress and Joomla if needed. The following paragraphs explain each step in detail. ## Link Blog Page Add a link to the Blog in the Menu Items and Link Settings Dialogs. It works in the Applications, WordPress Plugin, and Joomla Extension. !link-to-blog-page.png! ## Link Post Pages You can also add a link to Blog and Posts in the Edit Link Dialog for the Button and Hyperlink Elements. !linking-to-posts.png! ## Blog Posts Element You can use the [Blog Posts Element](page:83207) in a Block of an existing page, such as Home or a new page. !blog-posts.png! ## Blog Block Presets Start with the Blog Posts Presets in the Add Panel's Blog section. !blog-posts-presests.png! ## Edit Posts Add and edit Posts that appear in the [Blog Posts Element](page:83207) added to a Block on a Web Page. !managing-html-posts.png! ### Edit Post Texts Use the Post Edit Button for the selected item of the Blog Posts Element. You can click on the same Edit Post Button for the Post Details Element. !edit-post-blog-posts.png! ### Change Featured Image Modify the Featured Image for a Blog Post in HTML in the Post Edit Mode. You can edit the Featured Image by clicking the Change Image Button in the Property Panel. !featured-image-for-post.png! For your convenience, you can change the Featured Image by clicking on the Change Image icon for the selected Post in the Editor. ## Blog Templates Please note that you can modify only the Post Template. ### Blog Posts Template **NOTE:** To use this Project for WordPress and Joomla exports, you can edit the Theme -> Blog Template. You can skip this section for the HTML Blog. ### Post Template Edit the layout for your HTML Posts by customizing the Theme Panel -> Post Template. !post-template-for-posts.png! ## Export HTML Blog In the Publish dialog, select the HTML Tab. **NOTE:** Check the Include Blog Posts option in the Publish dialog and export the HTML Blod and Posts to the Blog folder. Click the **Export HTML** button. You will create the Blog folder in the exported ZP file or folder. !include-blog-posts-option-for-html-export.png! ## Preview Blog And Posts Open the page in a browser from the Publish Success dialog. After the export, the HTML Blog will look like the following on the live site in a browser. !html-blog-browser.png! The live Post will look like the following example. The exported Posts use the layout of the Post Template. !html-post-layout.png! ##