This plugin allows you to permalink (i.e., bookmark) to content on Twitter Bootstrap tabs (and now content inside collapsible components) via hash tag links.
Out-of-the-box, Bootstrap 3 won’t allow you to permalink to content inside the tabs. This plugin activates the tab containing the permalinked content and then scrolls the page to the hash mark (i.e., to the HTML element with the ID specified in the URL’s hash mark). You don’t even have to know which tab the content is on; the plugin figures it out. It does this so quick you really won’t notice all this going on. Page visitors who arrive using your permalink will pretty much immediately see the content you permalinked.
Here’s an example: You have an element inside a collapsed tab you want to link to. Give the element an ID (e.g.,
<div id="mylink"> ... </div>). Then, use that ID in the URL (e.g.,
http://www.mydomain.com/page/#mylink). That will activate the tab and scroll the page to the location of the ID.
If you don’t want the page to scroll automatically, there’s an option in the WordPress admin dashboard (
WP Tab Anchors) to disable the auto scrolling –enabled by default. This option will enable/disable the jQuery scrolling plugin from loading on your site. That means, if you change this setting and use a site caching plugin, you might need to clear your site cache to ensure the scrolling is truly enabled or disabled.
You can contribute to this plugin here: https://github.com/marinersmuseum/WP-Tab-Anchors
- Upload the plugin files to the
/wp-content/plugins/wp-tab-anchorsdirectory, or install the plugin through the WordPress
- Activate the plugin through the
Pluginsscreen in WordPress.
- Use the
WP Tab Anchorsscreen to configure the plugin.
- That’s it! Enjoy! It works automatically.
There are no reviews for this plugin.
Contributors & Developers
“WP Tab Anchors” is open source software. The following people have contributed to this plugin.Contributors
- Added a fix to accommodate nested tabs (which aren’t officially supported)
- Updated jquery.scrollTo to 2.1.2
- Added option panel to WordPress Dashboard to disable auto scrolling
- Updated jquery.scrollTo to 1.4.13