wp-admin/custom-header.php

   1 <?php
   2 /**
   3  * The custom header image script.
   4  *
   5  * @package WordPress
   6  * @subpackage Administration
   7  */
   8
   9 /**
  10  * The custom header image class.
  11  *
  12  * @since 2.1.0
  13  * @package WordPress
  14  * @subpackage Administration
  15  */
  16 class Custom_Image_Header {
  17
  18         /**
  19          * Callback for administration header.
  20          *
  21          * @var callback
  22          * @since 2.1.0
  23          * @access private
  24          */
  25         var $admin_header_callback;
  26
  27         /**
  28          * Callback for header div.
  29          *
  30          * @var callback
  31          * @since 3.0.0
  32          * @access private
  33          */
  34         var $admin_image_div_callback;
  35
  36         /**
  37          * Holds default headers.
  38          *
  39          * @var array
  40          * @since 3.0.0
  41          * @access private
  42          */
  43         var $default_headers = array();
  44
  45         /**
  46          * Holds the page menu hook.
  47          *
  48          * @var string
  49          * @since 3.0.0
  50          * @access private
  51          */
  52         var $page = '';
  53
  54         /**
  55          * PHP4 Constructor - Register administration header callback.
  56          *
  57          * @since 2.1.0
  58          * @param callback $admin_header_callback
  59          * @param callback $admin_image_div_callback Optional custom image div output callback.
  60          * @return Custom_Image_Header
  61          */
  62         function Custom_Image_Header($admin_header_callback, $admin_image_div_callback = '') {
  63                 $this->admin_header_callback = $admin_header_callback;
  64                 $this->admin_image_div_callback = $admin_image_div_callback;
  65         }
  66
  67         /**
  68          * Set up the hooks for the Custom Header admin page.
  69          *
  70          * @since 2.1.0
  71          */
  72         function init() {
  73                 if ( ! current_user_can('edit_theme_options') )
  74                         return;
  75
  76                 $this->page = $page = add_theme_page(__('Header'), __('Header'), 'edit_theme_options', 'custom-header', array(&$this, 'admin_page'));
  77
  78                 add_action("admin_print_scripts-$page", array(&$this, 'js_includes'));
  79                 add_action("admin_print_styles-$page", array(&$this, 'css_includes'));
  80                 add_action("admin_head-$page", array(&$this, 'help') );
  81                 add_action("admin_head-$page", array(&$this, 'take_action'), 50);
  82                 add_action("admin_head-$page", array(&$this, 'js'), 50);
  83                 add_action("admin_head-$page", $this->admin_header_callback, 51);
  84         }
  85
  86         /**
  87          * Adds contextual help.
  88          *
  89          * @since 3.0.0
  90          */
  91         function help() {
  92                 add_contextual_help( $this->page, '<p>' . __( 'You can set a custom image header for your site. Simply upload the image and crop it, and the new header will go live immediately.' ) . '</p>' .
  93                 '<p>' . __( 'If you want to discard your custom header and go back to the default included in your theme, click on the buttons to remove the custom image and restore the original header image.' ) . '</p>' .
  94                 '<p>' . __( 'Some themes come with additional header images bundled. If you see multiple images displayed, select the one you&#8217;d like and click the Save Changes button.' ) . '</p>' .
  95                 '<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
  96                 '<p>' . __( '<a href="http://codex.wordpress.org/Appearance_Header_SubPanel" target="_blank">Documentation on Custom Header</a>' ) . '</p>' .
  97                 '<p>' . __( '<a href="http://wordpress.org/support/" target="_blank">Support Forums</a>' ) . '</p>' );
  98         }
  99
 100         /**
 101          * Get the current step.
 102          *
 103          * @since 2.6.0
 104          *
 105          * @return int Current step
 106          */
 107         function step() {
 108                 if ( ! isset( $_GET['step'] ) )
 109                         return 1;
 110
 111                 $step = (int) $_GET['step'];
 112                 if ( $step < 1 || 3 < $step )
 113                         $step = 1;
 114
 115                 return $step;
 116         }
 117
 118         /**
 119          * Set up the enqueue for the JavaScript files.
 120          *
 121          * @since 2.1.0
 122          */
 123         function js_includes() {
 124                 $step = $this->step();
 125
 126                 if ( ( 1 == $step || 3 == $step ) && $this->header_text() )
 127                         wp_enqueue_script('farbtastic');
 128                 elseif ( 2 == $step )
 129                         wp_enqueue_script('imgareaselect');
 130         }
 131
 132         /**
 133          * Set up the enqueue for the CSS files
 134          *
 135          * @since 2.7
 136          */
 137         function css_includes() {
 138                 $step = $this->step();
 139
 140                 if ( ( 1 == $step || 3 == $step ) && $this->header_text() )
 141                         wp_enqueue_style('farbtastic');
 142                 elseif ( 2 == $step )
 143                         wp_enqueue_style('imgareaselect');
 144         }
 145
 146         /**
 147          * Check if header text is allowed
 148          *
 149          * @since 3.0.0
 150          */
 151         function header_text() {
 152                 if ( defined( 'NO_HEADER_TEXT' ) && NO_HEADER_TEXT )
 153                         return false;
 154
 155                 return true;
 156         }
 157
 158         /**
 159          * Execute custom header modification.
 160          *
 161          * @since 2.6.0
 162          */
 163         function take_action() {
 164                 if ( ! current_user_can('edit_theme_options') )
 165                         return;
 166
 167                 if ( empty( $_POST ) )
 168                         return;
 169
 170                 $this->updated = true;
 171
 172                 if ( isset( $_POST['resetheader'] ) ) {
 173                         check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
 174                         remove_theme_mod( 'header_image' );
 175                         return;
 176                 }
 177
 178                 if ( isset( $_POST['resettext'] ) ) {
 179                         check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
 180                         remove_theme_mod('header_textcolor');
 181                         return;
 182                 }
 183
 184                 if ( isset( $_POST['removeheader'] ) ) {
 185                         check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
 186                         set_theme_mod( 'header_image', '' );
 187                         return;
 188                 }
 189
 190                 if ( isset( $_POST['text-color'] ) ) {
 191                         check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
 192                         $_POST['text-color'] = str_replace( '#', '', $_POST['text-color'] );
 193                         if ( 'blank' == $_POST['text-color'] ) {
 194                                 set_theme_mod( 'header_textcolor', 'blank' );
 195                         } else {
 196                                 $color = preg_replace('/[^0-9a-fA-F]/', '', $_POST['text-color']);
 197                                 if ( strlen($color) == 6 || strlen($color) == 3 )
 198                                         set_theme_mod('header_textcolor', $color);
 199                         }
 200                 }
 201
 202                 if ( isset($_POST['default-header']) ) {
 203                         check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
 204                         $this->process_default_headers();
 205                         if ( isset($this->default_headers[$_POST['default-header']]) )
 206                                 set_theme_mod('header_image', esc_url($this->default_headers[$_POST['default-header']]['url']));
 207                 }
 208         }
 209
 210         /**
 211          * Process the default headers
 212          *
 213          * @since 3.0.0
 214          */
 215         function process_default_headers() {
 216                 global $_wp_default_headers;
 217
 218                 if ( !empty($this->headers) )
 219                         return;
 220
 221                 if ( !isset($_wp_default_headers) )
 222                         return;
 223
 224                 $this->default_headers = $_wp_default_headers;
 225                 foreach ( array_keys($this->default_headers) as $header ) {
 226                         $this->default_headers[$header]['url'] =  sprintf( $this->default_headers[$header]['url'], get_template_directory_uri(), get_stylesheet_directory_uri() );
 227                         $this->default_headers[$header]['thumbnail_url'] =  sprintf( $this->default_headers[$header]['thumbnail_url'], get_template_directory_uri(), get_stylesheet_directory_uri() );
 228                 }
 229         }
 230
 231         /**
 232          * Display UI for selecting one of several default headers.
 233          *
 234          * @since 3.0.0
 235          */
 236         function show_default_header_selector() {
 237                 echo '<div id="available-headers">';
 238                 foreach ( $this->default_headers as $header_key => $header ) {
 239                         $header_thumbnail = $header['thumbnail_url'];
 240                         $header_url = $header['url'];
 241                         $header_desc = $header['description'];
 242                         echo '<div class="default-header">';
 243                         echo '<label><input name="default-header" type="radio" value="' . esc_attr($header_key) . '" ' . checked($header_url, get_theme_mod( 'header_image' ), false) . ' />';
 244                         echo '<img src="' . $header_thumbnail . '" alt="' . esc_attr($header_desc) .'" title="' . esc_attr($header_desc) .'" /></label>';
 245                         echo '</div>';
 246                 }
 247                 echo '<div class="clear"></div></div>';
 248         }
 249
 250         /**
 251          * Execute Javascript depending on step.
 252          *
 253          * @since 2.1.0
 254          */
 255         function js() {
 256                 $step = $this->step();
 257                 if ( ( 1 == $step || 3 == $step ) && $this->header_text() )
 258                         $this->js_1();
 259                 elseif ( 2 == $step )
 260                         $this->js_2();
 261         }
 262
 263         /**
 264          * Display Javascript based on Step 1 and 3.
 265          *
 266          * @since 2.6.0
 267          */
 268         function js_1() { ?>
 269 <script type="text/javascript">
 270 /* <![CDATA[ */
 271         var text_objects = ['#name', '#desc', '#text-color-row'];
 272         var farbtastic;
 273         var default_color = '#<?php echo HEADER_TEXTCOLOR; ?>';
 274         var old_color = null;
 275
 276         function pickColor(color) {
 277                 jQuery('#name').css('color', color);
 278                 jQuery('#desc').css('color', color);
 279                 jQuery('#text-color').val(color);
 280                 farbtastic.setColor(color);
 281         }
 282
 283         function toggle_text(s) {
 284                 if (jQuery(s).attr('id') == 'showtext' && jQuery('#text-color').val() != 'blank')
 285                         return;
 286
 287                 if (jQuery(s).attr('id') == 'hidetext' && jQuery('#text-color').val() == 'blank')
 288                         return;
 289
 290                 if (jQuery('#text-color').val() == 'blank') {
 291                         //Show text
 292                         if (old_color == '#blank')
 293                                 old_color = default_color;
 294
 295                         jQuery( text_objects.toString() ).show();
 296                         jQuery('#text-color').val(old_color);
 297                         jQuery('#name').css('color', old_color);
 298                         jQuery('#desc').css('color', old_color);
 299                         pickColor(old_color);
 300                 } else {
 301                         //Hide text
 302                         jQuery( text_objects.toString() ).hide();
 303                         old_color = jQuery('#text-color').val();
 304                         jQuery('#text-color').val('blank');
 305                 }
 306         }
 307
 308         jQuery(document).ready(function() {
 309                 jQuery('#pickcolor').click(function() {
 310                         jQuery('#color-picker').show();
 311                 });
 312
 313                 jQuery('input[name="hidetext"]').click(function() {
 314                         toggle_text(this);
 315                 });
 316
 317                 jQuery('#defaultcolor').click(function() {
 318                         pickColor(default_color);
 319                         jQuery('#text-color').val(default_color)
 320                 });
 321
 322                 jQuery('#text-color').keyup(function() {
 323                         var _hex = jQuery('#text-color').val();
 324                         var hex = _hex;
 325                         if ( hex[0] != '#' )
 326                                 hex = '#' + hex;
 327                         hex = hex.replace(/[^#a-fA-F0-9]+/, '');
 328                         if ( hex != _hex )
 329                                 jQuery('#text-color').val(hex);
 330                         if ( hex.length == 4 || hex.length == 7 )
 331                                 pickColor( hex );
 332                 });
 333
 334                 jQuery(document).mousedown(function(){
 335                         jQuery('#color-picker').each( function() {
 336                                 var display = jQuery(this).css('display');
 337                                 if (display == 'block')
 338                                         jQuery(this).fadeOut(2);
 339                         });
 340                 });
 341
 342                 farbtastic = jQuery.farbtastic('#color-picker', function(color) { pickColor(color); });
 343                 <?php if ( $color = get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) ) { ?>
 344                 pickColor('#<?php echo $color; ?>');
 345                 <?php } ?>
 346
 347                 <?php if ( 'blank' == get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) || '' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || ! $this->header_text() ) { ?>
 348                 toggle_text();
 349                 <?php } ?>
 350                 });
 351 </script>
 352 <?php
 353         }
 354
 355         /**
 356          * Display Javascript based on Step 2.
 357          *
 358          * @since 2.6.0
 359          */
 360         function js_2() { ?>
 361 <script type="text/javascript">
 362 /* <![CDATA[ */
 363         function onEndCrop( coords ) {
 364                 jQuery( '#x1' ).val(coords.x);
 365                 jQuery( '#y1' ).val(coords.y);
 366                 jQuery( '#width' ).val(coords.w);
 367                 jQuery( '#height' ).val(coords.h);
 368         }
 369
 370         jQuery(document).ready(function() {
 371                 var xinit = <?php echo HEADER_IMAGE_WIDTH; ?>;
 372                 var yinit = <?php echo HEADER_IMAGE_HEIGHT; ?>;
 373                 var ratio = xinit / yinit;
 374                 var ximg = jQuery('img#upload').width();
 375                 var yimg = jQuery('img#upload').height();
 376
 377                 if ( yimg < yinit || ximg < xinit ) {
 378                         if ( ximg / yimg > ratio ) {
 379                                 yinit = yimg;
 380                                 xinit = yinit * ratio;
 381                         } else {
 382                                 xinit = ximg;
 383                                 yinit = xinit / ratio;
 384                         }
 385                 }
 386
 387                 jQuery('img#upload').imgAreaSelect({
 388                         handles: true,
 389                         keys: true,
 390                         aspectRatio: xinit + ':' + yinit,
 391                         show: true,
 392                         x1: 0,
 393                         y1: 0,
 394                         x2: xinit,
 395                         y2: yinit,
 396                         maxHeight: <?php echo HEADER_IMAGE_HEIGHT; ?>,
 397                         maxWidth: <?php echo HEADER_IMAGE_WIDTH; ?>,
 398                         onInit: function () {
 399                                 jQuery('#width').val(xinit);
 400                                 jQuery('#height').val(yinit);
 401                         },
 402                         onSelectChange: function(img, c) {
 403                                 jQuery('#x1').val(c.x1);
 404                                 jQuery('#y1').val(c.y1);
 405                                 jQuery('#width').val(c.width);
 406                                 jQuery('#height').val(c.height);
 407                         }
 408                 });
 409         });
 410 /* ]]> */
 411 </script>
 412 <?php
 413         }
 414
 415         /**
 416          * Display first step of custom header image page.
 417          *
 418          * @since 2.1.0
 419          */
 420         function step_1() {
 421                 $this->process_default_headers();
 422 ?>
 423
 424 <div class="wrap">
 425 <?php screen_icon(); ?>
 426 <h2><?php _e('Custom Header'); ?></h2>
 427
 428 <?php if ( ! empty( $this->updated ) ) { ?>
 429 <div id="message" class="updated">
 430 <p><?php printf( __( 'Header updated. <a href="%s">Visit your site</a> to see how it looks.' ), home_url( '/' ) ); ?></p>
 431 </div>
 432 <?php } ?>
 433
 434 <h3><?php _e( 'Header Image' ) ?></h3>
 435 <table class="form-table">
 436 <tbody>
 437
 438
 439 <tr valign="top">
 440 <th scope="row"><?php _e( 'Preview' ); ?></th>
 441 <td >
 442         <?php if ( $this->admin_image_div_callback ) {
 443           call_user_func( $this->admin_image_div_callback );
 444         } else {
 445         ?>
 446         <div id="headimg" style="max-width:<?php echo HEADER_IMAGE_WIDTH; ?>px;height:<?php echo HEADER_IMAGE_HEIGHT; ?>px;background-image:url(<?php esc_url ( header_image() ) ?>);">
 447                 <?php
 448                 if ( 'blank' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || '' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || ! $this->header_text() )
 449                         $style = ' style="display:none;"';
 450                 else
 451                         $style = ' style="color:#' . get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) . ';"';
 452                 ?>
 453                 <h1><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php bloginfo('url'); ?>"><?php bloginfo( 'name' ); ?></a></h1>
 454                 <div id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
 455         </div>
 456         <?php } ?>
 457 </td>
 458 </tr>
 459
 460 <tr valign="top">
 461 <th scope="row"><?php _e( 'Upload Image' ); ?></th>
 462 <td>
 463         <p><?php _e( 'You can upload a custom header image to be shown at the top of your site instead of the default one. On the next screen you will be able to crop the image.' ); ?><br />
 464         <?php printf( __( 'Images of exactly <strong>%1$d &times; %2$d pixels</strong> will be used as-is.' ), HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT ); ?></p>
 465         <form enctype="multipart/form-data" id="upload-form" method="post" action="<?php echo esc_attr( add_query_arg( 'step', 2 ) ) ?>">
 466         <p>
 467                 <label for="upload"><?php _e( 'Choose an image from your computer:' ); ?></label><br />
 468                 <input type="file" id="upload" name="import" />
 469                 <input type="hidden" name="action" value="save" />
 470                 <?php wp_nonce_field( 'custom-header-upload', '_wpnonce-custom-header-upload' ) ?>
 471                 <input type="submit" class="button" value="<?php esc_attr_e( 'Upload' ); ?>" />
 472         </p>
 473         </form>
 474 </td>
 475 </tr>
 476 </tbody>
 477 </table>
 478
 479 <form method="post" action="<?php echo esc_attr( add_query_arg( 'step', 1 ) ) ?>">
 480 <table class="form-table">
 481 <tbody>
 482         <?php if ( ! empty( $this->default_headers ) ) : ?>
 483 <tr valign="top">
 484 <th scope="row"><?php _e( 'Default Images' ); ?></th>
 485 <td>
 486         <p><?php _e( 'If you don&lsquo;t want to upload your own image, you can use one of these cool headers.' ) ?></p>
 487         <?php
 488                 $this->show_default_header_selector();
 489         ?>
 490 </td>
 491 </tr>
 492         <?php endif;
 493
 494         if ( get_header_image() ) : ?>
 495 <tr valign="top">
 496 <th scope="row"><?php _e( 'Remove Image' ); ?></th>
 497 <td>
 498         <p><?php _e( 'This will remove the header image. You will not be able to restore any customizations.' ) ?></p>
 499         <input type="submit" class="button" name="removeheader" value="<?php esc_attr_e( 'Remove Header Image' ); ?>" />
 500 </td>
 501 </tr>
 502         <?php endif;
 503
 504         if ( defined( 'HEADER_IMAGE' ) ) : ?>
 505 <tr valign="top">
 506 <th scope="row"><?php _e( 'Reset Image' ); ?></th>
 507 <td>
 508         <p><?php _e( 'This will restore the original header image. You will not be able to restore any customizations.' ) ?></p>
 509         <input type="submit" class="button" name="resetheader" value="<?php esc_attr_e( 'Restore Original Header Image' ); ?>" />
 510 </td>
 511 </tr>
 512         <?php endif; ?>
 513 </tbody>
 514 </table>
 515
 516         <?php if ( $this->header_text() ) : ?>
 517 <h3><?php _e( 'Header Text' ) ?></h3>
 518 <table class="form-table">
 519 <tbody>
 520 <tr valign="top" class="hide-if-no-js">
 521 <th scope="row"><?php _e( 'Display Text' ); ?></th>
 522 <td>
 523         <p>
 524         <?php $hidetext = get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ); ?>
 525         <label><input type="radio" value="1" name="hidetext" id="hidetext"<?php checked( ( 'blank' == $hidetext || empty( $hidetext ) )  ? true : false ); ?> /> <?php _e( 'No' ); ?></label>
 526         <label><input type="radio" value="0" name="hidetext" id="showtext"<?php checked( ( 'blank' == $hidetext || empty( $hidetext ) ) ? false : true ); ?> /> <?php _e( 'Yes' ); ?></label>
 527         </p>
 528 </td>
 529 </tr>
 530
 531 <tr valign="top" id="text-color-row">
 532 <th scope="row"><?php _e( 'Text Color' ); ?></th>
 533 <td>
 534         <p>
 535                 <input type="text" name="text-color" id="text-color" value="#<?php echo esc_attr( get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) ); ?>" />
 536                 <span class="description hide-if-js"><?php _e( 'If you want to hide header text, add <strong>#blank</strong> as text color.' );?></span>
 537                 <input type="button" class="button hide-if-no-js" value="<?php esc_attr_e( 'Select a Color' ); ?>" id="pickcolor" />
 538         </p>
 539         <div id="color-picker" style="z-index: 100; background:#eee; border:1px solid #ccc; position:absolute; display:none;"></div>
 540 </td>
 541 </tr>
 542
 543         <?php if ( defined('HEADER_TEXTCOLOR') && get_theme_mod('header_textcolor') ) { ?>
 544 <tr valign="top">
 545 <th scope="row"><?php _e('Reset Text Color'); ?></th>
 546 <td>
 547         <p><?php _e( 'This will restore the original header text. You will not be able to restore any customizations.' ) ?></p>
 548         <input type="submit" class="button" name="resettext" value="<?php esc_attr_e( 'Restore Original Header Text' ); ?>" />
 549 </td>
 550 </tr>
 551         <?php } ?>
 552
 553 </tbody>
 554 </table>
 555         <?php endif;
 556
 557 wp_nonce_field( 'custom-header-options', '_wpnonce-custom-header-options' ); ?>
 558 <p class="submit"><input type="submit" class="button-primary" name="save-header-options" value="<?php esc_attr_e( 'Save Changes' ); ?>" /></p>
 559 </form>
 560 </div>
 561
 562 <?php }
 563
 564         /**
 565          * Display second step of custom header image page.
 566          *
 567          * @since 2.1.0
 568          */
 569         function step_2() {
 570                 check_admin_referer('custom-header-upload', '_wpnonce-custom-header-upload');
 571                 $overrides = array('test_form' => false);
 572                 $file = wp_handle_upload($_FILES['import'], $overrides);
 573
 574                 if ( isset($file['error']) )
 575                         wp_die( $file['error'],  __( 'Image Upload Error' ) );
 576
 577                 $url = $file['url'];
 578                 $type = $file['type'];
 579                 $file = $file['file'];
 580                 $filename = basename($file);
 581
 582                 // Construct the object array
 583                 $object = array(
 584                 'post_title' => $filename,
 585                 'post_content' => $url,
 586                 'post_mime_type' => $type,
 587                 'guid' => $url);
 588
 589                 // Save the data
 590                 $id = wp_insert_attachment($object, $file);
 591
 592                 list($width, $height, $type, $attr) = getimagesize( $file );
 593
 594                 if ( $width == HEADER_IMAGE_WIDTH && $height == HEADER_IMAGE_HEIGHT ) {
 595                         // Add the meta-data
 596                         wp_update_attachment_metadata( $id, wp_generate_attachment_metadata( $id, $file ) );
 597
 598                         set_theme_mod('header_image', esc_url($url));
 599                         do_action('wp_create_file_in_uploads', $file, $id); // For replication
 600                         return $this->finished();
 601                 } elseif ( $width > HEADER_IMAGE_WIDTH ) {
 602                         $oitar = $width / HEADER_IMAGE_WIDTH;
 603                         $image = wp_crop_image($file, 0, 0, $width, $height, HEADER_IMAGE_WIDTH, $height / $oitar, false, str_replace(basename($file), 'midsize-'.basename($file), $file));
 604                         if ( is_wp_error( $image ) )
 605                                 wp_die( __( 'Image could not be processed.  Please go back and try again.' ), __( 'Image Processing Error' ) );
 606
 607                         $image = apply_filters('wp_create_file_in_uploads', $image, $id); // For replication
 608
 609                         $url = str_replace(basename($url), basename($image), $url);
 610                         $width = $width / $oitar;
 611                         $height = $height / $oitar;
 612                 } else {
 613                         $oitar = 1;
 614                 }
 615                 ?>
 616
 617 <div class="wrap">
 618 <?php screen_icon(); ?>
 619 <h2><?php _e( 'Crop Header Image' ); ?></h2>
 620
 621 <form method="post" action="<?php echo esc_attr(add_query_arg('step', 3)); ?>">
 622         <p class="hide-if-no-js"><?php _e('Choose the part of the image you want to use as your header.'); ?></p>
 623         <p class="hide-if-js"><strong><?php _e( 'You need Javascript to choose a part of the image.'); ?></strong></p>
 624
 625         <div id="crop_image" style="position: relative">
 626                 <img src="<?php echo esc_url( $url ); ?>" id="upload" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />
 627         </div>
 628
 629         <p class="submit">
 630         <input type="hidden" name="x1" id="x1" value="0"/>
 631         <input type="hidden" name="y1" id="y1" value="0"/>
 632         <input type="hidden" name="width" id="width" value="<?php echo esc_attr( $width ); ?>"/>
 633         <input type="hidden" name="height" id="height" value="<?php echo esc_attr( $height ); ?>"/>
 634         <input type="hidden" name="attachment_id" id="attachment_id" value="<?php echo esc_attr( $id ); ?>" />
 635         <input type="hidden" name="oitar" id="oitar" value="<?php echo esc_attr( $oitar ); ?>" />
 636         <?php wp_nonce_field( 'custom-header-crop-image' ) ?>
 637         <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Crop and Publish' ); ?>" />
 638         </p>
 639 </form>
 640 </div>
 641                 <?php
 642         }
 643
 644         /**
 645          * Display third step of custom header image page.
 646          *
 647          * @since 2.1.0
 648          */
 649         function step_3() {
 650                 check_admin_referer('custom-header-crop-image');
 651                 if ( $_POST['oitar'] > 1 ) {
 652                         $_POST['x1'] = $_POST['x1'] * $_POST['oitar'];
 653                         $_POST['y1'] = $_POST['y1'] * $_POST['oitar'];
 654                         $_POST['width'] = $_POST['width'] * $_POST['oitar'];
 655                         $_POST['height'] = $_POST['height'] * $_POST['oitar'];
 656                 }
 657
 658                 $original = get_attached_file( $_POST['attachment_id'] );
 659
 660                 $cropped = wp_crop_image($_POST['attachment_id'], $_POST['x1'], $_POST['y1'], $_POST['width'], $_POST['height'], HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT);
 661                 if ( is_wp_error( $cropped ) )
 662                         wp_die( __( 'Image could not be processed.  Please go back and try again.' ), __( 'Image Processing Error' ) );
 663
 664                 $cropped = apply_filters('wp_create_file_in_uploads', $cropped, $_POST['attachment_id']); // For replication
 665
 666                 $parent = get_post($_POST['attachment_id']);
 667                 $parent_url = $parent->guid;
 668                 $url = str_replace(basename($parent_url), basename($cropped), $parent_url);
 669
 670                 // Construct the object array
 671                 $object = array(
 672                         'ID' => $_POST['attachment_id'],
 673                         'post_title' => basename($cropped),
 674                         'post_content' => $url,
 675                         'post_mime_type' => 'image/jpeg',
 676                         'guid' => $url
 677                 );
 678
 679                 // Update the attachment
 680                 wp_insert_attachment($object, $cropped);
 681                 wp_update_attachment_metadata( $_POST['attachment_id'], wp_generate_attachment_metadata( $_POST['attachment_id'], $cropped ) );
 682
 683                 set_theme_mod('header_image', $url);
 684
 685                 // cleanup
 686                 $medium = str_replace(basename($original), 'midsize-'.basename($original), $original);
 687                 @unlink( apply_filters( 'wp_delete_file', $medium ) );
 688                 @unlink( apply_filters( 'wp_delete_file', $original ) );
 689
 690                 return $this->finished();
 691         }
 692
 693         /**
 694          * Display last step of custom header image page.
 695          *
 696          * @since 2.1.0
 697          */
 698         function finished() {
 699                 $this->updated = true;
 700                 $this->step_1();
 701         }
 702
 703         /**
 704          * Display the page based on the current step.
 705          *
 706          * @since 2.1.0
 707          */
 708         function admin_page() {
 709                 if ( ! current_user_can('edit_theme_options') )
 710                         wp_die(__('You do not have permission to customize headers.'));
 711                 $step = $this->step();
 712                 if ( 1 == $step )
 713                         $this->step_1();
 714                 elseif ( 2 == $step )
 715                         $this->step_2();
 716                 elseif ( 3 == $step )
 717                         $this->step_3();
 718         }
 719
 720 }
 721 ?>