Determining what gets served up to the user when a link is displayed as a Rich Link.

With the pre-formatted advance styling of Rich Links, content details are "pushed" to a page from another linked page. (This can greatly enhance the user experience, adding contextual information where it's needed, without weighing a page down unnecessarily.)

 When a Rich Link is displayed on a page, Theme Press looks for the following information from the linked page:

  • Title
  • Description
  • Image
  • Space name
  • Space icon

Select a block on the linked page to serve up Rich Link content

Any block on a page can be designated for Meta Properties. This is the first place Theme Press will look for metadata to display within the Rich Link preview.

No Meta Properties block selected?

Theme Press will cascade through the following areas if no block on the page has been selected.

Image
  1. attachment with the label "rich-link"
  2. image in an excerpt macro
  3. any attached image
Title
  1. The page title
  2. H1 - H6 text, using higher-level headings first (this doesn't seem to make sense. Does a heading ever win over the page title if not in a meta prop block? - KH)
Description
  1. The text from any paragraphs in the Excerpt macro on the page (really? is this true? - KH)
  2. The first paragraph text on the page

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

Edit this stuff to surface special block that is hidden

 

1. Creating a Block to Manage Rich Link Content
For tight control over rich link content display, it's advantageous to create a first block on the destination page that is hidden and will be used ONLY for a rich link, but will otherwise be invisible to users. In addition to the Meta Properties check box being selected for the block, also set the Initial Display to collapse.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
  • Replace me with a link
  • Replace me with a link
  • Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.