Add a Link or Link block with the Rich Content Editor
Use the Rich Content Editor canvas to add a link or a link block to redirect users to different content or a web page. A Link provides a textbox and a Link block allows you to add an image that acts as a link.
Before you begin
Role required: sn_cd.content_manager
Create the page layout using modules or columns.
- Modules are predefined content layouts comprised of header, paragraph text, and images. See Add predefined content layouts with the Rich Content Editor
- Columns are containers that enable you to define a custom layout. See Add columns with the Rich Content Editor
Procedure
Navigate to the canvas by selecting the Open editor button from the Design tab of the New content form.
From the Rich Content Editor canvas, drag-and-drop a Link or a Link block.
Navigate to Settings tab.
Configure the following settings:
| Settings field | Description |
|---|---|
| Styling | |
| Background color | Sets the background color for the link container.To select a color, enter the hex code or click the color picker \(grey square to the right of the font color\) and select a color from the color palette. |
| Display \(Link only\) | Configure the appearance of multiple components within the same column, such as an image and a text component. Select from the following options:- Top and bottom (default): Image appears above the other component. - Side by side: Image appears with the other component next to it. Note: For best results, set the same display for the components. For example, if you have an image and text components in a column and want the image to appear on the left and the text to appear at the right, change the Display settings for both components to Side by side. |
| Add Text to list item \(link\) | Enables you to add text below a linked list item by pressing the Right Arrow key, then typing beneath the link. |
| Advanced styling | |
| Padding | Padding is the space between content and the border of an element. Specify the value for top, bottom, right, or left padding by entering a number. |
| Font name \(Link only\) | Defines the font face used to render characters.Click the drop-down arrow to select a different font. |
| Font size \(Link only\) | Sets the size of the font. |
| Font weight \(Link only\) | Determines how bold or light your text appears.Click the drop-down arrow to select a different weight. |
| Line height \(Link only\) | Sets the vertical distance between two lines of text. |
| Font color \(Link only\) | Overrides the font color from your portal theme.To select a color, enter the hex code or click the color picker \(grey square to the right of the font color\) and select a color from the color palette. |
| Properties | |
| Title | Text that appears when a user hovers over the link or link block. |
| URL | Location of a web page or content. Enter the complete URL address you are targeting when a user selects the button. |
| Target | Indicates where the button directs the user. Your choices are:- This window: Selecting the button opens the content in the same window you have displayed. - New window: Selecting the button opens the content in a new window. |
| Bulleted or numbered list \(Adding link\) | Adding links to a bulleted or numbered list of items. See, Add a List with the Rich Content Editor |
If you added a Link block, drag-and-drop an Image into the Link block.
For information on configuring an image, see Add an Image with the Rich Content Editor.
Select Save or Save and Finish.
Selecting Save saves your content and you remain on the Rich Content Editor canvas. Selecting Save and Finish saves your record and returns you to the New content form.
What to do next
(Optional) Translate your content.
Request language translation for your content. For more information, see Multilingual support in the Content Library.
Note: Only translate content after you are done modifying the content. For best results, we do not recommend that you add or remove components or change the formatting after translation.
To create rich content that is formatted differently in different languages, duplicate the content and modify the formatting as needed. Then, use Audiences to target the content to users by language. See Audiences
Preview your content from the Publish tab.
Note: Content Preview is designed to provide a general idea of how your content looks. Content may look different once published due to variations in device resolution, theme difference, or mobile app style configuration.
Configure a publish plan to control where the content is delivered, the audience, and the period of time it is available: Create a publish plan for your content.