ANCHOR
Type: $blogExpOpt
Scope: self (navbar only)
Purpose: Makes download link (set $Text ¶1 to post-note and ¶2 to sub-post-note)
For navbar use only.
Making a navbar link (NavLink) to a heading-anchor (bookmark) is easy:
- Make a new note inside BlogNavBar … or a dropdown therein. (A dropdown note is a child of BlogNavBar whose
$blogExpOpt
is DROPDOWN. The NavLinks “in” the dropdown menu are children of that note.) - Give your NavLink note a
$Name
, which will appear in the navbar. - Now set the note’s
$Text
. Set ¶1 to the name (or path) of the exported webpage’s note (the “container” of the post if it’s multi-note). And set ¶3 to the name (or path) of the sub-post (which exists in the exported note as a bookmarked heading).
For example, say you want to make a NavLink called Storytime that takes your readers to the heading One Weird Trick #1 inside the post The big story about stories—that is to say: you want the NavLink to load the webpage entitle The big story about stories and the scroll to subsection (grandchild) One Weird Trick #2.
And let’s say that the full post outline looks like this:
The big story about stories Intro Main section 1 Main section 2 One Weird Trick #1 One Weird Trick #2 Conclusion
All you need to do is make the following note and stick it inside your navbar (that is, inside BlotTopNote/Blog NAVBAR)—either as a child or in a dropdown:
The big story about stories
One Weird Trick #2
You have to admit, the method is semantic and elegant—note title is NavLink title, first paragraph is post-name, second paragraph is sub-post.
Actual example
Here is the Outline View of this very website’s Blog NAVBAR. A note just like the one we just talked about is shown in the Text Pane:
