Bloggyby Anariel Design

Custom Menu

Bloggy supports one custom menu in the Primary Menu location.

Custom Header

Navigate to Customizer → Header and upload your header image.

Customizer

Page Columns

Theme has ability to display different column layouts. Here is some useful HTML you can use to split the page layout into five, four, three, or two columns:

Five-Column Layout

<div class="clearfix">
	<div class="one_fifth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fifth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fifth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fifth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fifth lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

Four-Column Layout:

<div class="clearfix">
	<div class="one_fourth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fourth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fourth">This text inside the div code is what will appear in your first column!</div>
	<div class="one_fourth lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

Three-Column Layout

<div class="clearfix">
	<div class="one_third_main">This text inside the div code is what will appear in your first column!</div>
	<div class="one_third_main">This text inside the div code is what will appear in your first column!</div>
	<div class="one_third_main lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

Two-Column Layout

<div class="clearfix">
	<div class="one_half">This text inside the div code is what will appear in your first column!</div>
	<div class="one_half lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

One_Third and Two_Third Column Layout

<div class="clearfix">
	<div class="one_third">This text inside the div code is what will appear in your first column!</div>
	<div class="two_third lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

Two_Third and One_Third Column Layout

<div class="clearfix">
	<div class="two_third">This text inside the div code is what will appear in your first column!</div>
	<div class="one_third lastcolumn">This text inside the div code is what will appear in your first column!</div>
</div>

Footer

  • Go to Customizer → Widgets.
  • Select any widget and add it to First Footer Widget Area, Second Footer Widget Area, or Third Footer Widget Area.

Footer


Blog

Post Formats

Bloggy supports Post Formats and Sticky Posts. Style your website with aside, audio, gallery, image, link, quote, status, chat, and video post formats.

Blog Sidebar

  • Navigate to Customizer → Widgets
  • Choose any widget you want and add it to Sidebar.

About

In the Page Options module, select About Page Template from the Page Template drop-down menu.

Circle image on the left side is featured image with a width and height of 264px.

About


Full-Width Page

With the Full-Width Template options, you can create a full-width page with a maximum width of 1280px. In the Page Options module, select Full-width without header image Template (if you don’t want the header image to be included) or Full-width with header image Template (if you want the header image to be included) from the Page Template drop-down menu.


Gallery

In the Page Options module, select Full-width without header image Template from the Page Template drop-down menu.

You have three choices for how a Gallery will be displayed in your post: a thumbnail grid layout, a tiled mosaic-style layout, or in a slideshow. All sites default to the thumbnail grid style.

Gallery