WordPress.org
Get WordPress

Make WordPress Core

Changeset 28930


Ignore:
Timestamp:
06/30/2014 07:47:56 PM (10 years ago)
Author:
ocean90
Message:

Customizer: Support textarea and commonly-used input types as control type in WP_Customize_Control.
Add input_attrs property to support custom input attributes.

(Demo plugin attached to ticket.)

props celloexpressions.
fixes #28477.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/customize-controls.css

    r28927 r28930  
    288288
    289289.customize-control select,
    290 .customize-control input[type="text"],
    291290.customize-control input[type="radio"],
    292291.customize-control input[type="checkbox"] {
    … …  
    294293}
    295294
    296 .customize-control input[type="text"] {
     295.customize-control input[type="text"],
     296.customize-control input[type="password"],
     297.customize-control input[type="email"],
     298.customize-control input[type="number"],
     299.customize-control input[type="search"],
     300.customize-control input[type="tel"],
     301.customize-control input[type="url"] {
    297302    width: 98%;
    298303    line-height: 18px;
    299304    margin: 0;
     305}
     306
     307.customize-control-textarea textarea {
     308    width: 100%;
     309    resize: vertical;
    300310}
    301311

  • trunk/src/wp-includes/class-wp-customize-control.php

    r28927 r28930  
    6767     */
    6868    public $choices = array();
     69
     70    /**
     71     * @access public
     72     * @var array
     73     */
     74    public $input_attrs = array();
    6975
    7076    /**
    … …  
    251257    }
    252258
     259    /**
     260     * Render the custom attributes for the control's input element.
     261     *
     262     * @since 4.0.0
     263     */
     264    public function input_attrs() {
     265        foreach( $this->input_attrs as $attr => $value ) {
     266            echo $attr . '="' . esc_attr( $value ) . '" ';
     267        }
     268    }
     269
    253270    /**
    254271     * Render the control's content.
    … …  
    256273     * Allows the content to be overriden without having to rewrite the wrapper in $this->render().
    257274     *
    258      * Supports basic input types `text`, `checkbox`, `radio`, `select` and `dropdown-pages`.
     275     * Supports basic input types `text`, `checkbox`, `textarea`, `radio`, `select` and `dropdown-pages`.
     276     * Additional input types such as `email`, `url`, `number`, `hidden` and `date` are supported implicitly.
    259277     *
    260278     * @since 3.4.0
    … …  
    262280    protected function render_content() {
    263281        switch( $this->type ) {
    264             case 'text':
    265                 ?>
    266                 <label>
    267                     <?php if ( ! empty( $this->label ) ) : ?>
    268                         <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    269                     <?php endif;
    270                     if ( ! empty( $this->description ) ) : ?>
    271                         <span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
    272                     <?php endif; ?>
    273                     <input type="text" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> />
    274                 </label>
    275                 <?php
    276                 break;
    277282            case 'checkbox':
    278283                ?>
    … …  
    330335                <?php
    331336                break;
     337            case 'textarea':
     338                ?>
     339                <label>
     340                    <?php if ( ! empty( $this->label ) ) : ?>
     341                        <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     342                    <?php endif;
     343                    if ( ! empty( $this->description ) ) : ?>
     344                        <span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
     345                    <?php endif; ?>
     346                    <textarea rows="5" <?php $this->link(); ?>><?php echo esc_textarea( $this->value() ); ?></textarea>
     347                </label>
     348                <?php
     349                break;
    332350            case 'dropdown-pages':
    333351                $dropdown = wp_dropdown_pages(
    … …  
    349367                    $dropdown
    350368                );
     369                break;
     370            default:
     371                ?>
     372                <label>
     373                    <?php if ( ! empty( $this->label ) ) : ?>
     374                        <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     375                    <?php endif;
     376                    if ( ! empty( $this->description ) ) : ?>
     377                        <span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
     378                    <?php endif; ?>
     379                    <input type="<?php echo esc_attr( $this->type ); ?>" <?php $this->input_attrs(); ?> value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> />
     380                </label>
     381                <?php
    351382                break;
    352383        }
Note: See TracChangeset for help on using the changeset viewer.