Article Link Excerpts & Previews | World Anvil Codex

Article Link Excerpts & Previews

Restructuring the Codex

We are currently moving articles around and changing the general structure of the Codex. Please come back later if you get lost!
Any link to an article within the world can display a tooltip on hover. This is useful to give the reader a little extra context about what the link is about. It can serve to provide enough context to understand something without having to follow the link to understand what they are reading. Or to entice them to check out the content behind the link. How you use them is up to you, but in this article we will cover what the options are and how to implement them.

Excerpts

This feature is available to everyone.
  The excerpt is a small tooltip that appears when you hover over any article link. It can be up to 256 characters long and does not support any BBCode. This field can be edited in the article editor design tab and in the article manager on the right sidebar, when selecting an article.

Article Previews

This feature is available to Master, Grandmaster and Sage guild members.
  The article preview displays a large tooltip with the article's cover image, title, subheading, and content field. No other fields are displayed, including the credit field that appears between an article's headline and content field.   When using visibility toggles and the article previews together, it is important to not have any toggles in the main content field of the article as the article previews ignore the toggles state and display the hidden text to everyone.   View a full example with all fields by hovering this link.   At the bottom of each preview is a link to the full article. This does not prevent the user from clicking directly on the link to view the full article.

A screenshot of the setting which enables the article previews within a world.

Customizing the Preview - Mousover Snippet

It is possible to fully customize what the preview shows using the Mouseover Snippet. This is a field available in all article templates on the Design tab, just below the excerpt. Unlike the excerpt, this field has full BBCode support. For the mouseover snippet to display anything, article previews must be enabled.   To view an example hover over this link.

Other Tooltip Options

World Anvil offers two additional ways to create tooltips. There is a BBCode [tooltip] and variables. Check out the articles below to learn more about them.

Tooltip BBCode

BBCode Tags
Generic article | Jan 25, 2024

This article lists most BBCode tags with an example on World Anvil.

Variables

Variables
Technology / Science | Oct 29, 2023

An in depth overview of the variable feature and its use cases.

Navigation



Cover image: Photograph by Huynh Van

Comments

Please Login in order to comment!
May 10, 2020 03:45

Is there a way to disable the header image from appearing in the tooltip? I unchecked the "Display Block Headers" option in my world settings, but it doesn't seem to remove the image from the tooltips.

May 12, 2020 06:27 by Ademal

Hello! You can suppress it one of two ways!   First, is to set a rule on your world css to display:none the following selector .tooltipster-content img:first-child.   Second, and more time consuming but rewarding, is to use edit the contents of the mouseover snippet box of each article's design tab, as that overrides what shows up in tooltipster.

Check out my summercamp by going here and checking out any of my gold-star articles!

May 13, 2020 02:19

Awesome! That worked perfectly. I may try out the mouseover snippet later on, but I really like being able to see my vignette in a pop-up :) Thank you for your help!

Mar 12, 2021 18:39 by Brian Wetherell

I wish there was a way you could disable it for some pages and enable it for others....

Sep 2, 2021 10:54

Hi! Is there a way somehow to show the character portrait section of a character article in the preview? Because so far showing images in the preview only works for me if I put the image link into the vignette or into the subheading section and neither of them looks nive when I open the character article itself. Thanks in advance for your help!

Jan 23, 2024 19:35 by Jon Yeung

The article preview isn't showing up when I hover over an article link for me. I have "Display Article Tooltips" enabled in my World Configuration > Display settings. Any ideas why it won't show?