SEO-friendly Permalink Generator - jQuery Furl
File Size: | 3.41 KB |
---|---|
Views Total: | 975 |
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: '_' }); });
Changelog:
2020-04-25
- JS updated
This awesome jQuery plugin is developed by vedattaylan. For more Advanced Usages, please check the demo page or visit the official website.