Configuration

All set? Here, you will learn how to configure your EasyBlog to suits your site's needs. From changing your social button position, to enable microblogging.
EasyBlog V5.1

Post Cover

A worthy stories might contains more than one image and any of it can be used as a post cover. Each post cover can act as a primary identifier and it can be an accessories for your blogpost. Post cover is being used throughout EasyBlog and modules.

Post Cover

Adding Your Post Cover

Adding post cover can be done while composing your blogpost. Click on Post Cover button located at the top center of your editor. You may choose from the existing images in your media library by clicking on Browse Media button or click on Upload button to add a new image for your blog.

Setting Default editor

Post Cover Settings

EasyBlog allows you to configure and manipulate the post cover sizes and you may also apply cropping effect on the cover images. This post cover settings are accessible at Components > EasyBlog > Settings > Layout > Post Covers. Post cover settings are divided into 3 sections named as Listing Layout, Entry Layout and Showcase Layout.

If the cropping option is disabled, you will not be able to set the height of the post cover as by doing so, it will caused the image to be distorted.

If the width option is set not using full width, you will be able to set the width of the post cover. However, it is advisable to always use full width for post cover.

Listings Layout

Setting Default editor

  • Picture Size
    This option determines the physical size of the image to use. The larger the dimensions, the larger the file size is. You need to choose the source carefully. Having all images loaded on original size would mean that there is an additional overhead for rendering the image if the image is only displayed in a smaller dimension.

  • Crop Post Cover
    This option determines whether EasyBlog should crop the post cover using CSS. By cropping the post cover image, will ensure that you may set a fixed height for every post cover image without distorting it.

  • Width
    This option determines the width of the image that should be displayed on the site. To have a fluid layout, ensure that the option Use Full Width is checked.

  • Height
    This option determines the height of the image that should be displayed on the site.

  • First Image As Post Cover
    This option allows EasyBlog to pick the first image from the content as a post cover given that there is no post cover added. However, if a readmore tag is added to the content, this setting will be ignored.

Entry Layout

Setting Default editor

  • Picture Size
    This option determines the physical size of the image to use. The larger the dimensions, the larger the file size is. You need to choose the source carefully. Having all images loaded on original size would mean that there is an additional overhead for rendering the image if the image is only displayed in a smaller dimension.

  • Crop Post Cover
    This option determines whether EasyBlog should crop the post cover using CSS. By cropping the post cover image, will ensure that you may set a fixed height for every post cover image without distorting it.

  • Width
    This option determines the width of the image that should be displayed on the site. To have a fluid layout, ensure that the option Use Full Width is checked.

  • Height
    This option determines the height of the image that should be displayed on the site.

Showcase Layout

Setting Default editor

  • Picture Size
    This option determines the physical size of the image to use. The larger the dimensions, the larger the file size is. You need to choose the source carefully. Having all images loaded on original size would mean that there is an additional overhead for rendering the image if the image is only displayed in a smaller dimension.

  • Crop Post Cover
    This option determines whether EasyBlog should crop the post cover using CSS. By cropping the post cover image, will ensure that you may set a fixed height for every post cover image without distorting it.

  • Width
    This option determines the width of the image that should be displayed on the site. To have a fluid layout, ensure that the option Use Full Width is checked.

  • Alignment
    This option determines the position of the cover image on the site.