{"id":91208,"date":"2012-08-02T09:45:29","date_gmt":"2012-08-02T13:45:29","guid":{"rendered":"http:\/\/wpmu.org\/?p=91208"},"modified":"2013-07-24T20:32:41","modified_gmt":"2013-07-25T00:32:41","slug":"top-wordpress-plugins-for-front-end-posting-editing-and-uploading","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/top-wordpress-plugins-for-front-end-posting-editing-and-uploading\/","title":{"rendered":"Top 10 WordPress Plugins For Front-End Posting, Editing and Uploading"},"content":{"rendered":"<p>With the help of a few plugins, it&#8217;s entirely possible to keep WordPress users out of the dashboard and put everything they need on the front-end. Today we&#8217;re going to focus on the most requested front-end features: posting, editing and uploading. These features are especially important for sites that depend on user-submitted content and news. The plugins below are some of the most high quality solutions available for adding content on the front-end.<\/p>\n<h2><a title=\"Front End Editor Plugin for WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/front-end-editor\/\" rel=\"noopener\" target=\"_blank\">Front-End Editor<\/a><\/h2>\n<p>The Front-End Editor plugin was created several years ago by the talented <a title=\"Scribu\" href=\"http:\/\/scribu.net\/\" rel=\"noopener\" target=\"_blank\">Scribu<\/a>. It is one of the most well-known and widely used plugins for editing inline.<\/p>\n<p>With this plugin installed you can edit posts, pages, custom post types, comments, widgets and <a title=\"Editable elements\" href=\"https:\/\/github.com\/scribu\/wp-front-end-editor\/wiki\/List-of-editable-elements\" rel=\"noopener\" target=\"_blank\">many more<\/a> elements on the front-end.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91283\" title=\"front-end-editor\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/front-end-editor.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"600\" height=\"276\" \/><\/p>\n<h2><a title=\"WP Raptor\" href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-raptor\/\" rel=\"noopener\" target=\"_blank\">Raptor Editor<\/a><\/h2>\n<p>The Raptor Editor is a newer plugin that we recently <a title=\"Raptor Editor Plugin\" href=\"https:\/\/wpmudev.com\/blog\/edit-wordpress-posts-on-the-front-end-with-the-raptor-editor\/\" target=\"_blank\" rel=\"noopener\">reviewed<\/a> on WPMU.org. It has a beautiful interface that is very approachable and user-friendly for beginners. The Raptor Editor seamlessly integrates the WordPress media library as well for ease of uploading files. If you want to try it live before installing it, check out the <a title=\"Raptor Editor Demo\" href=\"http:\/\/www.raptor-editor.com\/\" rel=\"noopener\" target=\"_blank\">demo<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-84852\" title=\"raptor-editor-frontend\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/07\/raptor-editor-frontend.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"706\" height=\"528\" \/><\/p>\n<h2><a title=\"Front End Upload Plugin\" href=\"http:\/\/wordpress.org\/extend\/plugins\/front-end-upload\/\" rel=\"noopener\" target=\"_blank\">Front End Upload<\/a><\/h2>\n<p>The Front End Upload plugin, created by developer <a title=\"Jonathan Christopher\" href=\"http:\/\/mondaybynoon.com\/\" rel=\"noopener\" target=\"_blank\">Jonathan Christopher<\/a>, gets very high ratings in the WordPress plugin repository. It&#8217;s very easy to implement- simply place the shortcode on a page where you want to include the upload form. The plugin also includes settings for restricting the form to those who have a passcode, maximum file size, success message and customization of the automatic email.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91285\" title=\"front-end-upload\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/front-end-upload1.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"607\" height=\"498\" \/><\/p>\n<h2><a title=\"Div Layer Editor\" href=\"http:\/\/wordpress.org\/extend\/plugins\/div-layer-editor\/\" rel=\"noopener\" target=\"_blank\">Div Layer Editor<\/a><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91293\" title=\"banner-772x250\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/banner-772x250.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"772\" height=\"250\" \/><br \/>\nThe Div layer Editor plugin is a little different in that it allows you to Edit any WordPress theme from the front of your website. It makes it surprisingly easy for anyone to make theme changes, even if you&#8217;re not a master at CSS. Simply click on a part of your website to edit it. You&#8217;ll be able to save different versions of your themes as child themes, without having to use FTP or the dashboard theme editor.<\/p>\n<h2><a title=\"Gravity Forms\" href=\"http:\/\/www.gravityforms.com\/\" rel=\"noopener\" target=\"_blank\">Gravity Forms<\/a><\/h2>\n<p>Of course, the ever popular Gravity Forms plugin makes this list! Gravity Forms is always on the cutting edge and continues to innovate with WordPress in each new release. Among its many features is the ability to configure forms that create WordPress posts from the front-end, allowing you to collect user-generated content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91317\" title=\"post_creation_large\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/post_creation_large.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"833\" height=\"596\" \/><\/p>\n<h2><a title=\"WP Client File Share\" href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-client-file-share\/\" rel=\"noopener\" target=\"_blank\">WP Client File Share<\/a><\/h2>\n<p>This is very cool plugin that allows you to share files between administrators and users. When WP Client File Share is installed, users will get a &#8220;private&#8221; page to upload files. The admin can also post files for that user. All of this happens on the front end.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91322\" title=\"client-file-share\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/client-file-share.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"595\" height=\"299\" \/><\/p>\n<h2><a title=\"WordPress Profile Builder Plugin\" href=\"http:\/\/wordpress.org\/extend\/plugins\/profile-builder\/\" rel=\"noopener\" target=\"_blank\">Profile Builder<\/a><\/h2>\n<p>The Profile Builder Plugin lets you add front-end registration, profile and login forms. These pages are easy to create with the use of the plugin&#8217;s shortcodes. The admin has a great deal of flexibility in modifying and adding to the forms with a nice interface in the dashboard. The <a title=\"WordPress Profile Builder Pro-Version\" href=\"http:\/\/www.cozmoslabs.com\/wordpress-profile-builder\/\" rel=\"noopener\" target=\"_blank\">Pro-version<\/a> includes avatar uploads, custom redirects, additional styles and more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91323\" title=\"profile-builder\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/profile-builder.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"600\" height=\"516\" \/><\/p>\n<h2><a title=\"nmedia User File Uploader for WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/nmedia-user-file-uploader\/\" rel=\"noopener\" target=\"_blank\">Nmedia Users File Uploader Plugin<\/a><\/h2>\n<p>This plugin has a great interface for letting users upload files from the front-end. Uploaded files are saved in private directories so each user can download and delete their own files after logging in. Features include:<\/p>\n<ul>\n<li>Flash Uploader<\/li>\n<li>Ajax based validation<\/li>\n<li>File DetailDownload Files<\/li>\n<li>Delete File<\/li>\n<li>Customized Upload Message, Delete Message<\/li>\n<\/ul>\n<p>The Pro-version gives you more control over the shortcodes and file meta. Check out a <a title=\"nmedia file Uploader Pro Demo\" href=\"http:\/\/www.najeebmedia.com\/nmedia-file-uploader-pro\/\" rel=\"noopener\" target=\"_blank\">live demo<\/a> on the plugin&#8217;s homepage.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91325\" title=\"uploader\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/uploader.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"658\" height=\"634\" \/><\/p>\n<h2><a title=\"Ninja Forms\" href=\"http:\/\/wpninjas.net\/plugins\/ninja-forms\/\" rel=\"noopener\" target=\"_blank\">Ninja Forms<\/a><\/h2>\n<p>Ninja Forms is a fairly new plugin that allows users to easily create their own forms for WordPress and attach them to posts and pages. The Pro-version allows for <a title=\"Front-end Post Submission with Ninja Forms\" href=\"http:\/\/wpninjas.net\/plugins\/ninja-forms\/features\/front-end-post-submission\/\" rel=\"noopener\" target=\"_blank\">front-end post submission<\/a>, as demonstrated in the video below. It lets you create forms with fields linked to your title, content, categories, tags, and custom fields. It works with posts, pages, or custom post types and even includes the WYSIWYG editor for the content.<\/p>\n<div class=\"embed-vimeo\" style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/37999765\" width=\"600\" height=\"338\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div>\n<h2><a title=\"FV Community News\" href=\"http:\/\/wordpress.org\/extend\/plugins\/fv-community-news\/\" rel=\"noopener\" target=\"_blank\">FV Community News<\/a><\/h2>\n<p>The FV Community News plugin was created to allow users to contribute content easily from the front-end, while the admin maintains full control of the articles that are being posted. It includes support for custom post types with featured images and tags, as well as widgets, shortcodes, AJAX form handling, customizable post form, and a nicely styled feed for community news.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-91329\" title=\"fv-community-news\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/fv-community-news.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"421\" height=\"486\" \/><\/p>\n<p>All of the plugins above have been tested to work smoothly with the latest version of WordPress. Bookmark this post for the next time you need to implement front-end capabilities and make sure to share with your friends.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These plugins represent the most high quality solutions available for adding content to WordPress on the front-end. <\/p>\n","protected":false},"author":4099,"featured_media":91334,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[2186],"tutorials_categories":[],"class_list":["post-91208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-wordpress-editor"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/91208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=91208"}],"version-history":[{"count":2,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/91208\/revisions"}],"predecessor-version":[{"id":220108,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/91208\/revisions\/220108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/91334"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=91208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=91208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=91208"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=91208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}