Adding Widgets

Adding Widgets

Adding widgets to the template

All important widgets are located inside zento/partials/widgets, these widgets can work inside Sidebar or Footer and be imported as a “partial”. The most important is to follow the widget name format, example “recent-articles” note that .hbs part is removed when using partials.

The full list of widgets are:

  1. About Me (not visible in demo but available): zento/partials/widgets/about.hbs
  2. Advertising (not visible in demo but available): zento/partials/widgets/advertising.hbs
  3. Recent Articles: zento/partials/widgets/recent-articles.hbs
  4. Related Articles (not visible in demo but available): zento/partials/widgets/related-articles.hbs
  5. Social Profiles: zento/partials/widgets/social-profiles.hbs
  6. Tag Cloud: zento/partials/widgets/tag-cloud.hbs
  7. Text Widget (used in footer): zento/partials/widgets/text-footer.hbs

How to add widgets to the sidebar

  1. Go to zento/partials/sidebar.hbs
  2. All widgets are inside the folder zento/partials/widgets
  3. Add the desired widget following the next format {{> widgets/about }} after tag-cloud and inside “aside” HTML tag.
  4. For larger name widgets use: {{> widgets/featured-articles }}

So if you want a base to create your own widget, it is recommended to copy text-footer.hbs content into sidebar.hbs

How to add widgets to the Footer Area

  1. Go to zento/partials/footer.hbs
  2. All widgets are inside the folder zento/partials/widgets
  3. Add the desired widget following the next format {{> widgets/about }}

The widget must be added between “epcl-row” container:

Full Code Widget Example

💡
In case you want to edit the “About Website” widget (located on Footer), go to zento/partials/text-footer.hbs and edit the content there.