José María Ferri Azorín

<p>This plugin is based on <strong><a href="https://wordpress.org/plugins/tiny-url/" rel="ugc">Prasanna SP Tiny URL</a></strong> plugin and uses some of its code.</p>
<p>This plugin shows a short URL for each of your blog posts after post content (in FrontEnd). Short URLs are great for sharing your posts on micro-blogging sites like twitter, identi.ca etc., This plugin sends current post or page URL to <a href="https://v.gd" rel="nofollow ugc">v.gd</a> or <a href="https://tinyurl.com" rel="nofollow ugc">TinyURL.com</a> and gets a short URL for the same. Then it shows that Short URL after post content. You can select which users can see short URL textbox: “All users”, “Regitered users” or “Registered users that can edit the post/page”. User can just click on the box to select URL, or click on a Copy button to Copy the Short URL to clipboard. You can also show Short URLs for pages by selecting <em>Show Short URL FE on pages</em> option in plugin settings page.</p>
<p><strong>Note:</strong> Please read V.gd <a href="https://v.gd/terms.php" rel="nofollow ugc">terms of use</a> before activating the plugin. You must abide by them after activating the plugin.<br />
<strong>Note:</strong> Please read TinyURL’s <a href="https://tinyurl.com/#terms" rel="nofollow ugc">terms of use</a> before activating the plugin. You must abide by them after activating the plugin. TinyURL is a trademark of TinyURL, LLC</p>
<h4>How to style the output?</h4>
<p>You can add a class for textbox and a class for button on Short URL FE plugin options page.</p>
<p>The output of this plugin is wrapped in a <code><p></code> tag with class <code>short-url-fe</code>. Use this class and, optionally, your classes to style them.<br />
Example,</p>
<pre><code>/* this change background color for area where plugin is shown */
.short-url-fe {
    background-color: #ccc;
    padding: 4px;
    border-radius: 4px;
}
/* Assuming you added a class 'mytextbox' for textbox, this adjusts textbox style */
.short-url-fe .mytextbox {
    width: min(20rem, 70%);
    box-shadow: 2px 2px 4px 1px #ccc inset;
    padding: .5rem 4px;
}
/* and assuming you added a class 'mycopybutton' for button, this adjusts button style */
.short-url-fe .mycopybutton {
    background-color: lightblue;
    color: darkblue;
}
</code></pre>


Short URL FE

Show a Short URL for all of your blog posts and optionally for pages

farmad

<p>Makhlas is the easiest way to replace the internally generated WordPress shortlinks.</p>
<p>Shortlinks are a great way to quickly share posts on social media like Twitter, Facebook and Whatsapp. Just finished writing an amazing post and want to share that post with your friend? It’s a lot easier to text message a shortlink than the entire address.</p>
<h4>Available Template Tags</h4>
<ul>
<li><code>makhlas_the_short_url_link()</code> outputs an anchor (a) tag, ex: <code><a href="http://ly.gy/sample" class="makhlas short-link" rel="nofollow">http://ly.gy/sample</a></code></li>
<li><code>makhlas_get_the_short_link</code> retrieves the above anchor for storage in a variable</li>
<li><code>makhlas_the_short_url()</code> outputs the short URL, ex: <code>http://ly.gy/sample</code></li>
<li><code>makhlas_get_the_short_url()</code> retrieves the above URL for storage in a variable</li>
<li><code>makhlas_the_short_url_input()</code> outputs an form input (a) tag, ex: <code><input class="makhlas short-url-input" type="text" value="http://ly.gy/sample"></input></code></li>
</ul>


Makhlas

Makhlas is the easiest way to replace the internally generated WordPress shortlinks.

Short URL FE vs Makhlas