Adding and Styling Links

About Links

Drupal offers a several ways to create links within a page, as well as several ways to style your links.

Adding Links in the Text Editor

Links can be added to any widget that uses the Text Editor.

1. Open the editor for the piece of content you'd like to add a link to. (See Accessing the Page Editor if you're not sure how)
2. In the Sections area of the editor, either add a new section or click Edit on an existing section.
3. Choose the widget you wish to add a link to from the drop-down menu.
4. Type the text you want to use as the text of the link, then highlight it. 
5. Click the Link button in the Text Editor toolbar. 
6. Add the URL.
   1. If linking to a page, file, or other resource hosted on colgate.edu, being typing the title of the content you're linking to in the URL field. Select the item you're linking to from the drop-down box that appears. Note that items in the drop-down box are sorted by Content Type.
   2. If linking to an external webpage, copy and paste the URL of the target page into the URL field.
   3. To create an email link, type "mailto:[email address]" in the URL field, where [email address] is replaced by the target email address.
7. Add a Title for your link. The title should be a short phrase describing the target of the link. 
8. Click Save.

Adding a Link Group

A Link Group widget allows you to add several links that will display in a horizontal line with each other.

1. Open the editor for the piece of content you'd like to add a link group to. (See Accessing the Page Editor if you're not sure how)
2. In the Sections area of the editor, either add a new section or click Edit on an existing section.
3. Under Content, click the arrow of the drop-down menu. By default, the drop-down displays Add Text. Choose Add Link Group from the drop-down menu.
4. Format the first link in your group.
   1. Add the URL of the item you are linking to.
      1. If linking to a page, file, or other resource hosted on colgate.edu, being typing the title of the content you're linking to in the URL field. Select the item you're linking to from the drop-down box that appears. Note that items in the drop-down box are sorted by Content Type.
      2. If linking to an external webpage, copy and paste the URL of the target page into the URL field.
      3. To create an email link, type "mailto:[email address]" in the URL field, where [email address] is replaced by the target email address.
   2. Enter the text you wish to appear on the button in the Link Text field.
   3. To force your link to open in a new window, click the Attributes field and select "New Window (_blank)" from the drop-down menu. Web style guideline dictate that links should open in a new window only when necessary.
5. To add additional links, click Add Link.

Styling Links

Drupal offers several styling options to allow your links to stand out from the surrounding content.

1. Highlight a link you have created in the Text Editor. To add a link using the text editor, see instructions above.
2. Open the Styles drop-down menu in the Text Editor.
3. Select either Fancy Link, Fancy Link - Large, or Link - Grey to add a style to your link.

Adding Buttons

Buttons are a great option for creating visually distinctive, action-oriented links. Consider using a button when asking users to perform a specific action when they click a link, such as "Sign Up", "Register", or "Donate". For more information on Buttons, see Adding Buttons.

Adding Anchors

Anchors, or on-page links, provide a method for users to quickly navigate through pages with a lot of content. See Adding Anchors for more information about adding them to your page.