Blog

Setup your blog

Online Docs Available Looks like you are looking at the offline docs. You can find possibly more up to date docs online here

Blog List Page

Omega has loads of options about the set up of your blog pages. These options can be found in Omega>Blog.

Setting your blog page

You can set your blog page from Settings>Reading. From the Front page displayssection, select A static page. Then pick up a page to use as a blog page from the Posts pagedropdown. It is suggested that you use a blank page, as all the contents of that page will get overriden by the blog list.

Setting the Blog page as described above is crucial for the website to work smoothly. This is because all the blog related pages (i.e author page, single post page etc.) might not load correctly the options set in Omega->General and Omega->Blog.

Setting your blog style

Go to Omega>Blog and scroll to the General Blog Options.Here you can setup the blog options that are used on all the main blog list pages.

  • Blog Style: Select a layout style to use for your blog pages.
  • Show Post Icons: This option will show or hide all icons on both the blog list page and the blog single page.
  • Show Read More: Show or hide the "read more" link in list view.
  • Blog read more link: The text that will be used for your read more links.
  • Read more style: Display the readmore as button or simple link.
  • Strip teaser: Strip the content before the <--more--> tag in single post view.
  • Pagination Style: How your pagination will be shown.

Using Masonry Blog

This section allows you to set up how your masonry blog page will look.

  • Use Masonry On Posts Page: Blog list pages will use a masonry style.
  • Masonry Items Padding: Space to add between blog items in pixels.
  • Masonry Section Background Image: Upload an image as your masonry blog section background.
  • Masonry Section Transparent: Makes the masonry blog section transparent.

Changing the blog header

Change how your blog header looks.

  • Show Header: Show or hide the header at the top of the page.
  • Show Breadcrumbs: Show or hide the breadcrumbs in the header.
  • Breadcrumb Text Capitalisation: Decides the case of the breadcrumbs.
  • Header Text: Text that will be used for the header.
  • Sub Header Text: Text that will be used below the main header.
  • Header Type: Choose the type of header you want to use.
  • Override section swatch: Set to On to override the swatch of the section.
  • Heading Color: Set the color of the heading.
  • Sub Header Font Size: Choose size of the font to use in your sub header.
  • Header Font Size: Choose size of the font to use in your header.
  • Header Font Weight: Choose weight of the font to use in the header.
  • Header Alignment: Align the text shown in the header left, right or center.
  • Header Condensed: Adds padding to the sides of the heading creating a more condensed effect.
  • Header Underline: Adds an underline effect below the header.
  • Underline Size: Size of the underline.
  • Fade out when leaving page: Fades the heading out when the heading leaves the page.
  • Extra Classes: Space separated extra classes to add to the heading.
  • Margin Top: Amount of space to add above this element.
  • Margin Bottom: Amount of space to add below this element.

Blog Header Section

  • Swatch: Choose a color swatch for the section
  • Text Shadow: Adds a text shadow to all the text in this row.
  • Inner Shadow: Adds an inner shadow to the inside of this row.
  • Section Width: Choose between padded-non padded section.
  • Optional class: Add an optional class to the section (separated with spaces).
  • Optional id: Add an optional id to the section.
  • Optional label: Add an optional label for this section, used in bullet nav tooltips.
  • Overlay Colour: Set the colour of the video & image overlay.
  • Overlay Opacity: Set the opacity of the video & image overlay.
  • Overlay Grid: Adds an overlay pattern image.
  • Background Video mp4: Enter url of an mp4 video to use for this rows background.
  • Background Video webm: Enter url of a webm video to use for this rows background.
  • Background Image: Choose an image to use for this rows background.
  • Image Background Size: Set how the image will fit into the section.
  • Image Background Repeat: Set how the image will be repeated.
  • Background Position vertical: Set the vertical position of background video and image. 0 value represents the top horizontal edge of the section. Positive values will push the background down.
  • Background Image Attachment: Set the way the background scrolls with the page. Scroll = normal Fixed = Parallax effect.
  • Background Image Parallax Effect: Toggles the background image parallax effect.
  • Parallax Effect Start Position: Sets the position of the image in pixels that the parallax effect will start from.
  • Parallax Effect End Position: Sets the percentage of the image in pixels that the parallax effect will end up at.
  • Background Color Animation Bundle: Choose a color bundle used to animate the section backgrounds.
  • Background Color Animation Duration: Set the length of time each color will stay active between changes, in milliseconds.
  • Section Height: Section will vertically cover the entire viewport if Full Height is selected.
  • Section Transparency: Section will be tranparent if On is selected.
  • Section Content Vertical Alignment: Align the content of the section vertically.

General Blog Options

To setup the blog options that are used on all the main blog list pages.

  • Blog Style: Select a layout style to use for your blog pages.
  • Show Post Icons: Where to allow comments. All (show all), Pages (only on pages), Posts (only on posts), Off (all comments are off).
  • Show Read More: Show or hide the "read more" link in list view
  • Blog read more link: The text that will be used for your read more links
  • Read more style: Display the readmore as button or simple link.
  • Strip teaser: Strip the content before the <--more--> tag in single post view
  • Pagination Style: How your pagination will be shown.

Single Post Page

Changing the look of your single post

To set up how your single post will look.

  • Display categories: Toggle categories on/off in post.
  • Display tags: Toggle tags on/off in post.
  • Author bio: Display/hide the authors bio after the post.
  • Display avatar in Author bio: Toggle avatars on/off in Author Bio Section.
  • Display comment count: Show the number of comments.
  • Social Networks: Select which social networks you would like to share posts on.
  • Show related posts: Show Related Posts in a slider after the post content.
  • Number of related posts: The total number of related posts.
  • Number of related posts columns: Choose how many columns are displayed in the related posts section after the post content.
  • Open Featured Image in Magnific Popup : Featured image in single post view will open in a large preview popup.

Swatches

Choose a swatch for your Blog.

  • Blog Swatch: Choose a color swatch for the Blog page.
  • Masonry Items Swatch: Choose a color swatch for all the items if you use a masonry blog layout.
  • Related Section Swatch: Choose a swatch to colour the related section with.