[gallery] shortcode with attribute type="carousel" in order to show a Bootstrap Carousel based on the selected images and their titles and descriptions. Very important: this plugin assumes either your theme includes the necessary Bootstrap Javascript and CSS files to display the carousel properly, or that you have included the files on your own. It will not include the files for you, so if they are not present, the carousel will not work. Author: AuSoft, Andrés Villarreal Author URI: http://aufieroinformatica.com/wordpress/ Version: 0.3.1 */ /** * Hook the gallery default HTML. */ add_filter( 'post_gallery', 'agnosia_bootstrap_carousel_gallery_shortcode', 10, 4 ); function agnosia_bootstrap_carousel_gallery_shortcode( $output = '', $atts, $content = false, $tag = false ) { /* Define data by given attributes. */ $shortcode_atts = shortcode_atts( array( 'ids' => false, 'type' => '', 'name' => 'agnosia-bootstrap-carousel', /* Any name. String will be sanitize to be used as HTML ID. Recomended when you want to have more than one carousel in the same page. Default: agnosia-bootstrap-carousel. */ 'width' => '', /* Carousel container width, in px or % */ 'height' => '', /* Carousel item height, in px or % */ 'indicators' => 'before-inner', /* Accepted values: before-inner, after-inner, after-control, false. Default: before-inner. */ 'control' => 'true', /* Accepted values: true, false. Default: true. */ 'interval' => 5000, /* The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. */ 'pause' => 'hover', /* Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. */ 'titletag' => 'h4', /* Define tag for image title. Default: h4. */ 'title' => 'true', /* Show or hide image title. Set false to hide. Default: true. */ 'text' => 'true', /* Show or hide image text. Set false to hide. Default: true. */ 'wpautop' => 'true', /* Auto-format text. Default: true. */ 'containerclass' => '', /* Extra class for container. */ 'itemclass' => '', /* Extra class for item. */ 'captionclass' => '', /* Extra class for caption. */ 'size' => 'full' /* Size for image attachment. Accepted values: thumbnail, medium, large, full. Default: full. See wp_get_attachment_image_src() for further reference. */ ), $atts ); extract( $shortcode_atts ); $name = sanitize_title( $name ); /* Validate for necessary data */ if ( isset( $ids ) and ( ( isset( $type ) and 'carousel' == $type ) or ( 'carousel-gallery' == $tag ) ) ) : /* Obtain HTML. */ $output = agnosia_bootstrap_carousel_get_html_from( $shortcode_atts ); /* If attributes could not be validated, execute default gallery shortcode function */ else : $output = ''; endif; return $output; } function agnosia_bootstrap_carousel_get_html_from( $shortcode_atts ) { /* Obtain posts array by given ids. Then construct HTML. */ extract( $shortcode_atts ); $images = agnosia_bootstrap_carousel_make_array( $ids ); $output = ''; if ( is_array( $images ) and !empty( $images ) ) : $posts = array(); foreach ( $images as $image_id ) : $posts[] = get_post( intval( $image_id ) , ARRAY_A ); endforeach; if ( is_array( $posts ) and !empty( $posts ) ) : $output = agnosia_bootstrap_carousel_make_html_from( $shortcode_atts , $posts ); endif; endif; return $output; } function agnosia_bootstrap_carousel_make_html_from( $shortcode_atts , $posts ) { /* The important stuff happens here! */ extract( $shortcode_atts ); /* Define width of carousel container */ $container_style = ''; if ( $width ) : $container_style = 'style="'; if ( $width ) : $container_style .= 'width:' . $width . ';' ; endif; $container_style .= '"'; endif; /* Define height of carousel item */ $item_style = ''; if ( $height ) : $item_style = 'style="'; if ( $height ) : $item_style .= 'height:' . $height . ';' ; endif; $item_style .= '"'; endif; /* Initialize carousel HTML. */ $output = '

'; /* Try to obtain indicators before inner. */ $output .= ( $indicators == 'before-inner' ) ? agnosia_bootstrap_carousel_make_indicators_html_from( $posts , $name ) : '' ; /* Initialize inner. */ $output .= '

'; /* Start counter. */ $i = 0; /* Process each item into $posts array and obtain HTML. */ foreach ( $posts as $post ) : if ( $post['post_type'] == 'attachment' ) : /* Make sure to include only attachments into the carousel */ $image = wp_get_attachment_image_src( $post['ID'] , $size ); $class = ( $i == 0 ) ? 'active ' : ''; $output .= '

'; $output .= '

' . $post['post_title'] . '

'; if ( $title != 'false' or $text != 'false' ) : $output .= '

'; if ( $title != 'false' ) : $output .= '<'. $titletag .'>' . $post['post_title'] . ''; endif; if ( $text != 'false' ) : $output .= ( $wpautop != 'false' ) ? wpautop( $post['post_excerpt'] ) : $post['post_excerpt'] ; endif; $output .= '

'; endif; $output .= '

'; $i++; endif; endforeach; /* End inner. */ $output .= '

'; /* Try to obtain indicators after inner. */ $output .= ( $indicators == 'after-inner' ) ? agnosia_bootstrap_carousel_make_indicators_html_from( $posts , $name ) : '' ; $output .= ( $control != 'false' ) ? agnosia_bootstrap_carousel_make_control_html_with( $name ) : '' ; /* Try to obtain indicators after control. */ $output .= ( $indicators == 'after-control' ) ? agnosia_bootstrap_carousel_make_indicators_html_from( $posts , $name ) : '' ; /* End carousel HTML. */ $output .= '

'; /* Obtain javascript for carousel. */ $output .= ''; return $output; } /* Obtain indicators from $posts array. */ function agnosia_bootstrap_carousel_make_indicators_html_from( $posts , $name ) { $output = '

'; return $output; } /* Obtain control links. */ function agnosia_bootstrap_carousel_make_control_html_with( $name ) { $output = '‹'; $output .= '›'; return $output; } /* Obtain array of id given comma-separated values in a string. */ function agnosia_bootstrap_carousel_make_array( $string ) { $array = explode( ',' , $string ); return $array; } ?>