/** * Outputs the content of the widget * * @param array $args * @param array $instance */ public function widget($args, $instance) { // outputs the content of the widget extract($args); $dbi_args = array('post_type' => 'dashboard_icons', 'order' => 'ASC'); $query = new WP_Query($dbi_args); ?> <div class="small-up-1 medium-up-2 large-up-4 dash-icons-grid"> <?php while ($query->have_posts()) { $query->the_post(); ?> <div class="column"> <?php $asoc_link = lorainccc_db_icons_box_get_meta('lorainccc_db_icons_box_link'); if ($asoc_link == '') { $asoc_link = 'http://www.lorainccc.edu/'; } ?> <a href="<?php echo $asoc_link; ?> " class="yellow-icon float-center"><?php the_post_thumbnail('thumbnail'); ?> </a> <div class="icon-label"><a href="<?php echo $asoc_link; ?> "><?php the_title(); ?> </a> </div> </div> <?php } ?> </div> <?php }
function lorainccc_db_icons_box_html($post) { wp_nonce_field('_lorainccc_db_icons_box_nonce', 'lorainccc_db_icons_box_nonce'); ?> <script> jQuery(document).ready(function(){ jQuery('#event_start_date').datepicker({ dateFormat: "yy-mm-dd" }); jQuery('#event_start_time').timepicker({ timeFormat: "hh:mm tt" }); jQuery('#event_end_date').datepicker({ dateFormat: "yy-mm-dd" }); jQuery('#event_end_time').timepicker({ timeFormat: "hh:mm tt" }); }); </script> <h4>Associated Link:</h4> <p> <label for="lorainccc_db_icons_box_link"><?php _e('Associated Link', 'lorainccc_db_icons_box'); ?> </label><br> <input class="widefat" type="text" name="lorainccc_db_icons_box_link" id="lorainccc_db_icons_box_link" value="<?php echo lorainccc_db_icons_box_get_meta('lorainccc_db_icons_box_link'); ?> "> </p> <?php }