Jump-to coding is handy for when you have a webpage with a lot of information on it and you want your readers to be able to jump to key headings with ease.
Jump-to code is really easy to incorporate even if you’ve no experience of coding.
Most of the popular DIY website builders such as WordPress and Weebly include html boxes that you can write your code in.
You have three headed areas on a page you want your readers to be able to jump to: Training, Qualifications, and Recent Clients.
Here is the code you could place in your html box at the top of your page:
Jump to <a href="#train">Training</a> ● <a href="#quals">Qualifications</a> ● <a href="#rc">Recent Clients</a>
This would appear as:
Jump to Training ● Qualifications ● Recent Clients
If you don’t want to use the words “Jump to” you can change them to whatever you want. The same applies to the bullet points. For example, you could use the following code instead:
For more information click on the following: <a href="#train">Training</a> | <a href="#quals">Qualifications</a> | <a href="#rc">Recent Clients</a>.
This would appear as:
For more information click on the following: Training | Qualifications | Recent Clients.
Now place the following code in an html box just above the section of the page with training information:
Then you would place the remaining two html boxes (with the amended code) just above their respective sections:
In the above example "#quals" could be rendered in any way you wish ("#q", "#qualifications", "#qu") as long as you ensure the abbreviated version in the above-heading code is the same (<a name="q"></a>, <a name="qualifications"></a> ,<a name="qu"></a>).
Some of you may have websites that allow you to do this automatically, without going through the rigmarole of coding yourself. However, if you do have to embed your own code then I hope the above example demonstrates that you don't need to be an html wizard to get the desired results.
'Louise uses her expertise to hone a story until it's razor sharp, while still allowing the author’s voice to remain dominant.'
'I wholeheartedly recommend her services ... Just don’t hire her when I need her.'
J B Turner
'Sincere thanks for a beautiful and elegant piece of work. First class.'
'What makes her stand out and shine is her ability to immerse herself in your story.'
'A million thanks – your mark-up is perfect, as always.'
All text on The Editing Blog and on the other pages of this website (unless indicated otherwise) is in copyright © 2011–20 Louise Harnby.
© Louise Harnby 2011/20
Want to thank someone special with the gift of editorial training? Find out more about my training gift vouchers.