Shine Pages Knowledge Base - Help Center | Create and Design Your Blog Post STEP 2.1

Create and Design Your Blog Post STEP 2.1

Designing the look and layout of your Blog posts is very much the same as designing the look and layout of your website or funnel pages.

ShinePages Support

Last Update há 14 dias

Using the standard Builder tools, you can add blank or pre-built blocks/containers to the blog post/page, split a block into multiple columns, add rows within a block and add widgets such as Headings, Text, Images, Forms, Buttons, etc.

Take a look at the video below for an overview on how you can style the layout of your blog posts:

- Our templates come with a few draft post examples that you can duplicate and start editing OR you create a new post by clicking on the “Add Post” button.

- Click on the Blog Post Title to start editing.

- Set the image at the top of your blog post by selecting one of our different options to choose from:

Image - Gallery - Video - Quote or None

PLEASE SEE DETAILS ON BLOG IMAGE SIZES NOTED BELOW ⬇️

- Enter the Post Title and the Summary (please note these will auto populate through to your Blog list and any shared blog widget). Both of these fields have BUILT-IN H Tags for Search Engine Optimization.

- Now you can add the copy to your blog post. A blog can (and should) be so much more not just only a bunch of text, you can also add different sections, elements and widgets in the blog page to add variation and create the style and look of the blog you would like. As we’re still inside the builder you can still use:

- ADD BLOCK and select one of our block templates ie, text and image, text etc. (Or add a blank block).

- ADD WIDGET - drag one of the widgets onto the page

- COPY - copy a block from this or another blog or page in your website and drag it in

- To SAVE your post edits - you can either PUBLISH it live or you can save it as a DRAFT.

IN ADDITION TO THE ABOVE - IT IS IMPORTANT TO NOTE:

That any next text or heading widgets added within the blog editor will take on the styling as set in the Global Styling section of your website's settings.

You can adjust the heading styles between Headings 1-6 within the editing tools of any heading widgets added to the page.

If you manually make changes to the font or size, this will overwrite the global styling for the element you individually edit.

See the video below:

NOTE ON IMAGE SIZES IN YOUR BLOG AND BLOG POSTS:

The Ideal size for BLOG POST IMAGES: Because there are so many settings options for how you can display Blog post images (both on the Blog main page and within the Blog post itself) - there is not one specific size for Blog Posts.

We have found however, that generally using images that can be used in BOTH a Horizontal and Square format work well regardless of the blog setting you select.
For example - if you use an image that is 1500px wide x 600px high (ie: a "horizontal" format) BUT ensure that it has a more centralized focus (where the image subject or words are placed within in a central "square" within the horizontal space) you should find that your image works well regardless of if you select to display your blog posts as "masonry", "medium", "large" or "blog" style within the settings of the main Blog page and whether you choose to select "Expanded feature image/gallery" for your individual blog post or not.
A few image size dimensions that work well with a centralized focus: 1500 x 600px1350 x 1080px1280 x 720px1920 x 1016px

⬇️ EXAMPLE OF A "HORIZONTAL" IMAGE THAT HAS A "CENTRALIZED"

Please see this article on how to edit the settings of your Blog Post:

STEP 2.2) Blog Post Settings

Also, check out our ShinePages Demo with Blog Examples here: https://demo-site.shinepages.com/blog-examples

Was this article helpful?

1 out of 1 liked this article

Still need help? Message Us