Blog Widgets

various styles

Blog Widgets

Blog widgets same as blog listing comes with different templates and styles.
Use blog widgets separately or mix them.

Default widget

You can set amount of columns and image size in theme settings. Big images will be cropped.

{{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="3" category_id="0" tag_id="0" author_id="0" type_name="Recent Blog Posts"}}

Titles only

Add class following line to Custom template field in blog widget settings.

Magefan_Blog::widget/recent-titles.phtml

{{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="3" category_id="0" tag_id="0" author_id="0" custom_template="Magefan_Blog::widget/recent-titles.phtml" type_name="Recent Blog Posts"}}

You can wrap it in a-center class to center text

<div class="a-center"> ...widget here... </div>

Big widget template

Add class following line to Custom template field in blog widget settings.

Magefan_Blog::widget/recent-big.phtml

{{widget type="Magefan\Blog\Block\Widget\Featured" posts_ids="2,9" custom_template="Magefan_Blog::widget/recent-big.phtml" type_name="Featured Blog Posts"}}

Mixed Big and Titles Widgets

Use different widget styles together. Here is an example of "Big" and "Titles" widgets templates in two columns.

{{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="1" category_id="0" tag_id="0" author_id="0" custom_template="Magefan_Blog::widget/recent-big.phtml" type_name="Recent Blog Posts"}}

Big in Two Columns

You can add specific post using Featured Blog Posts widget. Here is an example of two big widgets with different posts placed in columns

{{widget type="Magefan\Blog\Block\Widget\Featured" posts_ids="2" custom_template="Magefan_Blog::widget/recent-big.phtml" type_name="Featured Blog Posts"}}

{{widget type="Magefan\Blog\Block\Widget\Featured" posts_ids="9" custom_template="Magefan_Blog::widget/recent-big.phtml" type_name="Featured Blog Posts"}}

Default widget Classic Style

Default widget also comes in athlete classic style if you choose "classic" style for blog listing.

Check it here