Custom edit profile admin page

Again, thanks for takin Your time to respond.
So, I have managed to finish my custom profile page 🙂 I even resolved multiple image upload using wordpress media uploader (important because image is automatically croped to different image sizes I defined).
Uploaded images are stored as attachment ID in extra profile field. For displaying data on page I can simply use get_userdata().

As for image uploader, You may check out this solution: Image uploader.

Anyway, I will post the completed plugin in a few days. I need some time because it is extremely customized for my needs (not in english)…

So for everyone in a need for custom profile page (back-end), coming soon 🙂

Dear sir, I admire Your persistance, there are only few people willing to help others in their own time.
Time is currently something I lack, since I have to meet deadlines for 2 of my projects :(. I will try and post my solution during weekend.

In my plugin, file upload is done in the back-end, the whole plugin I wrote is for members that already use back-end so I dont have issues with malicius files. Iit uses wordpress profile system for purpose of easily manipulating data while displaying them on front-end using predefined functions such as get_userdata();…

Will post soon…

This is the working code. I have been so busy, I haven’t had time to translate it yet and make it widely usable… So for now it’s on my language (Croatian), but you all can use it!

Basically, this code creates new menu page in administration called ‘Moji podaci’ (My Data) in which you can manage some data from profile page and some newly added data (Company, address, city, phone, …) You can even add company logo and banner which is stored as attachment and ID is stored as variable.

USAGE:
1. Copy the code and paste it into a file. save the file as .php and upload it to your plugins folder, activate it!
2. Use ‘Members’ plugin to add capabilities to roles, add capabilitie ‘disable_profile’ to role for which you want to hide wordpress default profile.
3. If you need help ak me.. ill be more then willing to answer! When I have time I will make a plugin out of this code…

<?php
/*
Plugin Name: Custom profile
Plugin URI: http://am2studio.hr
Description: Custom profile page
Author: AM2 studio
Version: 1.0
Author URI: http://www.webstranica.com.hr
*/

//PROFIL: mičemo nepotrebne i dodajemo nove
function add_extra_contactmethod( $contactmethods ) {
    // Add new ones
    $contactmethods['Tvrtka'] = 'Tvrtka';
    $contactmethods['Adresa'] = 'Adresa';
    $contactmethods['Grad'] = 'Grad';
    $contactmethods['Telefon'] = 'Telefon';
	$contactmethods['Fax'] = 'Fax';
	$contactmethods['Zupanija'] = 'Zupanija';
	$contactmethods['Posta'] = 'Posta';
	$contactmethods['Logo'] = 'Logo';
	$contactmethods['Banner'] = 'Banner';

    // remove unwanted
    unset($contactmethods['aim']);
    unset($contactmethods['jabber']);
    unset($contactmethods['yim']);

    return $contactmethods;
}
add_filter('user_contactmethods','add_extra_contactmethod',10,1);

//Media uploader za CustomProfile
function my_admin_scripts() {
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
wp_register_script('my-upload', WP_PLUGIN_URL.'/my-script.js', array('jquery','media-upload','thickbox'));
wp_enqueue_script('my-upload');
}

function my_admin_styles() {
wp_enqueue_style('thickbox');
}

if (isset($_GET['page']) && $_GET['page'] == 'moji-podaci') {
add_action('admin_print_scripts', 'my_admin_scripts');
add_action('admin_print_styles', 'my_admin_styles');
add_filter('admin_head','ShowTinyMCE');
function moji_podaci_css() {
  echo '
<style type="text/css">
#editorcontainer {
	width: 500px;
}
#edButtonPreview, #edButtonHTML {
	display: none;
}
</style>';
}
add_action('admin_head', 'moji_podaci_css');
}

//Tiny MCE za O NAMA

function ShowTinyMCE() {
	// conditions here
	wp_enqueue_script( 'common' );
	wp_enqueue_script( 'jquery-color' );
	wp_print_scripts('editor');
	if (function_exists('add_thickbox')) add_thickbox();
	wp_print_scripts('media-upload');
	if (function_exists('wp_tiny_mce')) wp_tiny_mce();
	wp_admin_css();
	wp_enqueue_script('utils');
	do_action("admin_print_styles-post-php");
	do_action('admin_print_styles');
}

//BEGIN

//add plugin page in menu
add_action('admin_menu', 'my_plugin_menu');

function my_plugin_menu() {
	add_menu_page('Moji podaci', 'Moji podaci', 'publish_posts', 'moji-podaci', 'my_plugin_options');
}

//options that will be displayed in plugin page
function my_plugin_options() {
	//prevent certain users to access this page
	if (!current_user_can('publish_posts'))  {
		wp_die( __('You do not have sufficient permissions to access this page.') );
	}

	 $current_user = wp_get_current_user();

	$user_id = $current_user->ID;

	if (isset($_POST['submit'])) {
		$Tvrtka = $_POST["Tvrtka"];
		$Adresa = $_POST["Adresa"];
		$Grad = $_POST["Grad"];
		$Posta = $_POST["Posta"];
		$Zupanija = $_POST["Zupanija"];
		$Telefon = $_POST["Telefon"];
		$Fax = $_POST["Fax"];
		$Email = $_POST["Email"];
		$Web = $_POST["Web"];
		$Onama = $_POST["Onama"];
		$Logo_url = $_POST["Logo"];
		$Banner_url = $_POST["Banner"];
		$Logo_ID = get_attachment_id_from_src($Logo_url);
		if(!empty($Logo_ID)) {
			$Logo_uploaded = true;

		}
		$Banner_ID = get_attachment_id_from_src($Banner_url);
		if(!empty($Banner_ID)) {
			$Banner_uploaded = true;
		}
		//Ako je stisnuta jedna od tipki delete na slikama
		if($_POST["Banner_reset"] == "true") {
			$Banner_uploaded = false;
			$Banner_ID = "";
		}
		if($_POST["Logo_reset"] == "true") {
			$Logo_uploaded = false;
			$Logo_ID = "";
		}

		wp_update_user( array ('ID' => $user_id, 'Tvrtka' => $Tvrtka, 'Adresa' => $Adresa, 'Grad' => $Grad, 'Posta' => $Posta, 'Zupanija' => $Zupanija, 'Telefon' => $Telefon, 'Fax' => $Fax, 'user_email' => $Email, 'user_url' => $Web, 'Logo' => $Logo_ID, 'Banner' => $Banner_ID, 'description' => $Onama) ) ;
	}

	  $user = get_userdata( $user_id );
	  if(!empty($user->Logo)) {
	  	$Logo_uploaded = true;
		$Logo_ID = $user->Logo;
		$Logo_src = wp_get_attachment_image_src( $Logo_ID, 'medium' );
		$Logo_src_full = wp_get_attachment_image_src( $Logo_ID, 'full' );
	  }
	  if(!empty($user->Banner)) {
	  	$Banner_uploaded = true;
		$Banner_ID = $user->Banner;
		$Banner_src = wp_get_attachment_image_src( $Banner_ID, 'medium' );
		$Banner_src_full = wp_get_attachment_image_src( $Banner_ID, 'full' );
	  }

	  ?>
      <div class="wrap" id="moji-podaci">
      <h3>Dobrodošli!</h3>
	  <table class="form-table">
      <tbody>
	  <form action="" method="POST">

      <tr>
		 <th>Tvrtka: </th><td><input type="text" name="Tvrtka" value="<?php echo $user->Tvrtka; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Adresa: </th><td><input type="text" name="Adresa" value="<?php echo $user->Adresa; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Grad: </th><td><input type="text" name="Grad" value="<?php echo $user->Grad; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Poštanski broj: </th><td><input type="text" name="Posta" value="<?php echo $user->Posta; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Županija: </th><td><input type="text" name="Zupanija" value="<?php echo $user->Zupanija; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Telefon: </th><td><input type="text" name="Telefon" value="<?php echo $user->Telefon; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Fax: </th><td><input type="text" name="Fax" value="<?php echo $user->Fax; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>E-mail: </th><td><input type="text" name="Email" value="<?php echo $user->user_email; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>Web: </th><td><input type="text" name="Web" value="<?php echo $user->user_url; ?>" class="regular-text"></td>
      </tr>
      <tr>
         <th>O nama: </th><td><?php the_editor($user->user_description,'Onama'); ?></td>
      </tr>
      <?php if($Logo_uploaded == true) { 

	  ?>
      <tr valign="top">
	  	<th>Logo: </th><td><img src="<?php echo $Logo_src[0] ?>"><br />Izbriši sliku: <input type="checkbox" value="true" name="Logo_reset" /></td>
        <input type="hidden" name="Logo" value="<?php echo $Logo_src_full[0] ?>" />
	  </tr>
      <?php } else { ?>
      <tr valign="top">
			<th scope="row">Logo: </th>
			<td><label for="upload_image">
			<input id="upload_image" type="text" size="36" name="Logo" value="<?php echo $user->Logo; ?>" />
			<input id="upload_image_button" type="button" value="Upload Image" />
			<br />Pritisnite gumb Upload Image, odaberite sliku  zatimi pritisnite gumb 'Odaberi sliku'.
			</label></td>
	  </tr>
      <?php } ?>
      <?php if($Banner_uploaded == true) { 

	  ?>
      <tr valign="top">
	  	<th>Banner: </th><td><img src="<?php echo $Banner_src[0] ?>"><br />Izbriši sliku: <input type="checkbox" value="true" name="Banner_reset" /></td>
        <input type="hidden" name="Banner" value="<?php echo $Banner_src_full[0] ?>" />
	  </tr>
      <?php } else { ?>
      <tr valign="top">
			<th scope="row">Banner: </th>
			<td><label for="upload_image2">
			<input id="upload_image2" type="text" size="36" name="Banner" value="<?php echo $user->Banner; ?>" />
			<input id="upload_image_button2" type="button" value="Upload Image" />
			<br />Pritisnite gumb Upload Image, odaberite sliku  zatimi pritisnite gumb 'Odaberi sliku'.
			</label></td>
	  </tr>
      <?php } ?>
      <tr>
          <th></th><td><input type="submit" name="submit" value="Izmjeni podatke" class="button-primary"/></td>
      </tr>

          </form>
          </tbody>
       </table>
      </div>

		  <?php

}

?>

It doesn’ really matter that it’s in Croatian. In basics, You create any number of extra fields in wordpress profile and in “Custom profile page” you fill them with any type of input form (text, textarea, radio, checkbox, file,…).

Afterwards you can use them in your theme with standard WP functions:

$author_data = get_userdata( author_ID );
echo $author_data->field

Replace ‘field’ with each extra field name offcourse…

Would like to see Your final work 🙂