php Funciónparadesarrollar小部件

Posted 2021-05-05

/**
 * Widget solicita tu cita.
 */

// register widget
add_action('widgets_init', 'ctUp_ads_widget');
function ctUp_ads_widget() {
    register_widget( 'ctUp_ads' );
}

// add admin scripts
add_action('admin_enqueue_scripts', 'ctup_wdscript');
function ctup_wdscript() {
    wp_enqueue_media();
    wp_enqueue_script('ads_script', get_template_directory_uri() . '/source/js/widget.js', false, '1.0', true);
}

// widget class
class ctUp_ads extends WP_Widget {
    function ctUp_ads() {
        $widget_ops = array('classname' => 'ctUp-ads');
        $this->WP_Widget('ctUp-ads-widget', 'Solicita tu cita ahora', $widget_ops);
    }
    function widget($args, $instance) {
        extract($args);
        // widget content
        echo $before_widget;
				?>
					<div id="call" style="background-image: url(<?php echo esc_url($instance['image_uri']); ?>)">
						<div class="container-fluid">
							<div class="row">
								<div class="col">
						        <h1><?php echo apply_filters('widget_title', $instance['text'] ); ?></h1>
								</div>
							</div>
						</div>
					</div>
				<?php
        echo $after_widget;
		    }
				function update($new_instance, $old_instance) {
		        $instance = $old_instance;
		        $instance['text'] = strip_tags( $new_instance['text'] );
		        $instance['image_uri'] = strip_tags( $new_instance['image_uri'] );
		        return $instance;
		    }
		    function form($instance) {
				?>

		    <p>
		        <label for="<?php echo $this->get_field_id('text'); ?>">Título</label><br />
		        <input type="text" name="<?php echo $this->get_field_name('text'); ?>" id="<?php echo $this->get_field_id('text'); ?>" value="<?php echo $instance['text']; ?>" class="widefat" />
		    </p>
		    <p>
		        <label for="<?php echo $this->get_field_id('image_uri'); ?>">Imagen de fondo</label><br />
		        <?php
		            if ( $instance['image_uri'] != '' ) :
		                echo '<img class="custom_media_image" src="' . $instance['image_uri'] . '" style="margin:0;padding:0;max-width:100px;float:left;display:inline-block" /><br />';
		            endif;
		        ?>
		        <input type="text" class="widefat custom_media_url" name="<?php echo $this->get_field_name('image_uri'); ?>" id="<?php echo $this->get_field_id('image_uri'); ?>" value="<?php echo $instance['image_uri']; ?>" style="margin-top:5px;">
		        <input type="button" class="button button-primary custom_media_button" id="custom_media_button" name="<?php echo $this->get_field_name('image_uri'); ?>" value="Upload Image" style="margin-top:5px;" />
		    </p>
			<?php
		}
}