External and Internal Hyperlinks

External Links

You can add a link to any external website using the VISUAL editor, or the TEXT editor.

Visual Editor

Here is how you add a link in the visual editor:

  • Write some text
  • Highlight the text
  • Click on the Link icon in the toolbar
  • Add your link by clicking the enter button

This shows a basic visual editing screen with a potential link highlighted, the link icon clicked and the place to add the link url

Text Editor

Using the Text editor, the format should be:

This <a href="http://somesite.com">text has a link</a> and then goes on.

Internal Links

You can also link within your book, for instance from one chapter to another. The difference when you are linking internally, rather than to a web page as you might be used to, is you don’t have a URL in the traditional sense. Instead, you need to use the identifier (called a slug) of an internal location, of which there can be two kinds: default locations and locations that you create yourself. Both of these are used to indicate an exact point in your document. Here’s how you do it:

Default Internal Links

When you create a document, there are already some identifiers that will be understood. For example, if you want to link to a chapter, you simply need to enter:

[book-title-here]/chapter/[your-chapter-title-here]

To link to a part, enter:

[book-title-here]/part/[your-part-title-here]

To link to a front matter section, enter:

[book-title-here]/front-matter/[your-section-title-here]

To link to a back matter section, enter:

[book-title-here]/back-matter/[your-section-title-here]

The easiest way to find this location identifier is to look at the URL of a page in the web version of your book, if the chapter has been published, and copy everything that comes after .com (including the forward slash). 

Demonstration of using the linking gear icon to begin a search of a chapter or part information

The link tool will also let you scan through all existing parts, chapters, front matter, and back matter in your book and choose one to link to. To select your internal link with this option:

  1. Highlight the text you want to hyperlink
  2. Select the link tool
  3. Click the gear icon on the link toolbar labeled Link Options and wait for the Insert/edit Link window to appear
  4. Scroll through existing posts in your book and select the one you wish to link to
  5. Click Enter

If the chapter is still in draft, just look at the permalink below the chapter title and copy everything that comes after .com (including the forward slash). 

Create Custom Internal Links Using Anchors

In order to create links between more than just chapters or parts, you can create custom location tags that you can then link to from anywhere in your book.

Let’s say you’re writing a section of your book, and want to link to a section in an earlier chapter:

  1. Go to the chapter
  2. Find the section heading
  3. Place your cursor at the start of the heading and click on the Anchor button on the toolbar (it looks like a bookmark)
  4. Enter a name when prompted (this must be unique).
  5. You now have an anchor tag the start of your heading, and should see it appear as a small icon.

This screen shows the editing screen in which the anchor icon is highlighted and the name for the icon can be entered

 

To link to it, go back to your chapter in progress, and follow the instructions above to create a link. When it prompts you to enter a URL, enter:

/chapter/chapter name/anchored section

The link tool will also let you scan through all existing anchors in your book and choose one to link to. To select your internal link with this option:

  1. Highlight the text you want to hyperlink
  2. Select the link tool
  3. Click the gear icon on the link toolbar labeled Link Options and wait for the Insert/edit Link window to appear
  4. Scroll through existing posts and anchors in your book and select the anchor you wish to link to
  5. Click “Add Link”

Note that if you’ve imported your text from a Word document, any footnotes that were in the original document may also have left anchors in your book. These anchors will display as link options in the Insert/edit Link window.

Uses:

  • Link to figures from main body text and vice versa, eg. See Figure 1 (NOTE: to add an anchor tag to an image caption, you must add it manually in the image editing window, not the visual editor. Simply enter the caption as <a id=”[your-id]”></a>[Your Caption]).
  • Link to chapter sub-sections.
  • Link to specific sections of back matter.
  • Link between chapter sections and their related exercises.

Slugs

The identifiers we used above are commonly (or uncommonly, depending on your perspective) referred to as slugs. These are automatically generated for every section you create, and can be found by looking at your page URL. However, sometimes you might need to edit them. To do so:

  1. Go into the chapter or section whose slug you want to edit.
  2. Find the Screen Options tab in the top right corner of your screen.
  3. Check the Slug option.
  4. Click on Screen Options again to collapse the tab.

Shot of the screen options button on the top right of the screen with the dropdown displaying the slug selection box

  1. Scroll down to below the visual/text editor to find the Slug section.
  2. Enter your new slug.
  3. Save or update your chapter.

The Visual editor box below which is the entry box to create a slug

 

This is a handy trick for a few reasons:

  • If you have a long chapter name, shortening the slug can make it more manageable.
  • If you start your title with a number (eg. “1. Program Overview”), your exports will add the word ‘chapter’ or ‘part’ to the front of the slug, which will break your links to that location. Use the slug editor to make sure your slugs start with a word, not a number.
  • If you name both a part and a chapter the same thing, the exports will again add something to distinguish them from each other, breaking the links. Use the slug editor to make sure they’re different from each other.

 

definition

License

Icon for the Creative Commons Attribution 4.0 International License

University of Arkansas OER Style Guide Copyright © 2023 by Lora Lennertz is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book

Feedback/Errata

Comments are closed.