Small Farm Central

Caution: this is an advanced technique and requires you to look at the code for a minute

"Anchor links" allow you to link directly to a specific part of the page -- this can be used for in-page links like an table of contents where links at the top of the page take the user directly to the content they are looking for farther down the page.

For example, this link is an anchor link and will take you directly to the first screenshot.

These can be created fairly easily using the Small Farm Central control panel, though it does require you to step into the code for a minute.

We'll take the example of an FAQ (Frequently Asked Questions) which often use anchor links.

Create your FAQ page in the control panel using Farmer Defined Pages and start the table of contents.

First let's create the identifier that tells the browser where on the page you want the link to go TO. Type the content that you want the user to be linked to and now, click the HTML button in the toolbar, and you will see all the code. Find the place you just typed your content into and you will see a tag that looks like this right before your text starts:

<p>

Change it to: <p id="anchorto"> and then click update. See screenshot below. 

Now, let's create the link that takes the user to the text you wrote. Create the text and link as normal. Instead of putting a URL in that area, put the exact text of the identifier (id) we created above preceded with a pound sign. In this case the text was: anchorto , so instead of the URL we will put:

#anchorto

Now save your changes and you will see that the user is taken directly to that part of the page when the "anchor link" is clicked. The identifier can be anything you want it to be, it does not have to be anchorto , it could be faq1, faq2, or however you want to organize it.