EverWeb Widgets

Responsive Blog Sidebar Widget

Blog Sidebar

Blog Sidebar

September 1st 2018

This layout can be used to introduce the latest blog post or podcast entry with an image with alt text, a heading, date field, brief description and a "Read More" link. The sidebar contains info about more posts or episodes with a heading, date, description and link. To overcome the problem of a long sidebar leaving a large blank area below the content, the widget uses CSS to limit the height of the sidebar to that of the main content. All the extra content is hidden and can be scrolled as indicated by the icon in the sidebar's header. When the page is viewed on a tablet in portrait mode or a mobile phone, the sidebar switches position to below the content area, extends to full height and can then be swiped.

Mailing list signup

Sidebar Content

In this widget, the EverWeb Widget API Assets List is used to create the sidebar content which can be any amount up to 100 items. Thes are the steps required to add a single item …

  • Click the "Add" button and then select the entry that appears in the Assets List
  • Click in the first box to add the data
  • Tab down the remaining boxes to add dat
  • Click again on the entry in the Assets List and it will become editable
  • Enter a number or some descriptive text. This is really import when the list has more than just a few items!
  • Repeat the above as many times as required …

© EverWeb Widgets -