SEO-friendly Permalink Generator - jQuery Furl

SEO-friendly Permalink Generator - jQuery Furl
File Size: 3.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Yet another jQuery plugin that automatically generates SEO-friendly permalinks (URL slugs) with custom separators from your post/article titles.

How to use it:

1. Create a text field for the post/article title.

<h3>Post Title</h3>
<input id="blogtitle" autocomplete="off">

2. Create another text field to display the SEO-friendly permalink.

<h3>Permalink</h3>
<input id="permalink" disabled="disabled">

3. Link to jQuery library and the jQuery Furl plugin's JavaScript.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
        crossorigin="anonymous">
</script>
<script src="jquery.furl.js"></script>

4. Call the function on the post title field and specify the selector of the permalink field.

$(function(){
  $('#blogtitle').furl({
    id:'permalink'
  });
});

5. Customize the separator for the SEO-friendly permalink. Default: Dash.

$(function(){
  $('#blogtitle').furl({
    id:'permalink',
    seperate: '_'
  });
});

This awesome jQuery plugin is developed by vedattaylan. For more Advanced Usages, please check the demo page or visit the official website.