xnau webdesign

Note: This plugin is not currently compatible with the Block Editor.
This plugin adds a unique ID attribute to healings in your page and post content, and then makes those anchors available in the linking pop-up. This makes it very easy to add “jump” links to headings within the content.
<h4>Using the Plugin</h4>
This plugin doesn’t use any settings or require any setup, just activate it and it’s features are available.
The plugin works by adding a unique “id” to the headings in your content. When you open your content for editing, the plugin adds unique ids to all the h2 and h3 headings. After saving the content, those headings become available as “anchors” which can be linked to.
To create an anchor link, add the desired link text, select it and click the “add link” icon. If you begin typing the heading you want the link to jump to, the anchor link for that heading will appear in the search results. Choose that anchor to place your link.
If you want a link from another page to jump to a heading, you can add the anchor link (begins with a “#”) to the regular page link and when that link is clicked on the user will be taken to that heading on the new page.
For example, let’s say you have a page at <code>https://xnau.com/content-anchor-links/</code> that explains how to make a link list, and on that page is a tutorial with the heading “A Tutorial” If you look at the HTML for that page, you’ll see that the heading has an “id”, like this: <code><h2 id="a-tutorial">A Tutorial</h2></code> You can create a link that goes directly to that heading with a URL like this: <code>https://xnau.com/content-anchor-links/#a-tutorial</code>

Content Anchor Links

Easily add content anchors to your pages and posts

neilgee

This plugin adds a smooth scroll effect motion to anchor links on the same page. 
You can apply the effect to all posts/pages or certain posts/pages and adjust scroll speed.
The links are bound by the id attribute.
For the source/origin element, link to the target like so, with a href attribute of the target id <code><a href="#example"></a></code>
For the target element, you give it a corresponding id attribute like so – <code><h2 id="example">the target</h2></code>
<h3>Usage</h3>
The settings are found via the dashboard Settings > Smoothscroller
<ul>
<li>
Select to apply to all post and pages
</li>
<li>
Select to have on home page only
</li>
<li>
Select to have on certain pages only
</li>
<li>
Select to have on certain posts only
</li>
<li>
Choose the speed of the scroll
</li>
</ul>

Smoothscroller

Nice work on this plugin. Very handy and simple to implement.



Featured on iThemes Training Plugin Roundup Nov 2, 2015

This plugin adds a smooth scroll effect to anchor links on the same page. Options to add the effect globally or on certain posts/pages.

Content Anchor Links vs Smoothscroller