Layers_Post_Widget

The Layers Layers Post Widget class.

Defined (1)

The class is defined in the following location(s).

/core/widgets/modules/post.php  
  1. class Layers_Post_Widget extends Layers_Widget { 
  2.  
  3.     /** 
  4.     *  Widget construction 
  5.     */ 
  6.     function __construct() { 
  7.  
  8.         /** 
  9.         * Widget variables 
  10.         * 
  11.         * @param      string            $widget_title        Widget title 
  12.         * @param      string            $widget_id            Widget slug for use as an ID/classname 
  13.         * @param      string            $post_type            (optional) Post type for use in widget options 
  14.         * @param      string            $taxonomy            (optional) Taxonomy slug for use as an ID/classname 
  15.         * @param      array             $checkboxes        (optional) Array of checkbox names to be saved in this widget. Don't forget these please! 
  16.         */ 
  17.         $this->widget_title = __( 'Posts' , 'layerswp' ); 
  18.         $this->widget_id = 'post'; 
  19.         $this->post_type = 'post'; 
  20.         $this->taxonomy = 'category'; 
  21.         $this->checkboxes = array( 
  22.                 'show_media',  
  23.                 'show_titles',  
  24.                 'show_excerpts',  
  25.                 'show_dates',  
  26.                 'show_author',  
  27.                 'show_tags',  
  28.                 'show_categories',  
  29.                 'show_call_to_action' 
  30.  ); // @TODO: Try make this more dynamic, or leave a different note reminding users to change this if they add/remove checkboxes 
  31.  
  32.         /** Widget settings. */ 
  33.         $widget_ops = array( 
  34.             'classname' => 'obox-layers-' . $this->widget_id .'-widget',  
  35.             'description' => __( 'This widget is used to display your posts in a flexible grid.', 'layerswp' ),  
  36.             'customize_selective_refresh' => TRUE,  
  37.  ); 
  38.  
  39.         /** Widget control settings. */ 
  40.         $control_ops = array( 
  41.             'width' => LAYERS_WIDGET_WIDTH_SMALL,  
  42.             'height' => NULL,  
  43.             'id_base' => LAYERS_THEME_SLUG . '-widget-' . $this->widget_id,  
  44.  ); 
  45.  
  46.         /** Create the widget. */ 
  47.         parent::__construct( 
  48.             LAYERS_THEME_SLUG . '-widget-' . $this->widget_id,  
  49.             $this->widget_title,  
  50.             $widget_ops,  
  51.             $control_ops 
  52.  ); 
  53.  
  54.         /** Setup Widget Defaults */ 
  55.         $this->defaults = array ( 
  56.             'title' => __( 'Latest Posts', 'layerswp' ),  
  57.             'excerpt' => __( 'Stay up to date with all our latest news and launches. Only the best quality makes it onto our blog!', 'layerswp' ),  
  58.             'text_style' => 'regular',  
  59.             'category' => 0,  
  60.             'show_media' => 'on',  
  61.             'show_titles' => 'on',  
  62.             'show_excerpts' => 'on',  
  63.             'show_dates' => 'on',  
  64.             'show_author' => 'on',  
  65.             'show_tags' => 'on',  
  66.             'show_categories' => 'on',  
  67.             'show_pagination' => 'on',  
  68.             'excerpt_length' => 200,  
  69.             'show_call_to_action' => 'on',  
  70.             'call_to_action' => __( 'Read More' , 'layerswp' ),  
  71.             'posts_per_page' => get_option( 'posts_per_page' ),  
  72.             'design' => array( 
  73.                 'layout' => 'layout-boxed',  
  74.                 'imageratios' => 'image-square',  
  75.                 'textalign' => 'text-left',  
  76.                 'liststyle' => 'list-grid',  
  77.                 'columns' => '3',  
  78.                 'gutter' => 'on',  
  79.                 'background' => array( 
  80.                     'position' => 'center',  
  81.                     'repeat' => 'no-repeat' 
  82.  ),  
  83.                 'fonts' => array( 
  84.                     'align' => 'text-left',  
  85.                     'size' => 'medium',  
  86.                     'color' => NULL,  
  87.                     'shadow' => NULL,  
  88.                     'heading-type' => 'h3',  
  89.  ),  
  90.                 'buttons' => array( 
  91.                     'buttons-size' => 'medium',  
  92.  ) 
  93.  ) 
  94.  ); 
  95.     } 
  96.  
  97.     /** 
  98.     *  Widget front end display 
  99.     */ 
  100.     function widget( $args, $instance ) { 
  101.         global $wp_customize; 
  102.  
  103.         $this->backup_inline_css(); 
  104.  
  105.         // Turn $args array into variables. 
  106.         extract( $args ); 
  107.  
  108.         // Use defaults if $instance is empty. 
  109.         if( empty( $instance ) && ! empty( $this->defaults ) ) { 
  110.             $instance = wp_parse_args( $instance, $this->defaults ); 
  111.         } 
  112.  
  113.         // Mix in new/unset defaults on every instance load (NEW) 
  114.         $instance = $this->apply_defaults( $instance ); 
  115.  
  116.         // Enqueue Masonry if need be 
  117.         if( 'list-masonry' == $this->check_and_return( $instance , 'design', 'liststyle' ) ) { 
  118.             wp_enqueue_script( LAYERS_THEME_SLUG . '-layers-masonry-js' ); 
  119.         } 
  120.  
  121.         // Set the span class for each column 
  122.         if( 'list-list' == $instance['design'][ 'liststyle' ] ) { 
  123.             $col_count = 1; 
  124.             $span_class = 'span-12'; 
  125.         } else if( isset( $instance['design'][ 'columns'] ) ) { 
  126.             $col_count = str_ireplace('columns-', '', $instance['design'][ 'columns'] ); 
  127.             $span_class = 'span-' . ( 12/ $col_count ); 
  128.         } else { 
  129.             $col_count = 3; 
  130.             $span_class = 'span-4'; 
  131.         } 
  132.  
  133.         // Apply Styling 
  134.         $this->inline_css .= layers_inline_styles( '#' . $widget_id, 'background', array( 'background' => $instance['design'][ 'background' ] ) ); 
  135.         $this->inline_css .= layers_inline_styles( '#' . $widget_id, 'color', array( 'selectors' => array( '.section-title .heading' , '.section-title div.excerpt' ) , 'color' => $instance['design']['fonts'][ 'color' ] ) ); 
  136.         $this->inline_css .= layers_inline_styles( '#' . $widget_id, 'background', array( 'selectors' => array( '.thumbnail-body' ) , 'background' => array( 'color' => $this->check_and_return( $instance, 'design', 'column-background-color' ) ) ) ); 
  137.  
  138.         // Apply Button Styling. 
  139.         $button_size = ''; 
  140.         if ( function_exists( 'layers_pro_apply_widget_button_styling' ) ) { 
  141.             // Apply Layers Pro Button Styling. 
  142.             $this->inline_css .= layers_pro_apply_widget_button_styling( $this, $instance, array( "#{$widget_id} .thumbnail-body a.button" ) ); 
  143.             $button_size = $this->check_and_return( $instance, 'design', 'buttons-size' ) ? 'btn-' . $this->check_and_return( $instance, 'design', 'buttons-size' ) : '' ; 
  144.         } 
  145.         else { 
  146.             // Apply Button Styling. 
  147.             $this->inline_css .= layers_inline_button_styles( "#{$widget_id}", 'button', array( 'selectors' => array( '.thumbnail-body a.button' ) , 'button' => $this->check_and_return( $instance, 'design', 'buttons' ) ) ); 
  148.         } 
  149.  
  150.         // Set Image Sizes 
  151.         if( isset( $instance['design'][ 'imageratios' ] ) ) { 
  152.  
  153.             // Translate Image Ratio 
  154.             $image_ratio = layers_translate_image_ratios( $instance['design'][ 'imageratios' ] ); 
  155.  
  156.             if( 'layout-boxed' == $this->check_and_return( $instance , 'design', 'layout' ) && $col_count > 2 ) { 
  157.                 $use_image_ratio = $image_ratio . '-medium'; 
  158.             } elseif( 'layout-boxed' != $this->check_and_return( $instance , 'design', 'layout' ) && $col_count > 3 ) { 
  159.                 $use_image_ratio = $image_ratio . '-large'; 
  160.             } else { 
  161.                 $use_image_ratio = $image_ratio . '-large'; 
  162.             } 
  163.         } else { 
  164.             $use_image_ratio = 'large'; 
  165.         } 
  166.  
  167.         // Begin query arguments 
  168.         $query_args = array(); 
  169.         if( get_query_var('paged') ) { 
  170.             $query_args[ 'paged' ] = get_query_var('paged') ; 
  171.         } else if ( get_query_var('page') ) { 
  172.             $query_args[ 'paged' ] = get_query_var('page'); 
  173.         } else { 
  174.             $query_args[ 'paged' ] = 1; 
  175.         } 
  176.  
  177.         $query_args[ 'post_type' ] = $this->post_type; 
  178.         $query_args[ 'posts_per_page' ] = $instance['posts_per_page']; 
  179.         if( isset( $instance['order'] ) ) { 
  180.  
  181.             $decode_order = json_decode( $instance['order'], true ); 
  182.  
  183.             if( is_array( $decode_order ) ) { 
  184.                 foreach( $decode_order as $key => $value ) { 
  185.                     $query_args[ $key ] = $value; 
  186.                 } 
  187.             } 
  188.         } 
  189.  
  190.         // Do the special taxonomy array() 
  191.         if( isset( $instance['category'] ) && '' != $instance['category'] && 0 != $instance['category'] ) { 
  192.  
  193.             $query_args['tax_query'] = array( 
  194.                 array( 
  195.                     "taxonomy" => $this->taxonomy,  
  196.                     "field" => "id",  
  197.                     "terms" => $instance['category'] 
  198.  ) 
  199.  ); 
  200.         } elseif( !isset( $instance['hide_category_filter'] ) ) { 
  201.             $terms = get_terms( $this->taxonomy ); 
  202.         } // if we haven't selected which category to show, let's load the $terms for use in the filter 
  203.  
  204.         // Do the WP_Query 
  205.         $post_query = new WP_Query( $query_args ); 
  206.  
  207.         // Set the meta to display 
  208.         global $layers_post_meta_to_display; 
  209.         $layers_post_meta_to_display = array(); 
  210.         if( isset( $instance['show_dates'] ) ) $layers_post_meta_to_display[] = 'date'; 
  211.         if( isset( $instance['show_author'] ) ) $layers_post_meta_to_display[] = 'author'; 
  212.         if( isset( $instance['show_categories'] ) ) $layers_post_meta_to_display[] = 'categories'; 
  213.         if( isset( $instance['show_tags'] ) ) $layers_post_meta_to_display[] = 'tags'; 
  214.  
  215.         // Apply the advanced widget styling 
  216.         $this->apply_widget_advanced_styling( $widget_id, $instance ); 
  217.  
  218.         /** 
  219.         * Generate the widget container class 
  220.         */ 
  221.         $widget_container_class = array(); 
  222.  
  223.         $widget_container_class[] = 'widget'; 
  224.         $widget_container_class[] = 'layers-post-widget'; 
  225.         $widget_container_class[] = 'content-vertical-massive'; 
  226.         $widget_container_class[] = 'clearfix'; 
  227.         $widget_container_class[] = ( 'on' == $this->check_and_return( $instance , 'design', 'background', 'darken' ) ? 'darken' : '' ); 
  228.         $widget_container_class[] = $this->check_and_return( $instance , 'design', 'advanced', 'customclass' ); // Apply custom class from design-bar's advanced control. 
  229.         $widget_container_class[] = $this->get_widget_spacing_class( $instance ); 
  230.  
  231.         $widget_container_class = apply_filters( 'layers_post_widget_container_class' , $widget_container_class, $this, $instance ); 
  232.         $widget_container_class = implode( ' ', $widget_container_class ); 
  233.  
  234.         // Custom Anchor 
  235.         echo $this->custom_anchor( $instance ); ?> 
  236.  
  237.         <div id="<?php echo esc_attr( $widget_id ); ?>" class="<?php echo esc_attr( $widget_container_class ); ?>" <?php $this->selective_refresh_atts( $args ); ?>> 
  238.  
  239.             <?php do_action( 'layers_before_post_widget_inner', $this, $instance ); ?> 
  240.  
  241.             <?php if( '' != $this->check_and_return( $instance , 'title' ) ||'' != $this->check_and_return( $instance , 'excerpt' ) ) { ?> 
  242.                 <div class="container clearfix"> 
  243.                     <?php /** 
  244.                     * Generate the Section Title Classes 
  245.                     */ 
  246.                     $section_title_class = array(); 
  247.                     $section_title_class[] = 'section-title clearfix'; 
  248.                     $section_title_class[] = $this->check_and_return( $instance , 'design', 'fonts', 'size' ); 
  249.                     $section_title_class[] = $this->check_and_return( $instance , 'design', 'fonts', 'align' ); 
  250.                     $section_title_class[] = ( $this->check_and_return( $instance, 'design', 'background' , 'color' ) && 'dark' == layers_is_light_or_dark( $this->check_and_return( $instance, 'design', 'background' , 'color' ) ) ? 'invert' : '' ); 
  251.                     $section_title_class = implode( ' ', $section_title_class ); ?> 
  252.                     <div class="<?php echo $section_title_class; ?>"> 
  253.                         <?php if( '' != $this->check_and_return( $instance, 'title' ) ) { ?> 
  254.                             <<?php echo $this->check_and_return( $instance, 'design', 'fonts', 'heading-type' ); ?> class="heading"> 
  255.                                 <?php echo $instance['title'] ?> 
  256.                             </<?php echo $this->check_and_return( $instance, 'design', 'fonts', 'heading-type' ); ?>> 
  257.                         <?php } ?> 
  258.                         <?php if( '' != $this->check_and_return( $instance, 'excerpt' ) ) { ?> 
  259.                             <div class="excerpt"><?php echo layers_the_content( $instance['excerpt'] ); ?></div> 
  260.                         <?php } ?> 
  261.                     </div> 
  262.                 </div> 
  263.             <?php } ?> 
  264.             <?php if( $post_query->have_posts() ) { ?> 
  265.                 <div class="<?php echo $this->get_widget_layout_class( $instance ); ?> <?php echo $this->check_and_return( $instance , 'design', 'liststyle' ); ?>"> 
  266.                     <div class="grid"> 
  267.                             <?php while( $post_query->have_posts() ) { 
  268.                                 $post_query->the_post(); 
  269.  
  270.                                 if( 'list-list' == $instance['design'][ 'liststyle' ] ) { ?> 
  271.                                     <article id="post-<?php the_ID(); ?>" class="clearfix push-bottom-large"> 
  272.                                         <?php if( isset( $instance['show_titles'] ) ) { ?> 
  273.                                             <header class="section-title large"> 
  274.                                                 <h1 class="heading"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1> 
  275.                                             </header> 
  276.                                         <?php } ?> 
  277.  
  278.                                         <?php // Layers Featured Media ); 
  279.                                         if( isset( $instance['show_media'] ) ) { 
  280.                                             echo layers_post_featured_media( 
  281.                                                 array( 
  282.                                                     'postid' => get_the_ID(),  
  283.                                                     'wrap_class' => 'thumbnail push-bottom span-5 column' .  ( 'image-round' == $this->check_and_return( $instance, 'design', 'imageratios' ) ? ' image-rounded' : '' ),  
  284.                                                     'size' => $use_image_ratio 
  285.  ) 
  286.  ); 
  287.                                         } // if Show Media ?> 
  288.  
  289.                                         <?php if( isset( $instance['show_excerpts'] ) || $instance['show_call_to_action'] || ! empty( $layers_post_meta_to_display ) ) { ?> 
  290.                                             <div class="column span-7"> 
  291.                                                 <?php if( isset( $instance['show_excerpts'] ) ) { 
  292.                                                     if( isset( $instance['excerpt_length'] ) && '' == $instance['excerpt_length'] ) { 
  293.                                                         echo '<div class="copy push-bottom">'; 
  294.                                                             the_content(); 
  295.                                                         echo '</div>'; 
  296.                                                     } else if( isset( $instance['excerpt_length'] ) && 0 != $instance['excerpt_length'] && strlen( get_the_excerpt() ) > $instance['excerpt_length'] ) { 
  297.                                                         echo '<div class="copy push-bottom">' . substr( get_the_excerpt() , 0 , $instance['excerpt_length'] ) . '…</div>'; 
  298.                                                     } else if( '' != get_the_excerpt() ) { 
  299.                                                         echo '<div class="copy push-bottom">' . get_the_excerpt() . '</div>'; 
  300.                                                     } 
  301.                                                 }; ?> 
  302.  
  303.                                                 <?php layers_post_meta( get_the_ID(), $layers_post_meta_to_display, 'footer' , 'meta-info push-bottom ' . ( '' != $this->check_and_return( $instance, 'design', 'column-background-color' ) && 'dark' == layers_is_light_or_dark( $this->check_and_return( $instance, 'design', 'column-background-color' ) ) ? 'invert' : '' ) );?> 
  304.  
  305.                                                 <?php if( isset( $instance['show_call_to_action'] ) && $this->check_and_return( $instance , 'call_to_action' ) ) { ?> 
  306.                                                     <p><a href="<?php the_permalink(); ?>" class="button <?php echo $button_size; ?>"><?php echo $instance['call_to_action']; ?></a></p> 
  307.                                                 <?php } // show call to action ?> 
  308.                                             </div> 
  309.                                         <?php } ?> 
  310.                                     </article> 
  311.                                 <?php } else { 
  312.                                     /** 
  313.                                     * Set Individual Column CSS 
  314.                                     */ 
  315.                                     $post_column_class = array(); 
  316.                                     $post_column_class[] = 'layers-masonry-column'; 
  317.                                     $post_column_class[] = 'thumbnail'; 
  318.                                     $post_column_class[] = ( 'list-masonry' == $this->check_and_return( $instance, 'design', 'liststyle' ) ? 'no-gutter' : '' ); 
  319.                                     $post_column_class[] = 'column' . ( 'on' != $this->check_and_return( $instance, 'design', 'gutter' ) ? '-flush' : '' ); 
  320.                                     $post_column_class[] = $span_class; 
  321.                                     $post_column_class[] = ( 'overlay' == $this->check_and_return( $instance , 'text_style' ) ? 'with-overlay' : '' ) ; 
  322.                                     $post_column_class[] = ( '' != $this->check_and_return( $instance, 'design', 'column-background-color' ) && 'dark' == layers_is_light_or_dark( $this->check_and_return( $instance, 'design', 'column-background-color' ) ) ? 'invert' : '' ); 
  323.                                     $post_column_class = implode( ' ' , $post_column_class ); ?> 
  324.  
  325.                                     <article class="<?php echo $post_column_class; ?>" data-cols="<?php echo $col_count; ?>"> 
  326.                                         <?php // Layers Featured Media 
  327.                                         if( isset( $instance['show_media'] ) ) { 
  328.                                             echo layers_post_featured_media( 
  329.                                                 array( 
  330.                                                     'postid' => get_the_ID(),  
  331.                                                     'wrap_class' => 'thumbnail-media' .  ( ( 'image-round' == $this->check_and_return( $instance, 'design', 'imageratios' ) ) ? ' image-rounded' : '' ),  
  332.                                                     'size' => $use_image_ratio,  
  333.                                                     'hide_href' => false 
  334.  ) 
  335.  ); 
  336.                                         } // if Show Media ?> 
  337.                                         <?php if( isset( $instance['show_titles'] ) || isset( $instance['show_excerpts'] ) ) { ?> 
  338.                                             <div class="thumbnail-body"> 
  339.                                                 <div class="overlay"> 
  340.                                                     <?php if( isset( $instance['show_titles'] ) ) { ?> 
  341.                                                         <header class="article-title"> 
  342.                                                             <h4 class="heading"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4> 
  343.                                                         </header> 
  344.                                                     <?php } ?> 
  345.                                                     <?php if( isset( $instance['show_excerpts'] ) ) { 
  346.                                                         if( isset( $instance['excerpt_length'] ) && '' == $instance['excerpt_length'] ) { 
  347.                                                             echo '<div class="excerpt">'; 
  348.                                                                 the_content(); 
  349.                                                             echo '</div>'; 
  350.                                                         } else if( isset( $instance['excerpt_length'] ) && 0 != $instance['excerpt_length'] && strlen( get_the_excerpt() ) > $instance['excerpt_length'] ) { 
  351.                                                             echo '<div class="excerpt">' . substr( get_the_excerpt() , 0 , $instance['excerpt_length'] ) . '…</div>'; 
  352.                                                         } else if( '' != get_the_excerpt() ) { 
  353.                                                             echo '<div class="excerpt">' . get_the_excerpt() . '</div>'; 
  354.                                                         } 
  355.                                                     }; ?> 
  356.                                                     <?php if( 'overlay' != $this->check_and_return( $instance, 'text_style' ) ) { ?> 
  357.                                                         <?php layers_post_meta( get_the_ID(), $layers_post_meta_to_display, 'footer' , 'meta-info ' . ( '' != $this->check_and_return( $instance, 'design', 'column-background-color' ) && 'dark' == layers_is_light_or_dark( $this->check_and_return( $instance, 'design', 'column-background-color' ) ) ? 'invert' : '' ) );?> 
  358.                                                     <?php } // Don't show meta if we have chosen overlay ?> 
  359.                                                     <?php if( isset( $instance['show_call_to_action'] ) && $this->check_and_return( $instance , 'call_to_action' ) ) { ?> 
  360.                                                         <a href="<?php the_permalink(); ?>" class="button <?php echo $button_size; ?>"><?php echo $instance['call_to_action']; ?></a> 
  361.                                                     <?php } // show call to action ?> 
  362.                                                 </div> 
  363.                                             </div> 
  364.                                         <?php } // if show titles || show excerpt ?> 
  365.                                     </article> 
  366.                                 <?php }; // if list-list == liststyle ?> 
  367.                             <?php }; // while have_posts ?> 
  368.                     </div><!-- /row --> 
  369.                 </div> 
  370.             <?php }; // if have_posts ?> 
  371.             <?php if( isset( $instance['show_pagination'] ) ) { ?> 
  372.                 <div class="container"> 
  373.                     <?php layers_pagination( array( 'query' => $post_query ), 'div', 'pagination clearfix' ); ?> 
  374.                 </div> 
  375.             <?php } ?> 
  376.  
  377.             <?php do_action( 'layers_after_post_widget_inner', $this, $instance ); 
  378.  
  379.             // Print the Inline Styles for this Widget 
  380.             $this->print_inline_css(); 
  381.  
  382.             if( 'list-masonry' == $this->check_and_return( $instance , 'design', 'liststyle' ) ) { ?> 
  383.                 <script type='text/javascript'> 
  384.                     jQuery(function($) { 
  385.                         $('#<?php echo $widget_id; ?>').find('.list-masonry .grid').layers_masonry({ 
  386.                             itemSelector: '.layers-masonry-column',  
  387.                             gutter: <?php echo ( isset( $instance['design'][ 'gutter' ] ) ? 20 : 0 ); ?>,  
  388.                         }); 
  389.                     }); 
  390.                 </script> 
  391.             <?php } // masonry trigger ?> 
  392.  
  393.         </div> 
  394.  
  395.         <?php // Reset WP_Query 
  396.         wp_reset_postdata(); 
  397.  
  398.     } 
  399.  
  400.     /** 
  401.     *  Widget update 
  402.     */ 
  403.  
  404.     function update($new_instance, $old_instance) { 
  405.  
  406.         if ( isset( $this->checkboxes ) ) { 
  407.             foreach( $this->checkboxes as $cb ) { 
  408.                 if( isset( $old_instance[ $cb ] ) ) { 
  409.                     $old_instance[ $cb ] = strip_tags( $new_instance[ $cb ] ); 
  410.                 } 
  411.             } // foreach checkboxes 
  412.         } // if checkboxes 
  413.         return $new_instance; 
  414.     } 
  415.  
  416.     /** 
  417.     *  Widget form 
  418.     * 
  419.     * We use regulage HTML here, it makes reading the widget much easier than if we used just php to echo all the HTML out. 
  420.     * 
  421.     */ 
  422.     function form( $instance ) { 
  423.  
  424.         // Use defaults if $instance is empty. 
  425.         if( empty( $instance ) && ! empty( $this->defaults ) ) { 
  426.             $instance = wp_parse_args( $instance, $this->defaults ); 
  427.         } 
  428.  
  429.         // Mix in new/unset defaults on every instance load (NEW) 
  430.         $instance = $this->apply_defaults( $instance ); 
  431.  
  432.         $this->design_bar( 
  433.             'side', // CSS Class Name 
  434.             array( // Widget Object 
  435.                 'name' => $this->get_layers_field_name( 'design' ),  
  436.                 'id' => $this->get_layers_field_id( 'design' ),  
  437.                 'widget_id' => $this->widget_id,  
  438.  ),  
  439.             $instance, // Widget Values 
  440.             apply_filters( 'layers_post_widget_design_bar_components' , array( // Components 
  441.                 'layout',  
  442.                 'display' => array( 
  443.                     'icon-css' => 'icon-display',  
  444.                     'label' => __( 'Display', 'layerswp' ),  
  445.                     'elements' => array( 
  446.                         'text_style' => array( 
  447.                             'type' => 'select',  
  448.                             'name' => $this->get_layers_field_name( 'text_style' ) ,  
  449.                             'id' => $this->get_layers_field_id( 'text_style' ) ,  
  450.                             'value' => ( isset( $instance['text_style'] ) ) ? $instance['text_style'] : NULL,  
  451.                             'label' => __( 'Title & Excerpt Position' , 'layerswp' ),  
  452.                             'options' => array( 
  453.                                     'regular' => __( 'Regular' , 'layerswp' ),  
  454.                                     'overlay' => __( 'Overlay' , 'layerswp' ) 
  455.  ) 
  456.  ),  
  457.                         'show_pagination' => array( 
  458.                             'type' => 'checkbox',  
  459.                             'name' => $this->get_layers_field_name( 'show_pagination' ) ,  
  460.                             'id' => $this->get_layers_field_id( 'show_pagination' ) ,  
  461.                             'value' => ( isset( $instance['show_pagination'] ) ) ? $instance['show_pagination'] : NULL,  
  462.                             'label' => __( 'Show Pagination' , 'layerswp' ) 
  463.  ),  
  464.                         'show_media' => array( 
  465.                             'type' => 'checkbox',  
  466.                             'name' => $this->get_layers_field_name( 'show_media' ) ,  
  467.                             'id' => $this->get_layers_field_id( 'show_media' ) ,  
  468.                             'value' => ( isset( $instance['show_media'] ) ) ? $instance['show_media'] : NULL,  
  469.                             'label' => __( 'Show Featured Images' , 'layerswp' ) 
  470.  ),  
  471.                         'show_titles' => array( 
  472.                             'type' => 'checkbox',  
  473.                             'name' => $this->get_layers_field_name( 'show_titles' ) ,  
  474.                             'id' => $this->get_layers_field_id( 'show_titles' ) ,  
  475.                             'value' => ( isset( $instance['show_titles'] ) ) ? $instance['show_titles'] : NULL,  
  476.                             'label' => __( 'Show  Post Titles' , 'layerswp' ) 
  477.  ),  
  478.                         'show_excerpts' => array( 
  479.                             'type' => 'checkbox',  
  480.                             'name' => $this->get_layers_field_name( 'show_excerpts' ) ,  
  481.                             'id' => $this->get_layers_field_id( 'show_excerpts' ) ,  
  482.                             'value' => ( isset( $instance['show_excerpts'] ) ) ? $instance['show_excerpts'] : NULL,  
  483.                             'label' => __( 'Show Post Excerpts' , 'layerswp' ),  
  484.                             'data' => array( 
  485.                                 'show-if-selector' => '#' . $this->get_layers_field_id( 'text_style' ),  
  486.                                 'show-if-value' => 'overlay',  
  487.                                 'show-if-operator' => '!=' 
  488.  ),  
  489.  ),  
  490.                         'excerpt_length' => array( 
  491.                             'type' => 'number',  
  492.                             'name' => $this->get_layers_field_name( 'excerpt_length' ) ,  
  493.                             'id' => $this->get_layers_field_id( 'excerpt_length' ) ,  
  494.                             'min' => 0,  
  495.                             'max' => 10000,  
  496.                             'value' => ( isset( $instance['excerpt_length'] ) ) ? $instance['excerpt_length'] : NULL,  
  497.                             'label' => __( 'Excerpts Length' , 'layerswp' ),  
  498.                             'data' => array( 'show-if-selector' => '#' . $this->get_layers_field_id( 'show_excerpts' ), 'show-if-value' => 'true' ),  
  499.  ),  
  500.                         'show_dates' => array( 
  501.                             'type' => 'checkbox',  
  502.                             'name' => $this->get_layers_field_name( 'show_dates' ) ,  
  503.                             'id' => $this->get_layers_field_id( 'show_dates' ) ,  
  504.                             'value' => ( isset( $instance['show_dates'] ) ) ? $instance['show_dates'] : NULL,  
  505.                             'label' => __( 'Show Post Dates' , 'layerswp' ),  
  506.                             'data' => array( 
  507.                                 'show-if-selector' => '#' . $this->get_layers_field_id( 'text_style' ),  
  508.                                 'show-if-value' => 'overlay',  
  509.                                 'show-if-operator' => '!=' 
  510.  ),  
  511.  ),  
  512.                         'show_author' => array( 
  513.                             'type' => 'checkbox',  
  514.                             'name' => $this->get_layers_field_name( 'show_author' ) ,  
  515.                             'id' => $this->get_layers_field_id( 'show_author' ) ,  
  516.                             'value' => ( isset( $instance['show_author'] ) ) ? $instance['show_author'] : NULL,  
  517.                             'label' => __( 'Show Post Author' , 'layerswp' ),  
  518.                             'data' => array( 
  519.                                 'show-if-selector' => '#' . $this->get_layers_field_id( 'text_style' ),  
  520.                                 'show-if-value' => 'overlay',  
  521.                                 'show-if-operator' => '!=' 
  522.  ),  
  523.  ),  
  524.                         'show_tags' => array( 
  525.                             'type' => 'checkbox',  
  526.                             'name' => $this->get_layers_field_name( 'show_tags' ) ,  
  527.                             'id' => $this->get_layers_field_id( 'show_tags' ) ,  
  528.                             'value' => ( isset( $instance['show_tags'] ) ) ? $instance['show_tags'] : NULL,  
  529.                             'label' => __( 'Show Tags' , 'layerswp' ),  
  530.                             'data' => array( 
  531.                                 'show-if-selector' => '#' . $this->get_layers_field_id( 'text_style' ),  
  532.                                 'show-if-value' => 'overlay',  
  533.                                 'show-if-operator' => '!=' 
  534.  ),  
  535.  ),  
  536.                         'show_categories' => array( 
  537.                             'type' => 'checkbox',  
  538.                             'name' => $this->get_layers_field_name( 'show_categories' ) ,  
  539.                             'id' => $this->get_layers_field_id( 'show_categories' ) ,  
  540.                             'value' => ( isset( $instance['show_categories'] ) ) ? $instance['show_categories'] : NULL,  
  541.                             'label' => __( 'Show Categories' , 'layerswp' ),  
  542.                             'data' => array( 
  543.                                 'show-if-selector' => '#' . $this->get_layers_field_id( 'text_style' ),  
  544.                                 'show-if-value' => 'overlay',  
  545.                                 'show-if-operator' => '!=' 
  546.  ),  
  547.  ),  
  548.                         'show_call_to_action' => array( 
  549.                             'type' => 'checkbox',  
  550.                             'name' => $this->get_layers_field_name( 'show_call_to_action' ) ,  
  551.                             'id' => $this->get_layers_field_id( 'show_call_to_action' ) ,  
  552.                             'value' => ( isset( $instance['show_call_to_action'] ) ) ? $instance['show_call_to_action'] : NULL,  
  553.                             'label' => __( 'Show "Read More" Buttons' , 'layerswp' ),  
  554.  ),  
  555.                         'call_to_action' => array( 
  556.                             'type' => 'text',  
  557.                             'name' => $this->get_layers_field_name( 'call_to_action' ) ,  
  558.                             'id' => $this->get_layers_field_id( 'call_to_action' ) ,  
  559.                             'value' => ( isset( $instance['call_to_action'] ) ) ? $instance['call_to_action'] : NULL,  
  560.                             'label' => __( '"Read More" Text' , 'layerswp' ),  
  561.                             'data' => array( 'show-if-selector' => '#' . $this->get_layers_field_id( 'show_call_to_action' ), 'show-if-value' => 'true' ),  
  562.  ),  
  563.  ),  
  564.  ),  
  565.                 'columns',  
  566.                 'buttons',  
  567.                 'liststyle',  
  568.                 'imageratios',  
  569.                 'background',  
  570.                 'advanced',  
  571.  ), $this, $instance ) 
  572.  ); ?> 
  573.         <div class="layers-container-large"> 
  574.  
  575.             <?php $this->form_elements()->header( array( 
  576.                 'title' =>  __( 'Post' , 'layerswp' ),  
  577.                 'icon_class' =>'post' 
  578.  ) ); ?> 
  579.  
  580.             <section class="layers-accordion-section layers-content"> 
  581.  
  582.                 <div class="layers-row layers-push-bottom"> 
  583.                     <div class="layers-form-item"> 
  584.  
  585.                         <?php echo $this->form_elements()->input( 
  586.                             array( 
  587.                                 'type' => 'text',  
  588.                                 'name' => $this->get_layers_field_name( 'title' ) ,  
  589.                                 'id' => $this->get_layers_field_id( 'title' ) ,  
  590.                                 'placeholder' => __( 'Enter title here' , 'layerswp' ),  
  591.                                 'value' => ( isset( $instance['title'] ) ) ? $instance['title'] : NULL,  
  592.                                 'class' => 'layers-text layers-large' 
  593.  ) 
  594.  ); ?> 
  595.  
  596.                         <?php $this->design_bar( 
  597.                             'top', // CSS Class Name 
  598.                             array( // Widget Object 
  599.                                 'name' => $this->get_layers_field_name( 'design' ),  
  600.                                 'id' => $this->get_layers_field_id( 'design' ),  
  601.                                 'widget_id' => $this->widget_id,  
  602.                                 'show_trash' => FALSE,  
  603.                                 'inline' => TRUE,  
  604.                                 'align' => 'right',  
  605.  ),  
  606.                             $instance, // Widget Values 
  607.                             apply_filters( 'layers_post_widget_inline_design_bar_components', array( // Components 
  608.                                 'fonts',  
  609.  ), $this, $instance ) 
  610.  ); ?> 
  611.  
  612.                     </div> 
  613.                     <div class="layers-form-item"> 
  614.  
  615.                         <?php echo $this->form_elements()->input( 
  616.                             array( 
  617.                                 'type' => 'rte',  
  618.                                 'name' => $this->get_layers_field_name( 'excerpt' ) ,  
  619.                                 'id' => $this->get_layers_field_id( 'excerpt' ) ,  
  620.                                 'placeholder' => __( 'Short Excerpt' , 'layerswp' ),  
  621.                                 'value' => ( isset( $instance['excerpt'] ) ) ? $instance['excerpt'] : NULL,  
  622.                                 'class' => 'layers-textarea layers-large' 
  623.  ) 
  624.  ); ?> 
  625.  
  626.                     </div> 
  627.                     <?php // Grab the terms as an array and loop 'em to generate the $options for the input 
  628.                     $terms = get_terms( $this->taxonomy , array( 'hide_empty' => false ) ); 
  629.                     if( !is_wp_error( $terms ) ) { ?> 
  630.                         <p class="layers-form-item"> 
  631.                             <label for="<?php echo $this->get_layers_field_id( 'category' ); ?>"><?php echo __( 'Category to Display' , 'layerswp' ); ?></label> 
  632.                             <?php $category_options[ 0 ] = __( 'All' , 'layerswp' ); 
  633.                             foreach ( $terms as $t ) $category_options[ $t->term_id ] = $t->name; 
  634.                             echo $this->form_elements()->input( 
  635.                                 array( 
  636.                                     'type' => 'select',  
  637.                                     'name' => $this->get_layers_field_name( 'category' ) ,  
  638.                                     'id' => $this->get_layers_field_id( 'category' ) ,  
  639.                                     'placeholder' => __( 'Select a Category' , 'layerswp' ),  
  640.                                     'value' => ( isset( $instance['category'] ) ) ? $instance['category'] : NULL,  
  641.                                     'options' => $category_options,  
  642.  ) 
  643.  ); ?> 
  644.                         </p> 
  645.                     <?php } // if !is_wp_error ?> 
  646.                     <p class="layers-form-item"> 
  647.                         <label for="<?php echo $this->get_layers_field_id( 'posts_per_page' ); ?>"><?php echo __( 'Number of items to show' , 'layerswp' ); ?></label> 
  648.                         <?php $select_options[ '-1' ] = __( 'Show All' , 'layerswp' ); 
  649.                         $select_options = $this->form_elements()->get_incremental_options( $select_options , 1 , 20 , 1); 
  650.                         echo $this->form_elements()->input( 
  651.                             array( 
  652.                                 'type' => 'number',  
  653.                                 'name' => $this->get_layers_field_name( 'posts_per_page' ) ,  
  654.                                 'id' => $this->get_layers_field_id( 'posts_per_page' ) ,  
  655.                                 'value' => ( isset( $instance['posts_per_page'] ) ) ? $instance['posts_per_page'] : NULL,  
  656.                                 'min' => '-1',  
  657.                                 'max' => '100' 
  658.  ) 
  659.  ); ?> 
  660.                     </p> 
  661.  
  662.                     <p class="layers-form-item"> 
  663.                         <label for="<?php echo $this->get_layers_field_id( 'order' ); ?>"><?php echo __( 'Sort by' , 'layerswp' ); ?></label> 
  664.                         <?php echo $this->form_elements()->input( 
  665.                             array( 
  666.                                 'type' => 'select',  
  667.                                 'name' => $this->get_layers_field_name( 'order' ) ,  
  668.                                 'id' => $this->get_layers_field_id( 'order' ) ,  
  669.                                 'value' => ( isset( $instance['order'] ) ) ? $instance['order'] : NULL,  
  670.                                 'options' => $this->form_elements()->get_sort_options() 
  671.  ) 
  672.  ); ?> 
  673.                     </p> 
  674.                 </div> 
  675.             </section> 
  676.  
  677.         </div> 
  678.     <?php } // Form 
  679. } // Class