This plugin allows you to use a simple HTML tag that dynamically generates href and src tags. Easy to use, and extremely helpful.

SwiftWeb

We were tired to alter every link and image in posts, pages or widgets when switching from development to live environments.
e.g. when you insert an image in TinyMCE on your development environment (<code>http://dev.example.com</code>), the image has a hard URL: <code>http://dev.example.com/media/2014/06/example.jpg</code> 
When switching to your live environment (<code>http://live.example.com</code>), you change your WordPress Site URL, but the image in the content is still <code>http://dev.example.com/media/2014/06/example.jpg</code>. 
This is very frustrating, you have to alter each page, post, widget etcetera…
This plugin solves that problem. It automatically adds a data-wp-id tag when you insert an image or link in your TinyMCE. 
The data-wp-id tag contains a unique ID from the wp-post table in WordPress.
When displaying the content on the front-end this plugin automatically recognizes the data-wp-id tag and replaces the <code>src=""</code> and <code>href=""</code> with the correct permalink. 
You can use the tag anywhere you want, simply add the <code>data-wp-id="123"</code> (where <code>123</code> is the ID).
<h4>So, how does it work?</h4>
The plugin automatically adds the data-wp-id when inserting an image or link in the WordPress editor.
Normally, when you insert an image into the WP editor, WordPress would generate image tags like this:
<blockquote>
<code><img src="http://dev.example.com/media/2014/05/example-150x150.jpg" class="size-thumbnail" width="150" height="150" /></code>
</blockquote>
But this Plugin will generate a link like this:
<blockquote>
<code><img data-wp-id="123" src="#" class="size-thumbnail" width="150" height="150" /></code>
</blockquote>
… And finally on the Front-End, the Plugin will output is as:
<blockquote>
<code><img src="http://live.example.com/media/2014/05/example-150x150.jpg" class="size-thumbnail" width="150" height="150" /></code>
</blockquote>
Another example, adding a link:
Normally WordPress will generate a link like this:
<blockquote>
<code><a href="http://dev.example.com/example-page" target="_blank" /></code>
</blockquote>
But this Plugin will generate it like this:
<blockquote>
<code><a data-wp-id="100" href="#" target="_blank" /></code>
</blockquote>
…And finally on the Front-End, the Plugin will output it as:
<blockquote>
<code><a href="http://live.example.com/example-page" target="_blank" /></code>
</blockquote>

Alternatives to WP SoftLinks

Top alternatives