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 (Settings > 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
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.