Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Info
titleThis Article Is For:
  • All users who have 'Blog' permissions
  • This is applicable to all SoCast Themes

...

Info
titleNotes:

Starting November 13 2018:

  • The Blog Element now contains an option to enable or disable Advertising.
  • By default all pre-existing Blog Elements on your website
 
  • will have advertising disabled [this will need to be enabled in order to beginning displaying ads]
  • The See More button at the bottom of your Blogs/News List will now load a /more page displaying a minimum of 10 maximum of 20 articles per-page.
  • At the bottom of the articles will be a 'back to blog list' button which will direct the user back to the original blog list they navigated from.
  • This change will offer a better mobile responsive experience while aligning with industry and accessibility best practices.

To add a blog category to a page, use the Blog/News element and fill in the details listed below:

  1. Widget Name: This is the name of the widget showing in the Drag-And-Drop Editor. It will not be displayed on the website.
  2. Display Title: Choose whether you’d like to have the title displayed by clicking “Yes” or “No” from the dropdown menu
  3. Blog/News Category: Select the blog category you wish to add to the page. (press the "Ctrl" button to select multiple categories)
  4. Sort Order: Choose the order you'd like the blogs to display in. We recommend selecting only one category if "rank" is selected as the sort order.
    1. Published Date: Will display posts by the most recently published posts (by published date)
    2. Modified Date: Will display posts based on when they were last modified.
    3. Rank: Will display posts based on the rank order you have set for the category selected. (Note: Ordering may not appear as intended when listing posts from multiple categories)
    4. Top Stories: Top Stories are stories getting the most viewswithin the past week. (Example: Monday to Monday).
  5. List Offset: Skip the first few articles using this offset. Ideal for pages with multiple blog/news lists using the same category.
  6. Page Summary Length: Select a length for the article summary. Default is 320 characters. Use 0 (zero) to hide summary. Leave blank for unlimited character length.
  7. Display Author Name: Using the drop-down choose whether you wish to display the author's name
  8. Display Date: Using the drop-down choose whether you want to display the date the blog was published.
  9. Layout: Choose a layout for your blog display. (see layout options below)
  10. List Ad Position: e.g. 3, none, top, bottom. Number of blog articles that will appear above the ad for single column layouts. Multi-column layouts will display the ad at the bottom of the list. Set as 'none' to disable blog list ads. Set as 'default' to use site defaults.
  11. Minimum Column Width: In pixels. Use 0 (zero) for 1 column display. Minimum width determines the number of columns that can appear in the available content area or mobile screen width. e.g. If set to 300, the content displays in 2 columns in a 700px area and in 1 column on a 320px wide mobile screen.
  12. Items To Display Per Page: Choose how many blogs (or items) you'd like to display on the page
  13. Allow Multiple Pages: Using the drop-down choose whether you want to allow multiple pages (infinity scroll) for the blog category
  14. Extra Class Name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css.

...

  • Horizontal Small Display: Displays a medium sized photo to the left, with headline, text and publish date. Best suited for detailed, variable content. (Image is uncropped)

  • Horizontal Display: Displays a large photo to the left, with headline, text and publish date. (image is uncropped)

...

  • Compact Display: Displays blog title and publish date. Best suited for minimal, fixed content.

  • Vertical Display: Displays a large photo on top of headline, text and publish date. Best suited for detailed, variable content. (image is uncropped)

  • Rotator: Displays a large photo on top of headline and rotates through images. Similar to the feature rotator. (The image scales to fit inside the image area in the 'Rotator' layout. Image is contained)

...

  • Image Overlay: Displays a large image with headline and publish date over top of the image. Best suited for visual, fixed content. (uses 16:9 crop in blog tool)

...

  • Compact Image Overlay: Displays a skinny image with headline and publish date over top of the image. Best suited for visual, fixed content. (uses 16:9 crop in blog tool)

...

  • Card: Displays a large image with headline and publish date below, in an outlined box (card). Best suited for detailed, variable content. (uses 16:9 crop in blog tool)

...

  • Compact Card: Displays a medium image to the left of the headline and publish date, in an outlined box (card). Best suited for minimal, fixed content. (uses 16:9 crop in blog tool)

...