custom-post-edit

Created by: Christopher Churchill

Rating:
Downloaded: 1k times

This plugin is intented for Developers only it’s a effort to implement a simple custom front end post edit form using angularJS.

I’ll be tracking issues via github:

https://github.com/vimes1984/custompostedit/

It uses angularJS for the form and requires you pass a $_GET['posttoedit'] variable in the url to the form containing the post ID you want to edit.

Example:

 http://EXAMPLE.com/?posttoedit=POST_ID_TO_EDIT 

You are going to need to update three files to get this up and running first the form:

These fileds need to match the following syntax where in this case monthlysalary will be the object passed to the php function:

Example:

 <input type="text" name="jobtitle" ng-model="formobject.monthlysalary" placeholder="Monthly Salary" /> 

File:

 /includes/customedit.php 

Then the class customPostEdit->post_edit_fac() method, line 237-> 262 is the function that actually updates the post and is called from the javascript:

File:

 customPostEdit.php 

you are going to need to fill these in with the fields you want to update you can find the default fields here:

https://codex.wordpress.org/Database_Description#Table:_wp_posts

And you can update post meta fields like so:

Example:

 update_post_meta( $postID, 'wpcf-monthly-salary', $monthlysalary ); 

There is one last file you may need to edit and that’s the AngularJS file you may need to change
Example:

 $scope.formobject = {'jobID': '', 'title': '', 'jobcontent': '', 'monthlysalary': ''};  

Object to match your form fields in this file:

File:

 /js/custom-post-edit.js 

This file calls the php endpoint we defined in the first file the post_edit_fac and sends the formobject {} to that function from the form.

You can place the form anywhere you want using the shortcode:

Shortcode:

 [post_edit] 

Good luck and post any issues to github I’ll gladly lend a hand…

Screenshots

    Categories

    Get New Themes & Resources