Traction External Links Speed Bump

[ad_1]

Some websites for compliance reasons or just because they want to need to provide the user with a notice when a link is clicked that is not in that websites control. Traction External Links Speed Bump is a simple no frills plugin that provides a basic speed bump overlay when a link is clicked on a site that doesn’t match the site host’s domain name.

The plugin offers the following customization options:

  1. Omitted Domains – Enter a comma separated list of domain names that you don’t want to trigger the speed bump.
  2. Omitted Links – Enter a comma separated list of links that you don’t want to trigger the speed bump.
  3. Customize Text – Customize the speed bump text as well as the continue and cancel button text.

Read the FAQ for information on how to customize the CSS used in this plugin.

  • Once you have installed the plugin, navigate to Settings > Speed Bump in the admin area and fill in the text inputs with the sites, links, and text you want to customize.
  • A preview of the speed bump.

There are a few options for installing and setting up this plugin.

Upload Manually

  1. Download and unzip the plugin
  2. Upload the ‘traction-external-links-speed-bump’ folder into the ‘/wp-content/plugins/’ directory
  3. Go to the Plugins admin page and activate the plugin

Install Via Admin Area

  1. In the admin area go to Plugins > Add New and search for “Traction External Links Speed Bump”
  2. Click install and then click activate

To Setup The Plugin

  1. Go to Settings > Speed Bump. Enter any domain names or links you want omitted, then customize the speed bump message and button text.
Installation Instructions

There are a few options for installing and setting up this plugin.

Upload Manually

  1. Download and unzip the plugin
  2. Upload the ‘traction-external-links-speed-bump’ folder into the ‘/wp-content/plugins/’ directory
  3. Go to the Plugins admin page and activate the plugin

Install Via Admin Area

  1. In the admin area go to Plugins > Add New and search for “Traction External Links Speed Bump”
  2. Click install and then click activate

To Setup The Plugin

  1. Go to Settings > Speed Bump. Enter any domain names or links you want omitted, then customize the speed bump message and button text.
How to I customize the CSS for the speed bump?

Here is the basic markup for how the speed bump is displayed.

<pre>
    <div id="trelsb-external-link-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="trelsb-external-link-modal-message">  

        <p id="trelsb-external-link-modal-message">
            You are about to leave the current site.
        </p>

        <a class="button trelsb-external-link-modal-continue"  tabindex="1" href="https://clickedlinkurl.com" aria-label="Continue">
            Continue
        </a>

        <span class="button trelsb-external-link-modal-close" tabindex="2" aria-label="Close">
            Cancel
        </span>

    </div>
</pre>

You can style the speed bump just like you would any other HTML elements.

“Traction External Links Speed Bump” is open source software. The following people have contributed to this plugin.

Contributors

0.9

  • Initial launch of the plugin
  • Omit domains from triggering speed bump by entering in a list
  • Omit links from triggering speed bump by entering in a list
  • Customize speed bump message and button text

[ad_2]

source_link
وردپرس

Leave a Reply

5 × چهار =