Documentation

Item Types

Facebook Images

Last Updated: 

The Facebook Images Item type allows you to display images from your Facebook account. For general information on working with items check out the following articles:

Facebook Images Settings

Select the Gear/Edit icon shown on your Facebook Images item to adjust the settings.

General Settings

Set the general settings of a Facebook Images feed.

  • Feed Source – Choose the feed source.
  • Limit – Set the number of Posts to display.
  • Offset – et an offset from the latest Post.

Links

Configure link settings for a Facebook Images feed.

  • Link Target – Set a target for the link.
  • Link No Follow – Enabling this setting will add an attribute called ‘nofollow’ to the link. This tells search engines to not follow this link.

Customize (Layout Tags)

Customize the layout tags used in the layout for a Facebook Images feed. Keep in mind that your layout may not use all of the tags shown on this panel. If the tag is not included in your layout, modifications in this panel will have no effect.

  • Click the checkmark next to each tag to toggle visibility.
  • Click the gear icon to open the available attributes for each tag.
  • If you want to modify an attribute, click the pencil icon next to the attribute name. This will open a field to set a custom value for the attribute.

For more information view the documentation here: https://www.metaphorcreations.com/article/ditty/general/adding-new-items/#customize-tab

Facebook Images Layout Settings

Select the Pencil/Brush icon shown on your Facebook Images item to modify the layout for the item. Read more about what Layouts are and how they are used here: https://www.metaphorcreations.com/article/ditty/general/using-layouts/

HTML Tags

The following tags are available to use with the Facebook Images Item type.

  • {author_avatar} – Render the post author’s avatar.
  • {author_name} – Render the post author’s name.
  • {caption} – Render the image caption.
  • {icon} – Render the item’s icon.
  • {image} – Render the image.
  • {image_url} – Render the image url.
  • {permalink} – Render the post’s permalink.
  • {time} – Render the post’s date/time.

CSS Selectors

The following css classed are available to use with the Facebook Images Item type.

  • .ditty-item__elements – The container wrapping around the item’s content.
  • .ditty-item__author_avatar
  • .ditty-item__author_name
  • .ditty-item__caption
  • .ditty-item__icon
  • .ditty-item__image
  • .ditty-item__image_url
  • .ditty-item__permalink
  • .ditty-item__time