Creating Anchored Links in Drupal

First, create the reference and footnote numbers throughout your body’s text. Feel free to use whatever format you like best (e.g. superscript, brackets).

Next, the anchor links must be created. Highlight the first reference and click the “link” button.

A dialog box will appear. Navigate to the “Advanced” tab.

Each reference and footnote will need to be given a unique name. This creates the “anchor”. It is recommended to use a naming system like the following:

  • First reference = “ref1”
  • Second reference = “ref1”
  • First footnote = “fn1”
  • Second footnote = “fn2”
  • And so on…

For the first reference, enter “ref1” (or whatever name that makes sense to you) in the “Name” field.

Navigate back to the “Link Info” tab. Here, you will add a pound sign (#) and the name of the corresponding footnote in the “URL” field. The footnote’s anchor has not been given a name yet; however, you can still enter here what you intend to name it (e.g. “fn1”). Then, select “OK”.

Now, you can move on to creating an anchor and link for the footnote by repeating the same steps:

  • Highlight the footnote number and click the “Link” button
  • Navigate to the “Advanced” tab in the dialog box
  • Enter the unique name of the footnote (e.g. “fn1”) in the “Name” field
  • Navigate back to the “Link Info” tab and, in the “URL” field, enter pound sign (#) and the name you gave to the footnote’s corresponding reference that you created earlier (e.g. “ref1”).

Once you’ve created an anchor link for both the reference and footnote, your display should look something like this:

After saving the content, your reference and footnote should each link to the other.

Congratulations! You’ve just created anchored links. :-)

May, 2016