Anchor links

To link to a specific panel on a scrolling web page, or to create a button at the top of a page that takes visitors to some information lower down the page - you can use an Anchor Link.

1.) Linking to a Panel

If you have a stacked folder and want to link content from one panel to another then you can use the panel IDs to do this. 

In this example I will be create a button link from the Design to panel go to the Projects panel. 

See image below:

In this example we can see that the panel we wish to link too has an ID that is projects - the panel ID is the word or number inside the brackets.

To create your link - select the word, image or graphic that you want to be your starting point and use the link tool in the dashboard. The chain icon.

Give you link the following format -

#section- YourPageID

See the image below

Then save in the dialogue box and also save your web page.

Preview your page and check your work. That should have created the jump down needed.


2.) Standard Anchor Link

To link to a specific section of text or image on a web page the following technique works. This is most commonly use in cases where a set of links at the top of a standard web page effectively "jump down" to the relevant text below on the longer page. 

So you might start with some text items in a bullet-list at the top of your page - similar to this example below:

The following technique works if you want your first item in the list to jump-readers down to the correct paragraph below that has the sub-heading "Lorem".

In our example we will select a sub heading down our page that is Lorem.

Go to that location in your content ...and then choose the bookmark icon from the tool bar as shown below.

Now we will give our sub-heading an "Anchor" point that is expressed as an ID (identifying word) as shown below and save.

Then we can go back up to the top of the page and create a link to the ID that we just made. To do this we select the text that we want to link... in our case Lorem from the bulleted list and then use the link icon denoted by the chain icon.

Then link:

and for our link we will use the following format:

#ID that is the hashtag symbol followed by the Anchor ID.

Save the dialogue box and save the web page. Then preview your work. The jump down should be operational. Repeat the process for each anchor link you want to create from the top list.

URL

So what URL would take readers to this section of the page if they were coming in from an external link such as a newsletter?

In that instance the link format would be:

https://www.yourdomain.wa.edu.au/view/your-page-ID/#anchor-ID
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us