As I manage and work on websites, I regularly find myself trying to figure out ways to improve my workflow. Here is a way to make our lives a little bit easier.
In the list of posts, to be able to edit them on the front end, you have to first open the post to then click on the “Edit in frontend form.” So I wanted to add a link/button right in the post lists that would take me directly to the frontend form. I hope you like it.
Simply add the following code to your Voxel Child’s functions.php file. You can customize the CSS to match your preferred style.
// Add to child theme.
function binblackboard_admin_post_manage_column( $manage_col ) {
$manage_col['post_link'] = __('Edit In Frontend');
return $manage_col;
}
add_filter( 'manage_posts_columns', 'binblackboard_admin_post_manage_column' );
function binblackboard_admin_post_row_link( $column_name, $post_id ) {
if( $column_name == 'post_link' ) {
echo '
<a href="' . site_url() . '/create-' . get_post_type() . '?post_id=' . get_the_ID() . ' "style="
display: inline-block;
background-color: #3A3A3C;
border-color: #000000;
color: #FFFFFF;
text-decoration: none;
padding: 5px 10px;
border-radius: 3px;
font-size: 14px;
line-height: 1.4;
margin-top: 3px;
"class="button">Frontend Edit<span class="dashicons dashicons-editor-table" style="margin-left: 8px;"></span></a>
<style>.button:hover { background-color: #000000 !important; color: #FFFFFF !important}</style>
';
}
}
add_action( 'manage_posts_custom_column', 'binblackboard_admin_post_row_link', 10, 2 );
