3 * The custom header image script.
6 * @subpackage Administration
10 * The custom header image class.
14 * @subpackage Administration
16 class Custom_Image_Header {
19 * Callback for administration header.
25 var $admin_header_callback;
28 * Callback for header div.
34 var $admin_image_div_callback;
37 * Holds default headers.
43 var $default_headers = array();
46 * Holds custom headers uploaded by the user
52 var $uploaded_headers = array();
55 * Holds the page menu hook.
64 * Constructor - Register administration header callback.
67 * @param callback $admin_header_callback
68 * @param callback $admin_image_div_callback Optional custom image div output callback.
69 * @return Custom_Image_Header
71 function __construct($admin_header_callback, $admin_image_div_callback = '') {
72 $this->admin_header_callback = $admin_header_callback;
73 $this->admin_image_div_callback = $admin_image_div_callback;
75 add_action( 'admin_menu', array( $this, 'init' ) );
79 * Set up the hooks for the Custom Header admin page.
84 if ( ! current_user_can('edit_theme_options') )
87 $this->page = $page = add_theme_page(__('Header'), __('Header'), 'edit_theme_options', 'custom-header', array(&$this, 'admin_page'));
89 add_action("admin_print_scripts-$page", array(&$this, 'js_includes'));
90 add_action("admin_print_styles-$page", array(&$this, 'css_includes'));
91 add_action("admin_head-$page", array(&$this, 'help') );
92 add_action("admin_head-$page", array(&$this, 'take_action'), 50);
93 add_action("admin_head-$page", array(&$this, 'js'), 50);
94 if ( $this->admin_header_callback )
95 add_action("admin_head-$page", $this->admin_header_callback, 51);
97 if ( isset( $_REQUEST['context'] ) && $_REQUEST['context'] == 'custom-header' ) {
98 add_filter( 'attachment_fields_to_edit', array( $this, 'attachment_fields_to_edit' ), 10, 2 );
99 add_filter( 'media_upload_tabs', array( $this, 'filter_upload_tabs' ) );
100 add_filter( 'media_upload_mime_type_links', '__return_empty_array' );
105 * Adds contextual help.
110 get_current_screen()->add_help_tab( array(
112 'title' => __('Overview'),
114 '<p>' . __( 'This screen is used to customize the header section of your theme.') . '</p>' .
115 '<p>' . __( 'You can choose from the theme’s default header images, or use one of your own. You can also customize how your Site Title and Tagline are displayed.') . '<p>'
118 get_current_screen()->add_help_tab( array(
119 'id' => 'set-header-image',
120 'title' => __('Header Image'),
122 '<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. Alternatively, you can use an image that has already been uploaded to your Media Library by clicking the “Choose Image” button.' ) . '</p>' .
123 '<p>' . __( 'Some themes come with additional header images bundled. If you see multiple images displayed, select the one you’d like and click the “Save Changes” button.' ) . '</p>' .
124 '<p>' . __( 'If your theme has more than one default header image, or you have uploaded more than one custom header image, you have the option of having WordPress display a randomly different image on each page of your site. Click the “Random” radio button next to the Uploaded Images or Default Images section to enable this feature.') . '</p>' .
125 '<p>' . __( 'If you don’t want a header image to be displayed on your site at all, click the “Remove Header Image” button at the bottom of the Header Image section of this page. If you want to re-enable the header image later, you just have to select one of the other image options and click “Save Changes”.') . '</p>'
128 get_current_screen()->add_help_tab( array(
129 'id' => 'set-header-text',
130 'title' => __('Header Text'),
132 '<p>' . sprintf( __( 'For most themes, the header text is your Site Title and Tagline, as defined in the <a href="%1$s">General Settings</a> section.' ), admin_url( 'options-general.php' ) ) . '<p>' .
133 '<p>' . __( 'In the Header Text section of this page, you can choose whether to display this text or hide it. You can also choose a color for the text by typing in a legitimate HTML hex value (eg: “#ff0000” for red) or by clicking “Select a Color” and dialing in a color using the color picker.') . '</p>' .
134 '<p>' . __( 'Don’t forget to Save Changes when you’re done!') . '</p>'
137 get_current_screen()->set_help_sidebar(
138 '<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
139 '<p>' . __( '<a href="http://codex.wordpress.org/Appearance_Header_Screen" target="_blank">Documentation on Custom Header</a>' ) . '</p>' .
140 '<p>' . __( '<a href="http://wordpress.org/support/" target="_blank">Support Forums</a>' ) . '</p>'
145 * Get the current step.
149 * @return int Current step
152 if ( ! isset( $_GET['step'] ) )
155 $step = (int) $_GET['step'];
156 if ( $step < 1 || 3 < $step ||
157 ( 2 == $step && ! wp_verify_nonce( $_REQUEST['_wpnonce-custom-header-upload'], 'custom-header-upload' ) ) ||
158 ( 3 == $step && ! wp_verify_nonce( $_REQUEST['_wpnonce'], 'custom-header-crop-image' ) )
166 * Set up the enqueue for the JavaScript files.
170 function js_includes() {
171 $step = $this->step();
173 if ( ( 1 == $step || 3 == $step ) ) {
175 wp_enqueue_script( 'media-upload' );
176 wp_enqueue_script( 'custom-header' );
177 if ( current_theme_supports( 'custom-header', 'header-text' ) )
178 wp_enqueue_script('farbtastic');
179 } elseif ( 2 == $step ) {
180 wp_enqueue_script('imgareaselect');
185 * Set up the enqueue for the CSS files
189 function css_includes() {
190 $step = $this->step();
192 if ( ( 1 == $step || 3 == $step ) && current_theme_supports( 'custom-header', 'header-text' ) )
193 wp_enqueue_style('farbtastic');
194 elseif ( 2 == $step )
195 wp_enqueue_style('imgareaselect');
199 * Execute custom header modification.
203 function take_action() {
204 if ( ! current_user_can('edit_theme_options') )
207 if ( empty( $_POST ) )
210 $this->updated = true;
212 if ( isset( $_POST['resetheader'] ) ) {
213 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
214 $this->reset_header_image();
218 if ( isset( $_POST['resettext'] ) ) {
219 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
220 remove_theme_mod('header_textcolor');
224 if ( isset( $_POST['removeheader'] ) ) {
225 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
226 $this->remove_header_image();
230 if ( isset( $_POST['text-color'] ) && ! isset( $_POST['display-header-text'] ) ) {
231 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
232 set_theme_mod( 'header_textcolor', 'blank' );
233 } elseif ( isset( $_POST['text-color'] ) ) {
234 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
235 $_POST['text-color'] = str_replace( '#', '', $_POST['text-color'] );
236 $color = preg_replace('/[^0-9a-fA-F]/', '', $_POST['text-color']);
237 if ( strlen($color) == 6 || strlen($color) == 3 )
238 set_theme_mod('header_textcolor', $color);
240 set_theme_mod( 'header_textcolor', 'blank' );
243 if ( isset( $_POST['default-header'] ) ) {
244 check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
245 $this->set_header_image( $_POST['default-header'] );
251 * Process the default headers
255 function process_default_headers() {
256 global $_wp_default_headers;
258 if ( !empty($this->headers) )
261 if ( !isset($_wp_default_headers) )
264 $this->default_headers = $_wp_default_headers;
265 $template_directory_uri = get_template_directory_uri();
266 $stylesheet_directory_uri = get_stylesheet_directory_uri();
267 foreach ( array_keys($this->default_headers) as $header ) {
268 $this->default_headers[$header]['url'] = sprintf( $this->default_headers[$header]['url'], $template_directory_uri, $stylesheet_directory_uri );
269 $this->default_headers[$header]['thumbnail_url'] = sprintf( $this->default_headers[$header]['thumbnail_url'], $template_directory_uri, $stylesheet_directory_uri );
275 * Display UI for selecting one of several default headers.
277 * Show the random image option if this theme has multiple header images.
278 * Random image option is on by default if no header has been set.
282 function show_header_selector( $type = 'default' ) {
283 if ( 'default' == $type ) {
284 $headers = $this->default_headers;
286 $headers = get_uploaded_header_images();
290 if ( 1 < count( $headers ) ) {
291 echo '<div class="random-header">';
292 echo '<label><input name="default-header" type="radio" value="random-' . $type . '-image"' . checked( is_random_header_image( $type ), true, false ) . ' />';
293 echo __( '<strong>Random:</strong> Show a different image on each page.' );
298 echo '<div class="available-headers">';
299 foreach ( $headers as $header_key => $header ) {
300 $header_thumbnail = $header['thumbnail_url'];
301 $header_url = $header['url'];
302 $header_desc = empty( $header['description'] ) ? '' : $header['description'];
303 echo '<div class="default-header">';
304 echo '<label><input name="default-header" type="radio" value="' . esc_attr( $header_key ) . '" ' . checked( $header_url, get_theme_mod( 'header_image' ), false ) . ' />';
306 if ( !empty( $header['attachment_id'] ) )
307 $width = ' width="230"';
308 echo '<img src="' . set_url_scheme( $header_thumbnail ) . '" alt="' . esc_attr( $header_desc ) .'" title="' . esc_attr( $header_desc ) . '"' . $width . ' /></label>';
311 echo '<div class="clear"></div></div>';
315 * Execute Javascript depending on step.
320 $step = $this->step();
321 if ( ( 1 == $step || 3 == $step ) && current_theme_supports( 'custom-header', 'header-text' ) )
323 elseif ( 2 == $step )
328 * Display Javascript based on Step 1 and 3.
333 <script type="text/javascript">
337 var default_color = '#<?php echo get_theme_support( 'custom-header', 'default-text-color' ); ?>',
340 function pickColor(color) {
341 $('#name').css('color', color);
342 $('#desc').css('color', color);
343 $('#text-color').val(color);
344 farbtastic.setColor(color);
347 function toggle_text() {
348 var checked = $('#display-header-text').prop('checked'),
350 header_text_fields.toggle( checked );
353 text_color = $('#text-color');
354 if ( '' == text_color.val().replace('#', '') ) {
355 text_color.val( default_color );
356 pickColor( default_color );
358 pickColor( text_color.val() );
362 $(document).ready(function() {
363 header_text_fields = $('.displaying-header-text');
364 $('#pickcolor').click(function(e) {
366 $('#color-picker').show();
369 $('#display-header-text').click( toggle_text );
371 $('#defaultcolor').click(function() {
372 pickColor(default_color);
373 $('#text-color').val(default_color);
376 $('#text-color').keyup(function() {
377 var _hex = $('#text-color').val();
381 hex = hex.replace(/[^#a-fA-F0-9]+/, '');
383 $('#text-color').val(hex);
384 if ( hex.length == 4 || hex.length == 7 )
388 $(document).mousedown(function(){
389 $('#color-picker').each( function() {
390 var display = $(this).css('display');
391 if (display == 'block')
396 farbtastic = $.farbtastic('#color-picker', function(color) { pickColor(color); });
397 <?php if ( display_header_text() ) { ?>
398 pickColor('#<?php echo get_header_textcolor(); ?>');
410 * Display Javascript based on Step 2.
415 <script type="text/javascript">
417 function onEndCrop( coords ) {
418 jQuery( '#x1' ).val(coords.x);
419 jQuery( '#y1' ).val(coords.y);
420 jQuery( '#width' ).val(coords.w);
421 jQuery( '#height' ).val(coords.h);
424 jQuery(document).ready(function() {
425 var xinit = <?php echo absint( get_theme_support( 'custom-header', 'width' ) ); ?>;
426 var yinit = <?php echo absint( get_theme_support( 'custom-header', 'height' ) ); ?>;
427 var ratio = xinit / yinit;
428 var ximg = jQuery('img#upload').width();
429 var yimg = jQuery('img#upload').height();
431 if ( yimg < yinit || ximg < xinit ) {
432 if ( ximg / yimg > ratio ) {
434 xinit = yinit * ratio;
437 yinit = xinit / ratio;
441 jQuery('img#upload').imgAreaSelect({
450 if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
452 aspectRatio: xinit + ':' + yinit,
455 if ( ! current_theme_supports( 'custom-header', 'flex-height' ) ) {
457 maxHeight: <?php echo get_theme_support( 'custom-header', 'height' ); ?>,
460 if ( ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
462 maxWidth: <?php echo get_theme_support( 'custom-header', 'width' ); ?>,
466 onInit: function () {
467 jQuery('#width').val(xinit);
468 jQuery('#height').val(yinit);
470 onSelectChange: function(img, c) {
471 jQuery('#x1').val(c.x1);
472 jQuery('#y1').val(c.y1);
473 jQuery('#width').val(c.width);
474 jQuery('#height').val(c.height);
484 * Display first step of custom header image page.
489 $this->process_default_headers();
493 <?php screen_icon(); ?>
494 <h2><?php _e('Custom Header'); ?></h2>
496 <?php if ( ! empty( $this->updated ) ) { ?>
497 <div id="message" class="updated">
498 <p><?php printf( __( 'Header updated. <a href="%s">Visit your site</a> to see how it looks.' ), home_url( '/' ) ); ?></p>
502 <h3><?php _e( 'Header Image' ); ?></h3>
504 <table class="form-table">
508 <th scope="row"><?php _e( 'Preview' ); ?></th>
510 <?php if ( $this->admin_image_div_callback ) {
511 call_user_func( $this->admin_image_div_callback );
514 <div id="headimg" style="background-image:url(<?php esc_url ( header_image() ) ?>);max-width:<?php echo get_custom_header()->width; ?>px;height:<?php echo get_custom_header()->height; ?>px;">
516 if ( display_header_text() )
517 $style = ' style="color:#' . get_header_textcolor() . ';"';
519 $style = ' style="display:none;"';
521 <h1><a id="name" class="displaying-header-text" <?php echo $style; ?> onclick="return false;" href="<?php bloginfo('url'); ?>"><?php bloginfo( 'name' ); ?></a></h1>
522 <div id="desc" class="displaying-header-text" <?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
527 <?php if ( current_theme_supports( 'custom-header', 'uploads' ) ) : ?>
529 <th scope="row"><?php _e( 'Select Image' ); ?></th>
531 <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 />
533 if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
534 printf( __( 'Images of exactly <strong>%1$d × %2$d pixels</strong> will be used as-is.' ) . '<br />', get_theme_support( 'custom-header', 'width' ), get_theme_support( 'custom-header', 'height' ) );
535 } elseif ( current_theme_supports( 'custom-header', 'flex-height' ) ) {
536 if ( ! current_theme_supports( 'custom-header', 'flex-width' ) )
537 printf( __( 'Images should be at least <strong>%1$d pixels</strong> wide.' ) . ' ', get_theme_support( 'custom-header', 'width' ) );
538 } elseif ( current_theme_supports( 'custom-header', 'flex-width' ) ) {
539 if ( ! current_theme_supports( 'custom-header', 'flex-height' ) )
540 printf( __( 'Images should be at least <strong>%1$d pixels</strong> tall.' ) . ' ', get_theme_support( 'custom-header', 'height' ) );
542 if ( current_theme_supports( 'custom-header', 'flex-height' ) || current_theme_supports( 'custom-header', 'flex-width' ) ) {
543 if ( current_theme_supports( 'custom-header', 'width' ) )
544 printf( __( 'Suggested width is <strong>%1$d pixels</strong>.' ) . ' ', get_theme_support( 'custom-header', 'width' ) );
545 if ( current_theme_supports( 'custom-header', 'height' ) )
546 printf( __( 'Suggested height is <strong>%1$d pixels</strong>.' ) . ' ', get_theme_support( 'custom-header', 'height' ) );
549 <form enctype="multipart/form-data" id="upload-form" method="post" action="<?php echo esc_attr( add_query_arg( 'step', 2 ) ) ?>">
551 <label for="upload"><?php _e( 'Choose an image from your computer:' ); ?></label><br />
552 <input type="file" id="upload" name="import" />
553 <input type="hidden" name="action" value="save" />
554 <?php wp_nonce_field( 'custom-header-upload', '_wpnonce-custom-header-upload' ); ?>
555 <?php submit_button( __( 'Upload' ), 'button', 'submit', false ); ?>
558 $image_library_url = get_upload_iframe_src( 'image', null, 'library' );
559 $image_library_url = remove_query_arg( 'TB_iframe', $image_library_url );
560 $image_library_url = add_query_arg( array( 'context' => 'custom-header', 'TB_iframe' => 1 ), $image_library_url );
563 <label for="choose-from-library-link"><?php _e( 'Or choose an image from your media library:' ); ?></label><br />
564 <a id="choose-from-library-link" class="button thickbox" href="<?php echo esc_url( $image_library_url ); ?>"><?php _e( 'Choose Image' ); ?></a>
573 <form method="post" action="<?php echo esc_attr( add_query_arg( 'step', 1 ) ) ?>">
574 <table class="form-table">
576 <?php if ( get_uploaded_header_images() ) : ?>
578 <th scope="row"><?php _e( 'Uploaded Images' ); ?></th>
580 <p><?php _e( 'You can choose one of your previously uploaded headers, or show a random one.' ) ?></p>
582 $this->show_header_selector( 'uploaded' );
587 if ( ! empty( $this->default_headers ) ) : ?>
589 <th scope="row"><?php _e( 'Default Images' ); ?></th>
591 <?php if ( current_theme_supports( 'custom-header', 'uploads' ) ) : ?>
592 <p><?php _e( 'If you don‘t want to upload your own image, you can use one of these cool headers, or show a random one.' ) ?></p>
594 <p><?php _e( 'You can use one of these cool headers or show a random one on each page.' ) ?></p>
597 $this->show_header_selector( 'default' );
602 if ( get_header_image() ) : ?>
604 <th scope="row"><?php _e( 'Remove Image' ); ?></th>
606 <p><?php _e( 'This will remove the header image. You will not be able to restore any customizations.' ) ?></p>
607 <?php submit_button( __( 'Remove Header Image' ), 'button', 'removeheader', false ); ?>
612 $default_image = get_theme_support( 'custom-header', 'default-image' );
613 if ( $default_image && get_header_image() != $default_image ) : ?>
615 <th scope="row"><?php _e( 'Reset Image' ); ?></th>
617 <p><?php _e( 'This will restore the original header image. You will not be able to restore any customizations.' ) ?></p>
618 <?php submit_button( __( 'Restore Original Header Image' ), 'button', 'resetheader', false ); ?>
625 <?php if ( current_theme_supports( 'custom-header', 'header-text' ) ) : ?>
627 <h3><?php _e( 'Header Text' ); ?></h3>
629 <table class="form-table">
632 <th scope="row"><?php _e( 'Header Text' ); ?></th>
635 <label><input type="checkbox" name="display-header-text" id="display-header-text"<?php checked( display_header_text() ); ?> /> <?php _e( 'Show header text with your image.' ); ?></label>
640 <tr valign="top" class="displaying-header-text">
641 <th scope="row"><?php _e( 'Text Color' ); ?></th>
644 <?php if ( display_header_text() ) : ?>
645 <input type="text" name="text-color" id="text-color" value="#<?php echo esc_attr( get_header_textcolor() ); ?>" />
647 <input type="text" name="text-color" id="text-color" value="#<?php echo esc_attr( get_theme_support( 'custom-header', 'default-text-color' ) ); ?>" />
649 <a href="#" class="hide-if-no-js" id="pickcolor"><?php _e( 'Select a Color' ); ?></a>
651 <div id="color-picker" style="z-index: 100; background:#eee; border:1px solid #ccc; position:absolute; display:none;"></div>
655 <?php if ( current_theme_supports( 'custom-header', 'default-text-color' ) && get_theme_mod( 'header_textcolor' ) ) { ?>
657 <th scope="row"><?php _e('Reset Text Color'); ?></th>
659 <p><?php _e( 'This will restore the original header text. You will not be able to restore any customizations.' ) ?></p>
660 <?php submit_button( __( 'Restore Original Header Text' ), 'button', 'resettext', false ); ?>
669 do_action( 'custom_header_options' );
671 wp_nonce_field( 'custom-header-options', '_wpnonce-custom-header-options' ); ?>
673 <?php submit_button( null, 'primary', 'save-header-options' ); ?>
680 * Display second step of custom header image page.
685 check_admin_referer('custom-header-upload', '_wpnonce-custom-header-upload');
686 if ( ! current_theme_supports( 'custom-header', 'uploads' ) )
687 wp_die( __( 'Cheatin’ uh?' ) );
689 if ( empty( $_POST ) && isset( $_GET['file'] ) ) {
690 $attachment_id = absint( $_GET['file'] );
691 $file = get_attached_file( $attachment_id, true );
692 $url = wp_get_attachment_image_src( $attachment_id, 'full');
694 } elseif ( isset( $_POST ) ) {
695 extract($this->step_2_manage_upload());
698 if ( file_exists( $file ) ) {
699 list( $width, $height, $type, $attr ) = getimagesize( $file );
701 $data = wp_get_attachment_metadata( $attachment_id );
702 $height = $data[ 'height' ];
703 $width = $data[ 'width' ];
708 // For flex, limit size of image displayed to 1500px unless theme says otherwise
709 if ( current_theme_supports( 'custom-header', 'flex-width' ) )
712 if ( current_theme_supports( 'custom-header', 'max-width' ) )
713 $max_width = max( $max_width, get_theme_support( 'custom-header', 'max-width' ) );
714 $max_width = max( $max_width, get_theme_support( 'custom-header', 'width' ) );
716 // If flexible height isn't supported and the image is the exact right size
717 if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' )
718 && $width == get_theme_support( 'custom-header', 'width' ) && $height == get_theme_support( 'custom-header', 'height' ) )
721 if ( file_exists( $file ) )
722 wp_update_attachment_metadata( $attachment_id, wp_generate_attachment_metadata( $attachment_id, $file ) );
724 $this->set_header_image( compact( 'url', 'attachment_id', 'width', 'height' ) );
726 do_action('wp_create_file_in_uploads', $file, $attachment_id); // For replication
727 return $this->finished();
728 } elseif ( $width > $max_width ) {
729 $oitar = $width / $max_width;
730 $image = wp_crop_image($attachment_id, 0, 0, $width, $height, $max_width, $height / $oitar, false, str_replace(basename($file), 'midsize-'.basename($file), $file));
731 if ( ! $image || is_wp_error( $image ) )
732 wp_die( __( 'Image could not be processed. Please go back and try again.' ), __( 'Image Processing Error' ) );
734 $image = apply_filters('wp_create_file_in_uploads', $image, $attachment_id); // For replication
736 $url = str_replace(basename($url), basename($image), $url);
737 $width = $width / $oitar;
738 $height = $height / $oitar;
745 <?php screen_icon(); ?>
746 <h2><?php _e( 'Crop Header Image' ); ?></h2>
748 <form method="post" action="<?php echo esc_attr(add_query_arg('step', 3)); ?>">
749 <p class="hide-if-no-js"><?php _e('Choose the part of the image you want to use as your header.'); ?></p>
750 <p class="hide-if-js"><strong><?php _e( 'You need Javascript to choose a part of the image.'); ?></strong></p>
752 <div id="crop_image" style="position: relative">
753 <img src="<?php echo esc_url( $url ); ?>" id="upload" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />
756 <input type="hidden" name="x1" id="x1" value="0"/>
757 <input type="hidden" name="y1" id="y1" value="0"/>
758 <input type="hidden" name="width" id="width" value="<?php echo esc_attr( $width ); ?>"/>
759 <input type="hidden" name="height" id="height" value="<?php echo esc_attr( $height ); ?>"/>
760 <input type="hidden" name="attachment_id" id="attachment_id" value="<?php echo esc_attr( $attachment_id ); ?>" />
761 <input type="hidden" name="oitar" id="oitar" value="<?php echo esc_attr( $oitar ); ?>" />
762 <?php if ( empty( $_POST ) && isset( $_GET['file'] ) ) { ?>
763 <input type="hidden" name="create-new-attachment" value="true" />
765 <?php wp_nonce_field( 'custom-header-crop-image' ) ?>
768 <?php submit_button( __( 'Crop and Publish' ), 'primary', 'submit', false ); ?>
770 if ( isset( $oitar ) && 1 == $oitar )
771 submit_button( __( 'Skip Cropping, Publish Image as Is' ), 'secondary', 'skip-cropping', false );
781 * Upload the file to be cropped in the second step.
785 function step_2_manage_upload() {
786 $overrides = array('test_form' => false);
787 $file = wp_handle_upload($_FILES['import'], $overrides);
789 if ( isset($file['error']) )
790 wp_die( $file['error'], __( 'Image Upload Error' ) );
793 $type = $file['type'];
794 $file = $file['file'];
795 $filename = basename($file);
797 // Construct the object array
799 'post_title' => $filename,
800 'post_content' => $url,
801 'post_mime_type' => $type,
803 'context' => 'custom-header'
807 $attachment_id = wp_insert_attachment( $object, $file );
808 return compact( 'attachment_id', 'file', 'filename', 'url', 'type' );
812 * Display third step of custom header image page.
817 check_admin_referer( 'custom-header-crop-image' );
819 if ( ! current_theme_supports( 'custom-header', 'uploads' ) )
820 wp_die( __( 'Cheatin’ uh?' ) );
822 if ( $_POST['oitar'] > 1 ) {
823 $_POST['x1'] = $_POST['x1'] * $_POST['oitar'];
824 $_POST['y1'] = $_POST['y1'] * $_POST['oitar'];
825 $_POST['width'] = $_POST['width'] * $_POST['oitar'];
826 $_POST['height'] = $_POST['height'] * $_POST['oitar'];
829 $attachment_id = absint( $_POST['attachment_id'] );
830 $original = get_attached_file($attachment_id);
834 // For flex, limit size of image displayed to 1500px unless theme says otherwise
835 if ( current_theme_supports( 'custom-header', 'flex-width' ) )
838 if ( current_theme_supports( 'custom-header', 'max-width' ) )
839 $max_width = max( $max_width, get_theme_support( 'custom-header', 'max-width' ) );
840 $max_width = max( $max_width, get_theme_support( 'custom-header', 'width' ) );
842 if ( ( current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) || $_POST['width'] > $max_width )
843 $dst_height = absint( $_POST['height'] * ( $max_width / $_POST['width'] ) );
844 elseif ( current_theme_supports( 'custom-header', 'flex-height' ) && current_theme_supports( 'custom-header', 'flex-width' ) )
845 $dst_height = absint( $_POST['height'] );
847 $dst_height = get_theme_support( 'custom-header', 'height' );
849 if ( ( current_theme_supports( 'custom-header', 'flex-width' ) && ! current_theme_supports( 'custom-header', 'flex-height' ) ) || $_POST['width'] > $max_width )
850 $dst_width = absint( $_POST['width'] * ( $max_width / $_POST['width'] ) );
851 elseif ( current_theme_supports( 'custom-header', 'flex-width' ) && current_theme_supports( 'custom-header', 'flex-height' ) )
852 $dst_width = absint( $_POST['width'] );
854 $dst_width = get_theme_support( 'custom-header', 'width' );
856 if ( empty( $_POST['skip-cropping'] ) )
857 $cropped = wp_crop_image( $attachment_id, (int) $_POST['x1'], (int) $_POST['y1'], (int) $_POST['width'], (int) $_POST['height'], $dst_width, $dst_height );
858 elseif ( ! empty( $_POST['create-new-attachment'] ) )
859 $cropped = _copy_image_file( $attachment_id );
861 $cropped = get_attached_file( $attachment_id );
863 if ( ! $cropped || is_wp_error( $cropped ) )
864 wp_die( __( 'Image could not be processed. Please go back and try again.' ), __( 'Image Processing Error' ) );
866 $cropped = apply_filters('wp_create_file_in_uploads', $cropped, $attachment_id); // For replication
868 $parent = get_post($attachment_id);
869 $parent_url = $parent->guid;
870 $url = str_replace( basename( $parent_url ), basename( $cropped ), $parent_url );
872 $size = @getimagesize( $cropped );
873 $image_type = ( $size ) ? $size['mime'] : 'image/jpeg';
875 // Construct the object array
877 'ID' => $attachment_id,
878 'post_title' => basename($cropped),
879 'post_content' => $url,
880 'post_mime_type' => $image_type,
882 'context' => 'custom-header'
884 if ( ! empty( $_POST['create-new-attachment'] ) )
885 unset( $object['ID'] );
887 // Update the attachment
888 $attachment_id = wp_insert_attachment( $object, $cropped );
889 wp_update_attachment_metadata( $attachment_id, wp_generate_attachment_metadata( $attachment_id, $cropped ) );
892 $height = $dst_height;
893 $this->set_header_image( compact( 'url', 'attachment_id', 'width', 'height' ) );
896 $medium = str_replace( basename( $original ), 'midsize-' . basename( $original ), $original );
897 if ( file_exists( $medium ) )
898 @unlink( apply_filters( 'wp_delete_file', $medium ) );
899 if ( empty( $_POST['create-new-attachment'] ) && empty( $_POST['skip-cropping'] ) )
900 @unlink( apply_filters( 'wp_delete_file', $original ) );
902 return $this->finished();
906 * Display last step of custom header image page.
910 function finished() {
911 $this->updated = true;
916 * Display the page based on the current step.
920 function admin_page() {
921 if ( ! current_user_can('edit_theme_options') )
922 wp_die(__('You do not have permission to customize headers.'));
923 $step = $this->step();
926 elseif ( 3 == $step )
933 * Replace default attachment actions with "Set as header" link.
937 function attachment_fields_to_edit( $form_fields, $post ) {
938 $form_fields = array();
939 $href = esc_url(add_query_arg(array(
940 'page' => 'custom-header',
942 '_wpnonce-custom-header-upload' => wp_create_nonce('custom-header-upload'),
944 ), admin_url('themes.php')));
946 $form_fields['buttons'] = array( 'tr' => '<tr class="submit"><td></td><td><a data-location="' . $href . '" class="wp-set-header">' . __( 'Set as header' ) . '</a></td></tr>' );
947 $form_fields['context'] = array( 'input' => 'hidden', 'value' => 'custom-header' );
953 * Leave only "Media Library" tab in the uploader window.
957 function filter_upload_tabs() {
958 return array( 'library' => __('Media Library') );
962 * Choose a header image, selected from existing uploaded and default headers,
963 * or provide an array of uploaded header data (either new, or from media library).
965 * @param mixed $choice Which header image to select. Allows for values of 'random-default-image',
966 * for randomly cycling among the default images; 'random-uploaded-image', for randomly cycling
967 * among the uploaded images; the key of a default image registered for that theme; and
968 * the key of an image uploaded for that theme (the basename of the URL).
969 * Or an array of arguments: attachment_id, url, width, height. All are required.
973 final public function set_header_image( $choice ) {
974 if ( is_array( $choice ) || is_object( $choice ) ) {
975 $choice = (array) $choice;
976 if ( ! isset( $choice['attachment_id'] ) || ! isset( $choice['url'] ) )
979 $choice['url'] = esc_url_raw( $choice['url'] );
981 $header_image_data = (object) array(
982 'attachment_id' => $choice['attachment_id'],
983 'url' => $choice['url'],
984 'thumbnail_url' => $choice['url'],
985 'height' => $choice['height'],
986 'width' => $choice['width'],
989 update_post_meta( $choice['attachment_id'], '_wp_attachment_is_custom_header', get_stylesheet() );
990 set_theme_mod( 'header_image', $choice['url'] );
991 set_theme_mod( 'header_image_data', $header_image_data );
995 if ( in_array( $choice, array( 'remove-header', 'random-default-image', 'random-uploaded-image' ) ) ) {
996 set_theme_mod( 'header_image', $choice );
997 remove_theme_mod( 'header_image_data' );
1001 $uploaded = get_uploaded_header_images();
1002 if ( $uploaded && isset( $uploaded[ $choice ] ) ) {
1003 $header_image_data = $uploaded[ $choice ];
1006 $this->process_default_headers();
1007 if ( isset( $this->default_headers[ $choice ] ) )
1008 $header_image_data = $this->default_headers[ $choice ];
1013 set_theme_mod( 'header_image', esc_url_raw( $header_image_data['url'] ) );
1014 set_theme_mod( 'header_image_data', $header_image_data );
1018 * Remove a header image.
1022 final public function remove_header_image() {
1023 return $this->set_header_image( 'remove-header' );
1027 * Reset a header image to the default image for the theme.
1029 * This method does not do anything if the theme does not have a default header image.
1033 final public function reset_header_image() {
1034 $this->process_default_headers();
1035 $default = get_theme_support( 'custom-header', 'default-image' );
1038 return $this->remove_header_image();
1040 $default = sprintf( $default, get_template_directory_uri(), get_stylesheet_directory_uri() );
1042 foreach ( $this->default_headers as $header => $details ) {
1043 if ( $details['url'] == $default ) {
1044 $default_data = $details;
1049 set_theme_mod( 'header_image', $default );
1050 set_theme_mod( 'header_image_data', (object) $default_data );