Submit post and upload image from front-end

If you are talking about the answer i posted here its simply uploading file in an iframe to achieve “Ajax like” submit. Now if you already have a form that handles the post submit you can simply add the upload file field input somewhere in your form: <form … … <input type=”file” name=”thumbnail” id=”thumbnail”> … … Read more

What is an easy way to display a front-end user registration form?

Jeff Starr wrote a great tutorial on front-end registration, login and password recovery taking the similar approach as suggested by onetrickpony. So take this as a follow up to his answer and as another resource that might help you get it done: http://digwp.com/2010/12/login-register-password-code/ Now you have two examples how to code this yourself and trust … Read more

How to save the state of a drag and drop jQuery UI Sortables front end layout editor?

Brady is correct that the best way to handle saving and displaying of custom post type orders is by using the menu_order property Here’s the jquery to make the list sortable and to pass the data via ajax to wordpress: jQuery(document).ready(function($) { var itemList = $(‘#sortable’); itemList.sortable({ update: function(event, ui) { $(‘#loading-animation’).show(); // Show the … Read more

How to display user registration form on front-end of the website?

The process involves 2 steps: show the frontend form save the data on submission There are 3 different approach that comes to my mind to show the frontend: use the built-in registration form, editing styles, etc to make it more “frontend like” use a WordPress page/post, and display form using a shortcode use a dedicate … Read more