mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-18 16:45:31 +01:00
6593186cb7
Custom header: Use add_theme_support('custom-header', $args) instead of add_custom_image_header(). Deprecates all use of constants.
* HEADER_TEXTCOLOR is now (string) 'default-text-color'.
* NO_HEADER_TEXT is nowi ! (bool) 'header-text'.
* HEADER_IMAGE_WIDTH (and _HEIGHT) are now (int) 'width' and 'height'.
* HEADER_IMAGE is now (string) 'default-image'.
* The 3.4 arguments 'suggested-width' and 'suggested-height' are now just 'width' and 'height' (they are "suggested" when flex-width and flex-height are set).
* Callback arguments for add_custom_image_header() can now be passed to add_theme_support().
Custom background: Use add_theme_support('custom-background, $args) instead of add_custom_background(). Deprecates all use of constants.
* BACKGROUND_COLOR is now (string) 'default-color'.
* BACKGROUND_IMAGE is now (string) 'default-image'.
* Callback arguments for add_custom_background() can now be passed to add_theme_support().
Inheritance: add_theme_support() arguments for custom headers and custom backgrounds is a first-one-wins situation. This is not an unusual paradigm for theming as a child theme (which is included first) overrides a parent theme.
* Once an argument is explicitly set, it cannot be overridden. You must hook in earlier and set it first.
* Any argument that is not explicitly set before WP is loaded will inherit the default value for that argument.
* It is therefore possible for a child theme to pass minimal arguments as long as the parent theme specifies others that may be necessary.
* Allows for a child theme to alter callbacks for <head> and preview (previously, calling add_custom_image_header more than once broke things).
* The just-in-time bits ensure that arguments fall back to default values, that the values of all constants are considered (such as one defined after an old add_custom_image_header call), and that all constants are defined (so as to be backwards compatible).
get_theme_support(): Introduce new second argument, which headers and backgrounds leverage to return an argument. current_theme_supports() already supported checking the truthiness of the argument.
* For example, get_theme_support( 'custom-header', 'width' ) will return the width specified during registration.
* If you had wanted the default image, use get_theme_support( 'custom-header', 'default-image' ) instead of HEADER_IMAGE.
Deprecate remove_custom_image_header(), remove_custom_background(). Use remove_theme_support('custom-header'), 'custom-background'.
Deprecate short-lived custom-header-uploads internal support; this is now (bool) 'uploads' for add_theme_support().
New 3.4 functions renamed or removed: Rename get_current_header_data() to get_custom_header(). Remove get_header_image_width() and _height() in favor of get_custom_header()->width and height.
git-svn-id: http://svn.automattic.com/wordpress/trunk@20212 1a063a9b-81f0-0310-95a4-ce76da25c4cd
892 lines
29 KiB
PHP
892 lines
29 KiB
PHP
<?php
|
|
/**
|
|
* The custom header image script.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Administration
|
|
*/
|
|
|
|
/**
|
|
* The custom header image class.
|
|
*
|
|
* @since 2.1.0
|
|
* @package WordPress
|
|
* @subpackage Administration
|
|
*/
|
|
class Custom_Image_Header {
|
|
|
|
/**
|
|
* Callback for administration header.
|
|
*
|
|
* @var callback
|
|
* @since 2.1.0
|
|
* @access private
|
|
*/
|
|
var $admin_header_callback;
|
|
|
|
/**
|
|
* Callback for header div.
|
|
*
|
|
* @var callback
|
|
* @since 3.0.0
|
|
* @access private
|
|
*/
|
|
var $admin_image_div_callback;
|
|
|
|
/**
|
|
* Holds default headers.
|
|
*
|
|
* @var array
|
|
* @since 3.0.0
|
|
* @access private
|
|
*/
|
|
var $default_headers = array();
|
|
|
|
/**
|
|
* Holds custom headers uploaded by the user
|
|
*
|
|
* @var array
|
|
* @since 3.2.0
|
|
* @access private
|
|
*/
|
|
var $uploaded_headers = array();
|
|
|
|
/**
|
|
* Holds the page menu hook.
|
|
*
|
|
* @var string
|
|
* @since 3.0.0
|
|
* @access private
|
|
*/
|
|
var $page = '';
|
|
|
|
/**
|
|
* Constructor - Register administration header callback.
|
|
*
|
|
* @since 2.1.0
|
|
* @param callback $admin_header_callback
|
|
* @param callback $admin_image_div_callback Optional custom image div output callback.
|
|
* @return Custom_Image_Header
|
|
*/
|
|
function __construct($admin_header_callback, $admin_image_div_callback = '') {
|
|
$this->admin_header_callback = $admin_header_callback;
|
|
$this->admin_image_div_callback = $admin_image_div_callback;
|
|
|
|
add_action( 'admin_menu', array( $this, 'init' ) );
|
|
}
|
|
|
|
/**
|
|
* Set up the hooks for the Custom Header admin page.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function init() {
|
|
if ( ! current_user_can('edit_theme_options') )
|
|
return;
|
|
|
|
$this->page = $page = add_theme_page(__('Header'), __('Header'), 'edit_theme_options', 'custom-header', array(&$this, 'admin_page'));
|
|
|
|
add_action("admin_print_scripts-$page", array(&$this, 'js_includes'));
|
|
add_action("admin_print_styles-$page", array(&$this, 'css_includes'));
|
|
add_action("admin_head-$page", array(&$this, 'help') );
|
|
add_action("admin_head-$page", array(&$this, 'take_action'), 50);
|
|
add_action("admin_head-$page", array(&$this, 'js'), 50);
|
|
add_action("admin_head-$page", $this->admin_header_callback, 51);
|
|
}
|
|
|
|
/**
|
|
* Adds contextual help.
|
|
*
|
|
* @since 3.0.0
|
|
*/
|
|
function help() {
|
|
get_current_screen()->add_help_tab( array(
|
|
'id' => 'overview',
|
|
'title' => __('Overview'),
|
|
'content' =>
|
|
'<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>' .
|
|
'<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>' .
|
|
'<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>'
|
|
) );
|
|
|
|
get_current_screen()->set_help_sidebar(
|
|
'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
|
|
'<p>' . __( '<a href="http://codex.wordpress.org/Appearance_Header_Screen" target="_blank">Documentation on Custom Header</a>' ) . '</p>' .
|
|
'<p>' . __( '<a href="http://wordpress.org/support/" target="_blank">Support Forums</a>' ) . '</p>'
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get the current step.
|
|
*
|
|
* @since 2.6.0
|
|
*
|
|
* @return int Current step
|
|
*/
|
|
function step() {
|
|
if ( ! isset( $_GET['step'] ) )
|
|
return 1;
|
|
|
|
$step = (int) $_GET['step'];
|
|
if ( $step < 1 || 3 < $step )
|
|
$step = 1;
|
|
|
|
return $step;
|
|
}
|
|
|
|
/**
|
|
* Set up the enqueue for the JavaScript files.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function js_includes() {
|
|
$step = $this->step();
|
|
|
|
if ( ( 1 == $step || 3 == $step ) && current_theme_supports( 'custom-header', 'header-text' ) )
|
|
wp_enqueue_script('farbtastic');
|
|
elseif ( 2 == $step )
|
|
wp_enqueue_script('imgareaselect');
|
|
}
|
|
|
|
/**
|
|
* Set up the enqueue for the CSS files
|
|
*
|
|
* @since 2.7
|
|
*/
|
|
function css_includes() {
|
|
$step = $this->step();
|
|
|
|
if ( ( 1 == $step || 3 == $step ) && current_theme_supports( 'custom-header', 'header-text' ) )
|
|
wp_enqueue_style('farbtastic');
|
|
elseif ( 2 == $step )
|
|
wp_enqueue_style('imgareaselect');
|
|
}
|
|
|
|
/**
|
|
* Execute custom header modification.
|
|
*
|
|
* @since 2.6.0
|
|
*/
|
|
function take_action() {
|
|
if ( ! current_user_can('edit_theme_options') )
|
|
return;
|
|
|
|
if ( empty( $_POST ) )
|
|
return;
|
|
|
|
$this->updated = true;
|
|
|
|
if ( isset( $_POST['resetheader'] ) ) {
|
|
check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
|
|
$this->process_default_headers();
|
|
$default = get_theme_support( 'custom-header', 'default-image' );
|
|
$default = sprintf( $default, get_template_directory_uri(), get_stylesheet_directory_uri() );
|
|
foreach ( $this->default_headers as $header => $details ) {
|
|
if ( $details['url'] == $default ) {
|
|
$default_data = $details;
|
|
break;
|
|
}
|
|
}
|
|
set_theme_mod( 'header_image', $default );
|
|
if ( empty( $default_data['width'] ) )
|
|
$default_data['width'] = get_theme_support( 'custom-header', 'width' );
|
|
if ( empty( $default_data['height'] ) )
|
|
$default_data['height'] = get_theme_support( 'custom-header', 'height' );
|
|
set_theme_mod( 'header_image_data', (object) $default_data );
|
|
return;
|
|
}
|
|
|
|
if ( isset( $_POST['resettext'] ) ) {
|
|
check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
|
|
remove_theme_mod('header_textcolor');
|
|
return;
|
|
}
|
|
|
|
if ( isset( $_POST['removeheader'] ) ) {
|
|
check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
|
|
set_theme_mod( 'header_image', 'remove-header' );
|
|
return;
|
|
}
|
|
|
|
if ( isset( $_POST['text-color'] ) ) {
|
|
check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
|
|
$_POST['text-color'] = str_replace( '#', '', $_POST['text-color'] );
|
|
if ( 'blank' == $_POST['text-color'] ) {
|
|
set_theme_mod( 'header_textcolor', 'blank' );
|
|
} else {
|
|
$color = preg_replace('/[^0-9a-fA-F]/', '', $_POST['text-color']);
|
|
if ( strlen($color) == 6 || strlen($color) == 3 )
|
|
set_theme_mod('header_textcolor', $color);
|
|
}
|
|
}
|
|
|
|
if ( isset( $_POST['default-header'] ) ) {
|
|
check_admin_referer( 'custom-header-options', '_wpnonce-custom-header-options' );
|
|
if ( 'random-default-image' == $_POST['default-header'] ) {
|
|
set_theme_mod( 'header_image', 'random-default-image' );
|
|
} elseif ( 'random-uploaded-image' == $_POST['default-header'] ) {
|
|
set_theme_mod( 'header_image', 'random-uploaded-image' );
|
|
} else {
|
|
$this->process_default_headers();
|
|
$uploaded = get_uploaded_header_images();
|
|
if ( isset( $uploaded[$_POST['default-header']] ) ) {
|
|
set_theme_mod( 'header_image', esc_url( $uploaded[$_POST['default-header']]['url'] ) );
|
|
set_theme_mod( 'header_image_data', (object) $uploaded[$_POST['default-header']] );
|
|
} elseif ( isset( $this->default_headers[$_POST['default-header']] ) ) {
|
|
set_theme_mod( 'header_image', esc_url( $this->default_headers[$_POST['default-header']]['url'] ) );
|
|
if ( empty( $this->default_headers[$_POST['default-header']]['width'] ) )
|
|
$this->default_headers[$_POST['default-header']]['width'] = get_theme_support( 'custom-header', 'width' );
|
|
if ( empty( $this->default_headers[$_POST['default-header']]['height'] ) )
|
|
$this->default_headers[$_POST['default-header']]['height'] = get_theme_support( 'custom-header', 'height' );
|
|
set_theme_mod( 'header_image_data', (object) $this->default_headers[$_POST['default-header']] );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Process the default headers
|
|
*
|
|
* @since 3.0.0
|
|
*/
|
|
function process_default_headers() {
|
|
global $_wp_default_headers;
|
|
|
|
if ( !empty($this->headers) )
|
|
return;
|
|
|
|
if ( !isset($_wp_default_headers) )
|
|
return;
|
|
|
|
$this->default_headers = $_wp_default_headers;
|
|
$template_directory_uri = get_template_directory_uri();
|
|
$stylesheet_directory_uri = get_stylesheet_directory_uri();
|
|
foreach ( array_keys($this->default_headers) as $header ) {
|
|
$this->default_headers[$header]['url'] = sprintf( $this->default_headers[$header]['url'], $template_directory_uri, $stylesheet_directory_uri );
|
|
$this->default_headers[$header]['thumbnail_url'] = sprintf( $this->default_headers[$header]['thumbnail_url'], $template_directory_uri, $stylesheet_directory_uri );
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Display UI for selecting one of several default headers.
|
|
*
|
|
* Show the random image option if this theme has multiple header images.
|
|
* Random image option is on by default if no header has been set.
|
|
*
|
|
* @since 3.0.0
|
|
*/
|
|
function show_header_selector( $type = 'default' ) {
|
|
if ( 'default' == $type ) {
|
|
$headers = $this->default_headers;
|
|
} else {
|
|
$headers = get_uploaded_header_images();
|
|
$type = 'uploaded';
|
|
}
|
|
|
|
if ( 1 < count( $headers ) ) {
|
|
echo '<div class="random-header">';
|
|
echo '<label><input name="default-header" type="radio" value="random-' . $type . '-image"' . checked( is_random_header_image( $type ), true, false ) . ' />';
|
|
echo __( '<strong>Random:</strong> Show a different image on each page.' );
|
|
echo '</label>';
|
|
echo '</div>';
|
|
}
|
|
|
|
echo '<div class="available-headers">';
|
|
foreach ( $headers as $header_key => $header ) {
|
|
$header_thumbnail = $header['thumbnail_url'];
|
|
$header_url = $header['url'];
|
|
$header_desc = empty( $header['description'] ) ? '' : $header['description'];
|
|
echo '<div class="default-header">';
|
|
echo '<label><input name="default-header" type="radio" value="' . esc_attr( $header_key ) . '" ' . checked( $header_url, get_theme_mod( 'header_image' ), false ) . ' />';
|
|
$width = '';
|
|
if ( !empty( $header['attachment_id'] ) )
|
|
$width = ' width="230"';
|
|
echo '<img src="' . $header_thumbnail . '" alt="' . esc_attr( $header_desc ) .'" title="' . esc_attr( $header_desc ) . '"' . $width . ' /></label>';
|
|
echo '</div>';
|
|
}
|
|
echo '<div class="clear"></div></div>';
|
|
}
|
|
|
|
/**
|
|
* Execute Javascript depending on step.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function js() {
|
|
$step = $this->step();
|
|
if ( ( 1 == $step || 3 == $step ) && current_theme_supports( 'custom-header', 'header-text' ) )
|
|
$this->js_1();
|
|
elseif ( 2 == $step )
|
|
$this->js_2();
|
|
}
|
|
|
|
/**
|
|
* Display Javascript based on Step 1 and 3.
|
|
*
|
|
* @since 2.6.0
|
|
*/
|
|
function js_1() { ?>
|
|
<script type="text/javascript">
|
|
/* <![CDATA[ */
|
|
var text_objects = ['#name', '#desc', '#text-color-row'];
|
|
var farbtastic;
|
|
var default_color = '#<?php echo get_theme_support( 'custom-header', 'default-text-color' ); ?>';
|
|
var old_color = null;
|
|
|
|
function pickColor(color) {
|
|
jQuery('#name').css('color', color);
|
|
jQuery('#desc').css('color', color);
|
|
jQuery('#text-color').val(color);
|
|
farbtastic.setColor(color);
|
|
}
|
|
|
|
function toggle_text(s) {
|
|
if (jQuery(s).attr('id') == 'showtext' && jQuery('#text-color').val() != 'blank')
|
|
return;
|
|
|
|
if (jQuery(s).attr('id') == 'hidetext' && jQuery('#text-color').val() == 'blank')
|
|
return;
|
|
|
|
if (jQuery('#text-color').val() == 'blank') {
|
|
//Show text
|
|
if (old_color == '#blank')
|
|
old_color = default_color;
|
|
|
|
jQuery( text_objects.toString() ).show();
|
|
jQuery('#text-color').val(old_color);
|
|
jQuery('#name').css('color', old_color);
|
|
jQuery('#desc').css('color', old_color);
|
|
pickColor(old_color);
|
|
} else {
|
|
//Hide text
|
|
jQuery( text_objects.toString() ).hide();
|
|
old_color = jQuery('#text-color').val();
|
|
jQuery('#text-color').val('blank');
|
|
}
|
|
}
|
|
|
|
jQuery(document).ready(function() {
|
|
jQuery('#pickcolor').click(function() {
|
|
jQuery('#color-picker').show();
|
|
});
|
|
|
|
jQuery('input[name="hidetext"]').click(function() {
|
|
toggle_text(this);
|
|
});
|
|
|
|
jQuery('#defaultcolor').click(function() {
|
|
pickColor(default_color);
|
|
jQuery('#text-color').val(default_color)
|
|
});
|
|
|
|
jQuery('#text-color').keyup(function() {
|
|
var _hex = jQuery('#text-color').val();
|
|
var hex = _hex;
|
|
if ( hex[0] != '#' )
|
|
hex = '#' + hex;
|
|
hex = hex.replace(/[^#a-fA-F0-9]+/, '');
|
|
if ( hex != _hex )
|
|
jQuery('#text-color').val(hex);
|
|
if ( hex.length == 4 || hex.length == 7 )
|
|
pickColor( hex );
|
|
});
|
|
|
|
jQuery(document).mousedown(function(){
|
|
jQuery('#color-picker').each( function() {
|
|
var display = jQuery(this).css('display');
|
|
if (display == 'block')
|
|
jQuery(this).fadeOut(2);
|
|
});
|
|
});
|
|
|
|
farbtastic = jQuery.farbtastic('#color-picker', function(color) { pickColor(color); });
|
|
<?php if ( $color = get_header_textcolor() ) { ?>
|
|
pickColor('#<?php echo $color; ?>');
|
|
<?php } ?>
|
|
|
|
<?php if ( 'blank' == $color || '' == $color || ! current_theme_supports( 'custom-header', 'header-text' ) ) { ?>
|
|
toggle_text();
|
|
<?php } ?>
|
|
});
|
|
/* ]]> */
|
|
</script>
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* Display Javascript based on Step 2.
|
|
*
|
|
* @since 2.6.0
|
|
*/
|
|
function js_2() { ?>
|
|
<script type="text/javascript">
|
|
/* <![CDATA[ */
|
|
function onEndCrop( coords ) {
|
|
jQuery( '#x1' ).val(coords.x);
|
|
jQuery( '#y1' ).val(coords.y);
|
|
jQuery( '#width' ).val(coords.w);
|
|
jQuery( '#height' ).val(coords.h);
|
|
}
|
|
|
|
jQuery(document).ready(function() {
|
|
var xinit = <?php echo absint( get_theme_support( 'custom-header', 'width' ) ); ?>;
|
|
var yinit = <?php echo absint( get_theme_support( 'custom-header', 'height' ) ); ?>;
|
|
var ratio = xinit / yinit;
|
|
var ximg = jQuery('img#upload').width();
|
|
var yimg = jQuery('img#upload').height();
|
|
|
|
if ( yimg < yinit || ximg < xinit ) {
|
|
if ( ximg / yimg > ratio ) {
|
|
yinit = yimg;
|
|
xinit = yinit * ratio;
|
|
} else {
|
|
xinit = ximg;
|
|
yinit = xinit / ratio;
|
|
}
|
|
}
|
|
|
|
jQuery('img#upload').imgAreaSelect({
|
|
handles: true,
|
|
keys: true,
|
|
show: true,
|
|
x1: 0,
|
|
y1: 0,
|
|
x2: xinit,
|
|
y2: yinit,
|
|
<?php
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
|
|
?>
|
|
aspectRatio: xinit + ':' + yinit,
|
|
<?php
|
|
}
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-height' ) ) {
|
|
?>
|
|
maxHeight: <?php echo get_theme_support( 'custom-header', 'height' ); ?>,
|
|
<?php
|
|
}
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
|
|
?>
|
|
maxWidth: <?php echo get_theme_support( 'custom-header', 'width' ); ?>,
|
|
<?php
|
|
}
|
|
?>
|
|
onInit: function () {
|
|
jQuery('#width').val(xinit);
|
|
jQuery('#height').val(yinit);
|
|
},
|
|
onSelectChange: function(img, c) {
|
|
jQuery('#x1').val(c.x1);
|
|
jQuery('#y1').val(c.y1);
|
|
jQuery('#width').val(c.width);
|
|
jQuery('#height').val(c.height);
|
|
}
|
|
});
|
|
});
|
|
/* ]]> */
|
|
</script>
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* Display first step of custom header image page.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function step_1() {
|
|
$this->process_default_headers();
|
|
?>
|
|
|
|
<div class="wrap">
|
|
<?php screen_icon(); ?>
|
|
<h2><?php _e('Custom Header'); ?></h2>
|
|
|
|
<?php if ( ! empty( $this->updated ) ) { ?>
|
|
<div id="message" class="updated">
|
|
<p><?php printf( __( 'Header updated. <a href="%s">Visit your site</a> to see how it looks.' ), home_url( '/' ) ); ?></p>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
<table class="form-table">
|
|
<tbody>
|
|
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Preview' ); ?></th>
|
|
<td>
|
|
<?php if ( $this->admin_image_div_callback ) {
|
|
call_user_func( $this->admin_image_div_callback );
|
|
} else {
|
|
?>
|
|
<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;">
|
|
<?php
|
|
$color = get_header_textcolor();
|
|
if ( 'blank' == $color || '' == $color || ! current_theme_supports( 'custom-header', 'header-text' ) )
|
|
$style = ' style="display:none;"';
|
|
else
|
|
$style = ' style="color:#' . $color . ';"';
|
|
?>
|
|
<h1><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php bloginfo('url'); ?>"><?php bloginfo( 'name' ); ?></a></h1>
|
|
<div id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
|
|
</div>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
<?php if ( current_theme_supports( 'custom-header', 'uploads' ) ) : ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Upload Image' ); ?></th>
|
|
<td>
|
|
<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 />
|
|
<?php
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) {
|
|
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' ) );
|
|
} elseif ( current_theme_supports( 'custom-header', 'flex-height' ) ) {
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-width' ) )
|
|
printf( __( 'Images should be at least <strong>%1$d pixels</strong> wide.' ) . ' ', get_theme_support( 'custom-header', 'width' ) );
|
|
} elseif ( current_theme_supports( 'custom-header', 'flex-width' ) ) {
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-height' ) )
|
|
printf( __( 'Images should be at least <strong>%1$d pixels</strong> tall.' ) . ' ', get_theme_support( 'custom-header', 'height' ) );
|
|
}
|
|
if ( current_theme_supports( 'custom-header', 'flex-height' ) || current_theme_supports( 'custom-header', 'flex-width' ) ) {
|
|
if ( current_theme_supports( 'custom-header', 'width' ) )
|
|
printf( __( 'Suggested width is <strong>%1$d pixels</strong>.' ) . ' ', get_theme_support( 'custom-header', 'width' ) );
|
|
if ( current_theme_supports( 'custom-header', 'height' ) )
|
|
printf( __( 'Suggested height is <strong>%1$d pixels</strong>.' ) . ' ', get_theme_support( 'custom-header', 'height' ) );
|
|
}
|
|
?></p>
|
|
<form enctype="multipart/form-data" id="upload-form" method="post" action="<?php echo esc_attr( add_query_arg( 'step', 2 ) ) ?>">
|
|
<p>
|
|
<label for="upload"><?php _e( 'Choose an image from your computer:' ); ?></label><br />
|
|
<input type="file" id="upload" name="import" />
|
|
<input type="hidden" name="action" value="save" />
|
|
<?php wp_nonce_field( 'custom-header-upload', '_wpnonce-custom-header-upload' ) ?>
|
|
<?php submit_button( __( 'Upload' ), 'button', 'submit', false ); ?>
|
|
</p>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
</tbody>
|
|
</table>
|
|
|
|
<form method="post" action="<?php echo esc_attr( add_query_arg( 'step', 1 ) ) ?>">
|
|
<table class="form-table">
|
|
<tbody>
|
|
<?php if ( get_uploaded_header_images() ) : ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Uploaded Images' ); ?></th>
|
|
<td>
|
|
<p><?php _e( 'You can choose one of your previously uploaded headers, or show a random one.' ) ?></p>
|
|
<?php
|
|
$this->show_header_selector( 'uploaded' );
|
|
?>
|
|
</td>
|
|
</tr>
|
|
<?php endif;
|
|
if ( ! empty( $this->default_headers ) ) : ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Default Images' ); ?></th>
|
|
<td>
|
|
<?php if ( current_theme_supports( 'custom-header', 'uploads' ) ) : ?>
|
|
<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>
|
|
<?php else: ?>
|
|
<p><?php _e( 'You can use one of these cool headers or show a random one on each page.' ) ?></p>
|
|
<?php endif; ?>
|
|
<?php
|
|
$this->show_header_selector( 'default' );
|
|
?>
|
|
</td>
|
|
</tr>
|
|
<?php endif;
|
|
if ( get_header_image() ) : ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Remove Image' ); ?></th>
|
|
<td>
|
|
<p><?php _e( 'This will remove the header image. You will not be able to restore any customizations.' ) ?></p>
|
|
<?php submit_button( __( 'Remove Header Image' ), 'button', 'removeheader', false ); ?>
|
|
</td>
|
|
</tr>
|
|
<?php endif;
|
|
|
|
if ( current_theme_supports( 'custom-header', 'default-image' ) ) : ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e( 'Reset Image' ); ?></th>
|
|
<td>
|
|
<p><?php _e( 'This will restore the original header image. You will not be able to restore any customizations.' ) ?></p>
|
|
<?php submit_button( __( 'Restore Original Header Image' ), 'button', 'resetheader', false ); ?>
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
</tbody>
|
|
</table>
|
|
<?php if ( current_theme_supports( 'custom-header', 'header-text' ) ) : ?>
|
|
<table class="form-table">
|
|
<tbody>
|
|
<tr valign="top" class="hide-if-no-js">
|
|
<th scope="row"><?php _e( 'Display Text' ); ?></th>
|
|
<td>
|
|
<p>
|
|
<?php
|
|
$show_text = get_header_textcolor();
|
|
if ( 'blank' == $show_text )
|
|
$show_text = false;
|
|
else
|
|
$show_text = (bool) $show_text;
|
|
?>
|
|
<label><input type="radio" value="1" name="hidetext" id="hidetext"<?php checked( ! $show_text ); ?> /> <?php _e( 'No' ); ?></label>
|
|
<label><input type="radio" value="0" name="hidetext" id="showtext"<?php checked( $show_text ); ?> /> <?php _e( 'Yes' ); ?></label>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr valign="top" id="text-color-row">
|
|
<th scope="row"><?php _e( 'Text Color' ); ?></th>
|
|
<td>
|
|
<p>
|
|
<input type="text" name="text-color" id="text-color" value="#<?php echo esc_attr( get_header_textcolor() ); ?>" />
|
|
<span class="description hide-if-js"><?php _e( 'If you want to hide header text, add <strong>#blank</strong> as text color.' );?></span>
|
|
<input type="button" class="button hide-if-no-js" value="<?php esc_attr_e( 'Select a Color' ); ?>" id="pickcolor" />
|
|
</p>
|
|
<div id="color-picker" style="z-index: 100; background:#eee; border:1px solid #ccc; position:absolute; display:none;"></div>
|
|
</td>
|
|
</tr>
|
|
|
|
<?php if ( current_theme_supports( 'custom-header', 'default-text-color' ) && get_theme_mod( 'header_textcolor' ) ) { ?>
|
|
<tr valign="top">
|
|
<th scope="row"><?php _e('Reset Text Color'); ?></th>
|
|
<td>
|
|
<p><?php _e( 'This will restore the original header text. You will not be able to restore any customizations.' ) ?></p>
|
|
<?php submit_button( __( 'Restore Original Header Text' ), 'button', 'resettext', false ); ?>
|
|
</td>
|
|
</tr>
|
|
<?php } ?>
|
|
|
|
</tbody>
|
|
</table>
|
|
<?php endif;
|
|
|
|
do_action( 'custom_header_options' );
|
|
|
|
wp_nonce_field( 'custom-header-options', '_wpnonce-custom-header-options' ); ?>
|
|
|
|
<?php submit_button( null, 'primary', 'save-header-options' ); ?>
|
|
</form>
|
|
</div>
|
|
|
|
<?php }
|
|
|
|
/**
|
|
* Display second step of custom header image page.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function step_2() {
|
|
check_admin_referer('custom-header-upload', '_wpnonce-custom-header-upload');
|
|
if ( ! current_theme_supports( 'custom-header', 'uploads' ) )
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
|
|
$overrides = array('test_form' => false);
|
|
$file = wp_handle_upload($_FILES['import'], $overrides);
|
|
|
|
if ( isset($file['error']) )
|
|
wp_die( $file['error'], __( 'Image Upload Error' ) );
|
|
|
|
$url = $file['url'];
|
|
$type = $file['type'];
|
|
$file = $file['file'];
|
|
$filename = basename($file);
|
|
|
|
// Construct the object array
|
|
$object = array(
|
|
'post_title' => $filename,
|
|
'post_content' => $url,
|
|
'post_mime_type' => $type,
|
|
'guid' => $url,
|
|
'context' => 'custom-header'
|
|
);
|
|
|
|
// Save the data
|
|
$id = wp_insert_attachment($object, $file);
|
|
|
|
list($width, $height, $type, $attr) = getimagesize( $file );
|
|
|
|
$max_width = 0;
|
|
// For flex, limit size of image displayed to 1500px unless theme says otherwise
|
|
if ( current_theme_supports( 'custom-header', 'flex-width' ) )
|
|
$max_width = 1500;
|
|
|
|
if ( current_theme_supports( 'custom-header', 'max-width' ) )
|
|
$max_width = max( $max_width, get_theme_support( 'custom-header', 'max-width' ) );
|
|
$max_width = max( $max_width, get_theme_support( 'custom-header', 'width' ) );
|
|
|
|
// If flexible height isn't supported and the image is the exact right size
|
|
if ( ! current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' )
|
|
&& $width == get_theme_support( 'custom-header', 'width' ) && $height == get_theme_support( 'custom-header', 'height' ) )
|
|
{
|
|
// Add the meta-data
|
|
wp_update_attachment_metadata( $id, wp_generate_attachment_metadata( $id, $file ) );
|
|
update_post_meta( $id, '_wp_attachment_is_custom_header', get_option('stylesheet' ) );
|
|
|
|
set_theme_mod('header_image', esc_url($url));
|
|
do_action('wp_create_file_in_uploads', $file, $id); // For replication
|
|
return $this->finished();
|
|
} elseif ( $width > $max_width ) {
|
|
$oitar = $width / $max_width;
|
|
$image = wp_crop_image($file, 0, 0, $width, $height, $max_width, $height / $oitar, false, str_replace(basename($file), 'midsize-'.basename($file), $file));
|
|
if ( is_wp_error( $image ) )
|
|
wp_die( __( 'Image could not be processed. Please go back and try again.' ), __( 'Image Processing Error' ) );
|
|
|
|
$image = apply_filters('wp_create_file_in_uploads', $image, $id); // For replication
|
|
|
|
$url = str_replace(basename($url), basename($image), $url);
|
|
$width = $width / $oitar;
|
|
$height = $height / $oitar;
|
|
} else {
|
|
$oitar = 1;
|
|
}
|
|
?>
|
|
|
|
<div class="wrap">
|
|
<?php screen_icon(); ?>
|
|
<h2><?php _e( 'Crop Header Image' ); ?></h2>
|
|
|
|
<form method="post" action="<?php echo esc_attr(add_query_arg('step', 3)); ?>">
|
|
<p class="hide-if-no-js"><?php _e('Choose the part of the image you want to use as your header.'); ?></p>
|
|
<p class="hide-if-js"><strong><?php _e( 'You need Javascript to choose a part of the image.'); ?></strong></p>
|
|
|
|
<div id="crop_image" style="position: relative">
|
|
<img src="<?php echo esc_url( $url ); ?>" id="upload" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />
|
|
</div>
|
|
|
|
<input type="hidden" name="x1" id="x1" value="0"/>
|
|
<input type="hidden" name="y1" id="y1" value="0"/>
|
|
<input type="hidden" name="width" id="width" value="<?php echo esc_attr( $width ); ?>"/>
|
|
<input type="hidden" name="height" id="height" value="<?php echo esc_attr( $height ); ?>"/>
|
|
<input type="hidden" name="attachment_id" id="attachment_id" value="<?php echo esc_attr( $id ); ?>" />
|
|
<input type="hidden" name="oitar" id="oitar" value="<?php echo esc_attr( $oitar ); ?>" />
|
|
<?php wp_nonce_field( 'custom-header-crop-image' ) ?>
|
|
|
|
<?php submit_button( __( 'Crop and Publish' ) ); ?>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* Display third step of custom header image page.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function step_3() {
|
|
check_admin_referer( 'custom-header-crop-image' );
|
|
|
|
if ( ! current_theme_supports( 'custom-header', 'uploads' ) )
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
|
|
if ( $_POST['oitar'] > 1 ) {
|
|
$_POST['x1'] = $_POST['x1'] * $_POST['oitar'];
|
|
$_POST['y1'] = $_POST['y1'] * $_POST['oitar'];
|
|
$_POST['width'] = $_POST['width'] * $_POST['oitar'];
|
|
$_POST['height'] = $_POST['height'] * $_POST['oitar'];
|
|
}
|
|
|
|
$attachment_id = absint( $_POST['attachment_id'] );
|
|
$original = get_attached_file($attachment_id);
|
|
|
|
|
|
$max_width = 0;
|
|
// For flex, limit size of image displayed to 1500px unless theme says otherwise
|
|
if ( current_theme_supports( 'custom-header', 'flex-width' ) )
|
|
$max_width = 1500;
|
|
|
|
if ( current_theme_supports( 'custom-header', 'max-width' ) )
|
|
$max_width = max( $max_width, get_theme_support( 'custom-header', 'max-width' ) );
|
|
$max_width = max( $max_width, get_theme_support( 'custom-header', 'width' ) );
|
|
|
|
if ( ( current_theme_supports( 'custom-header', 'flex-height' ) && ! current_theme_supports( 'custom-header', 'flex-width' ) ) || $_POST['width'] > $max_width )
|
|
$dst_height = absint( $_POST['height'] * ( $max_width / $_POST['width'] ) );
|
|
elseif ( current_theme_supports( 'custom-header', 'flex-height' ) && current_theme_supports( 'custom-header', 'flex-width' ) )
|
|
$dst_height = absint( $_POST['height'] );
|
|
else
|
|
$dst_height = get_theme_support( 'custom-header', 'height' );
|
|
|
|
if ( ( current_theme_supports( 'custom-header', 'flex-width' ) && ! current_theme_supports( 'custom-header', 'flex-height' ) ) || $_POST['width'] > $max_width )
|
|
$dst_width = absint( $_POST['width'] * ( $max_width / $_POST['width'] ) );
|
|
elseif ( current_theme_supports( 'custom-header', 'flex-width' ) && current_theme_supports( 'custom-header', 'flex-height' ) )
|
|
$dst_width = absint( $_POST['width'] );
|
|
else
|
|
$dst_width = get_theme_support( 'custom-header', 'width' );
|
|
|
|
$cropped = wp_crop_image( $attachment_id, (int) $_POST['x1'], (int) $_POST['y1'], (int) $_POST['width'], (int) $_POST['height'], $dst_width, $dst_height );
|
|
if ( is_wp_error( $cropped ) )
|
|
wp_die( __( 'Image could not be processed. Please go back and try again.' ), __( 'Image Processing Error' ) );
|
|
|
|
$cropped = apply_filters('wp_create_file_in_uploads', $cropped, $attachment_id); // For replication
|
|
|
|
$parent = get_post($attachment_id);
|
|
$parent_url = $parent->guid;
|
|
$url = str_replace(basename($parent_url), basename($cropped), $parent_url);
|
|
|
|
// Construct the object array
|
|
$object = array(
|
|
'ID' => $attachment_id,
|
|
'post_title' => basename($cropped),
|
|
'post_content' => $url,
|
|
'post_mime_type' => 'image/jpeg',
|
|
'guid' => $url,
|
|
'context' => 'custom-header'
|
|
);
|
|
|
|
// Update the attachment
|
|
wp_insert_attachment($object, $cropped);
|
|
wp_update_attachment_metadata( $attachment_id, wp_generate_attachment_metadata( $attachment_id, $cropped ) );
|
|
update_post_meta( $attachment_id, '_wp_attachment_is_custom_header', get_option('stylesheet' ) );
|
|
|
|
set_theme_mod('header_image', $url);
|
|
|
|
$header_data = new stdClass();
|
|
$header_data->attachment_id = $attachment_id;
|
|
$header_data->url = $url;
|
|
$header_data->thumbnail_url = $url;
|
|
$header_data->width = $dst_width;
|
|
$header_data->height = $dst_height;
|
|
|
|
set_theme_mod( 'header_image_data', $header_data );
|
|
|
|
// cleanup
|
|
$medium = str_replace(basename($original), 'midsize-'.basename($original), $original);
|
|
@unlink( apply_filters( 'wp_delete_file', $medium ) );
|
|
@unlink( apply_filters( 'wp_delete_file', $original ) );
|
|
|
|
return $this->finished();
|
|
}
|
|
|
|
/**
|
|
* Display last step of custom header image page.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function finished() {
|
|
$this->updated = true;
|
|
$this->step_1();
|
|
}
|
|
|
|
/**
|
|
* Display the page based on the current step.
|
|
*
|
|
* @since 2.1.0
|
|
*/
|
|
function admin_page() {
|
|
if ( ! current_user_can('edit_theme_options') )
|
|
wp_die(__('You do not have permission to customize headers.'));
|
|
$step = $this->step();
|
|
if ( 1 == $step || ! $_POST )
|
|
$this->step_1();
|
|
elseif ( 2 == $step )
|
|
$this->step_2();
|
|
elseif ( 3 == $step )
|
|
$this->step_3();
|
|
}
|
|
|
|
}
|