<?php
/*
Widget Name: Blog
Description: Display blog posts in a list or grid. Choose a design that suits your content.
Author: SiteOrigin
Author URI: https://siteorigin.com
Documentation: https://siteorigin.com/widgets-bundle/blog-widget/
*/
class SiteOrigin_Widget_Blog_Widget extends SiteOrigin_Widget {
function __construct() {
parent::__construct(
'sow-blog',
__( 'SiteOrigin Blog', 'so-widgets-bundle' ),
array(
'description' => __( 'Display blog posts in a list or grid. Choose a design that suits your content.', 'so-widgets-bundle' ),
'help' => 'https://siteorigin.com/widgets-bundle/blog-widget/',
'instance_storage' => true,
'panels_title' => false,
),
array(),
false,
plugin_dir_path( __FILE__ )
);
}
function initialize() {
add_action( 'wp_loaded', array( $this, 'register_image_sizes' ) );
$this->register_frontend_styles(
array(
array(
'sow-blog',
plugin_dir_url( __FILE__ ) . 'css/style.css',
),
)
);
add_action( 'wp_enqueue_scripts', array( $this, 'register_template_assets' ) );
}
function register_image_sizes() {
$image_sizes = apply_filters( 'siteorigin_widgets_blog_image_sizes', array(
'portfolio' => array(
375,
375
),
'grid' => array(
720,
480
),
'alternate' => array(
950,
630
)
) );
foreach ( $image_sizes as $k => $size ) {
add_image_size( 'sow-blog-' . $k, (int) $size[0], (int) $size[1], true );
}
}
function get_widget_form() {
$templates = apply_filters( 'siteorigin_widgets_blog_templates', json_decode( file_get_contents( plugin_dir_path( __FILE__ ) . 'data/templates.json' ), true ) );
return $this->dynamic_preset_state_handler(
'active_template',
$templates,
array(
'title' => array(
'type' => 'text',
'label' => __( 'Title', 'so-widgets-bundle' ),
),
'template' => array(
'type' => 'presets',
'label' => __( 'Template', 'so-widgets-bundle'),
'default' => 'standard',
'options' => $templates,
'state_emitter' => array(
'callback' => 'select',
'args' => array( 'active_template' ),
),
),
'settings' => array(
'type' => 'section',
'label' => __( 'Settings', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'columns' => array(
'type' => 'number',
'label' => __( 'Column Count', 'so-widgets-bundle' ),
),
'featured_image' => array(
'type' => 'checkbox',
'label' => __( 'Featured Image', 'so-widgets-bundle' ),
'default' => true,
),
'featured_image_size' => array(
'type' => 'image-size',
'label' => __( 'Featured Image Size', 'siteorigin-premium' ),
'custom_size' => true,
),
'content' => array(
'type' => 'select',
'label' => __( 'Post Content ', 'so-widgets-bundle' ),
'description' => __( 'Choose how to display your post content. Select Full Post Content if using the "more" quicktag.', 'so-widgets-bundle' ),
'default' => 'full',
'options' => array(
'excerpt' => __( 'Post Excerpt', 'so-widgets-bundle' ),
'full' => __( 'Full Post Content', 'so-widgets-bundle' ),
),
'state_emitter' => array(
'callback' => 'select',
'args' => array( 'content_type' ),
),
'state_handler' => array(
'active_template[standard,masonry,grid,offset,alternate]' => array( 'slideDown' ),
'_else[active_template]' => array( 'slideUp' ),
),
),
'read_more' => array(
'type' => 'checkbox',
'label' => __( 'Post Excerpt Read More Link', 'so-widgets-bundle' ),
'description' => __( 'Display the Read More link below the post excerpt.', 'so-widgets-bundle' ),
'state_handler' => array(
'content_type[excerpt]' => array( 'show' ),
'_else[content_type]' => array( 'hide' ),
),
),
'excerpt_length' => array(
'type' => 'number',
'label' => __( 'Excerpt Length', 'so-widgets-bundle' ),
'default' => 55,
'state_handler' => array(
'content_type[excerpt]' => array( 'show' ),
'_else[content_type]' => array( 'hide' ),
),
),
'date' => array(
'type' => 'checkbox',
'label' => __( 'Post Date', 'so-widgets-bundle' ),
'default' => true,
),
'author' => array(
'type' => 'checkbox',
'label' => __( 'Post Author', 'so-widgets-bundle' ),
'default' => true,
),
'filter_categories' => array(
'type' => 'checkbox',
'label' => __( 'Filter Categories ', 'so-widgets-bundle' ),
'default' => true,
'state_emitter' => array(
'callback' => 'conditional',
'args' => array(
'filter_categories[show]: val',
'filter_categories[hide]: ! val',
),
),
),
'categories' => array(
'type' => 'checkbox',
'label' => __( 'Post Categories', 'so-widgets-bundle' ),
'default' => true,
),
'tags' => array(
'type' => 'checkbox',
'label' => __( 'Post Tags', 'so-widgets-bundle' ),
'default' => false,
),
'comment_count' => array(
'type' => 'checkbox',
'label' => __( 'Post Comment Count', 'so-widgets-bundle' ),
'default' => true,
),
),
),
'design' => array(
'type' => 'section',
'label' => __( 'Design', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'post' => array(
'type' => 'section',
'label' => __( 'Post', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'border' => array(
'type' => 'color',
'label' => __( 'Border Color', 'so-widgets-bundle' ),
'default' => '#e6e6e6',
),
'background' => array(
'type' => 'color',
'label' => __( 'Background Color', 'so-widgets-bundle' ),
'default' => '#fff',
),
),
),
'title' => array(
'type' => 'section',
'label' => __( 'Post Title', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '24px',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
),
'color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
),
),
'meta' => array(
'type' => 'section',
'label' => __( 'Post Meta', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '13px',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#929292',
),
'color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'so-widgets-bundle' ),
'default' => '#f14e4e',
),
),
),
'offset_post_meta' => array(
'type' => 'section',
'label' => __( 'Offset Post Meta', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '13px',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#929292',
),
'link_color' => array(
'type' => 'color',
'label' => __( 'Link Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
),
'link_color_hover' => array(
'type' => 'color',
'label' => __( 'Link Color Hover', 'so-widgets-bundle' ),
'default' => '#f14e4e',
),
'link_font_size' => array(
'type' => 'measurement',
'label' => __( 'Link Font Size', 'so-widgets-bundle' ),
'default' => '14px',
),
),
),
'overlay_post_category' => array(
'type' => 'section',
'label' => __( 'Overlay Post Category', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '11px',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#fff',
),
'color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'so-widgets-bundle' ),
'default' => '#fff',
),
'background' => array(
'type' => 'color',
'label' => __( 'Background', 'so-widgets-bundle' ),
'default' => '#000',
),
'background_hover' => array(
'type' => 'color',
'label' => __( 'Hover Background', 'so-widgets-bundle' ),
'default' => '#000',
),
'background_opacity' => array(
'type' => 'slider',
'label' => __( 'Background Opacity', 'so-widgets-bundle' ),
'min' => 0,
'max' => 1,
'step' => 0.01,
'default' => '0.7',
),
'background_opacity_hover' => array(
'type' => 'slider',
'label' => __( 'Background Hover Opacity', 'so-widgets-bundle' ),
'min' => 0,
'max' => 1,
'step' => 0.01,
'default' => '0.75',
),
),
),
'content' => array(
'type' => 'section',
'label' => __( 'Post Content', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '15',
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
'link_color' => array(
'type' => 'color',
'label' => __( 'Link Color', 'so-widgets-bundle' ),
'default' => '#f14e4e',
),
'link_color_hover' => array(
'type' => 'color',
'label' => __( 'Link Hover Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
),
),
'filter_categories' => array(
'type' => 'section',
'label' => __( 'Filter Categories', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '11px',
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'text_transform' => array(
'type' => 'checkbox',
'label' => __( 'Capitalize Categories', 'so-widgets-bundle' ),
'default' => true,
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'color' => array(
'type' => 'color',
'label' => __( 'Color', 'so-widgets-bundle' ),
'default' => '#929292',
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'selected_border_color' => array(
'type' => 'color',
'label' => __( 'Selected Border Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
'selected_border_thickness' => array(
'type' => 'measurement',
'label' => __( 'Selected Border Thickness', 'so-widgets-bundle' ),
'default' => '2px',
'state_handler' => array(
'filter_categories[show]' => array( 'show' ),
'filter_categories[hide]' => array( 'hide' ),
),
),
),
),
'featured_image' => array(
'type' => 'section',
'label' => __( 'Featured Image', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'border_color' => array(
'type' => 'color',
'label' => __( 'Border Color', 'so-widgets-bundle' ),
'default' => '#929292',
),
'hover_overlay_color' => array(
'type' => 'color',
'label' => __( 'Hover Overlay Color', 'so-widgets-bundle' ),
'default' => '#ffffff',
),
'hover_overlay_opacity' => array(
'label' => __( 'Hover Overlay Opacity', 'so-widgets-bundle' ),
'type' => 'slider',
'min' => 0,
'max' => 1,
'step' => 0.01,
'default' => '0.9',
),
'post_title_font' => array(
'type' => 'font',
'label' => __( 'Post Title Font', 'so-widgets-bundle' ),
),
'post_title_font_size' => array(
'type' => 'measurement',
'label' => __( 'Post Title Font Size', 'so-widgets-bundle' ),
'default' => '15px',
),
'post_title_color' => array(
'type' => 'color',
'label' => __( 'Post Title Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
),
'divider_border_color' => array(
'type' => 'color',
'label' => __( 'Divider Border Color', 'so-widgets-bundle' ),
'default' => '#2d2d2d',
),
'divider_border_thickness' => array(
'type' => 'measurement',
'label' => __( 'Divider Border Thickness', 'so-widgets-bundle' ),
'default' => '1px',
),
'divider_border_margin' => array(
'type' => 'measurement',
'label' => __( 'Divider Border Margin', 'so-widgets-bundle' ),
'default' => '13px',
),
'post_meta_font' => array(
'type' => 'font',
'label' => __( 'Post Meta Font', 'so-widgets-bundle' ),
),
'post_meta_font_size' => array(
'type' => 'measurement',
'label' => __( 'Post Meta Font Size', 'so-widgets-bundle' ),
'default' => '11px',
),
'post_meta_color' => array(
'type' => 'color',
'label' => __( 'Post Meta Color', 'so-widgets-bundle' ),
'default' => '#929292',
),
),
),
'pagination' => array(
'type' => 'section',
'label' => __( 'Pagination', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'top_margin' => array(
'type' => 'measurement',
'label' => __( 'Top Margin', 'so-widgets-bundle' ),
'default' => '30px',
),
'link_margin' => array(
'type' => 'measurement',
'label' => __( 'Link Margin', 'so-widgets-bundle' ),
'default' => '8px',
),
'border_color' => array(
'type' => 'color',
'label' => __( 'Border Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
'border_color_hover' => array(
'type' => 'color',
'label' => __( 'Border Hover Color', 'so-widgets-bundle' ),
'default' => '#f14e4e',
),
'background' => array(
'type' => 'color',
'label' => __( 'Background', 'so-widgets-bundle' ),
),
'background_hover' => array(
'type' => 'color',
'label' => __( 'Hover Background', 'so-widgets-bundle' ),
),
'border_radius' => array(
'type' => 'slider',
'label' => __( 'Border Radius', 'so-widgets-bundle' ),
'max' => 50,
'min' => 0,
'step' => 1,
),
'font' => array(
'type' => 'font',
'label' => __( 'Font', 'so-widgets-bundle' ),
),
'font_size' => array(
'type' => 'measurement',
'label' => __( 'Font Size', 'so-widgets-bundle' ),
'default' => '14px',
),
'link_color' => array(
'type' => 'color',
'label' => __( 'Link Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
'link_color_hover' => array(
'type' => 'color',
'label' => __( 'Link Hover Color', 'so-widgets-bundle' ),
'default' => '#f14e4e',
),
'dots_color' => array(
'type' => 'color',
'label' => __( 'Dots Color', 'so-widgets-bundle' ),
'default' => '#626262',
),
'width' => array(
'type' => 'measurement',
'label' => __( 'Width', 'so-widgets-bundle' ),
'units' => array( 'px', 'vh', 'vw', 'vmin', 'vmax' ),
'default' => '40px',
),
'height' => array(
'type' => 'measurement',
'label' => __( 'Height', 'so-widgets-bundle' ),
'units' => array( 'px', 'vh', 'vw', 'vmin', 'vmax' ),
'default' => '43px',
),
),
),
),
),
'posts' => array(
'type' => 'posts',
'label' => __( 'Posts Query', 'so-widgets-bundle' ),
'hide' => true,
),
)
);
}
function get_settings_form() {
return array(
'responsive_breakpoint' => array(
'type' => 'measurement',
'label' => __( 'Responsive Breakpoint', 'so-widgets-bundle' ),
'default' => '780px',
'description' => __( 'Device width, in pixels, to collapse into a mobile view.', 'so-widgets-bundle' )
)
);
}
function register_template_assets() {
wp_register_script( 'sow-blog-template-masonry', plugin_dir_url( __FILE__ ) . 'js/masonry' . SOW_BUNDLE_JS_SUFFIX . '.js', array( 'jquery', 'jquery-isotope' ) );
wp_register_script( 'sow-blog-template-portfolio', plugin_dir_url( __FILE__ ) . 'js/portfolio' . SOW_BUNDLE_JS_SUFFIX . '.js', array( 'jquery', 'jquery-isotope' ) );
wp_register_script( 'jquery-isotope', plugin_dir_url( SOW_BUNDLE_BASE_FILE ) . 'js/lib/isotope.pkgd' . SOW_BUNDLE_JS_SUFFIX . '.js', array( 'jquery' ), '3.0.4', true );
do_action( 'siteorigin_widgets_blog_template_stylesheets' );
}
function get_template_name( $instance ) {
return 'base';
}
function get_style_name( $instance ) {
$template = empty( $instance['template'] ) ? 'standard' : $instance['template'];
// If this template has any assets, load them.
if ( wp_style_is( 'sow-blog-template-' . $template, 'registered' ) ) {
wp_enqueue_style( 'sow-blog-template-' . $template );
}
if ( wp_script_is( 'sow-blog-template-' . $template, 'registered' ) ) {
wp_enqueue_script( 'sow-blog-template-' . $template );
}
return $template;
}
function get_less_variables( $instance ) {
if ( empty( $instance ) ) {
return array();
}
$less_vars = array(
'responsive_breakpoint' => $this->get_global_settings( 'responsive_breakpoint' ),
'categories' => ! empty( $instance['settings']['categories'] ) ? $instance['settings']['categories'] : false,
'author' => ! empty( $instance['settings']['author'] ) ? $instance['settings']['author'] : false,
'columns' => (int) $instance['settings']['columns'] > 0 ? (int) $instance['settings']['columns'] : 1,
);
if ( $instance['template'] == 'masonry' ) {
$less_vars['column_width'] = 100 / $less_vars['columns'] - $less_vars['columns'] * 0.5 . '%';
} elseif ( $instance['template'] == 'grid' && $less_vars['columns'] > 2 ) {
$less_vars['column_spacing'] = $less_vars['columns'] * 0.5 . '%';
}
if ( $instance['template'] != 'portfolio' ) {
// Post.
$less_vars['post_border_color'] = ! empty( $instance['design']['post']['border'] ) ? $instance['design']['post']['border'] : '';
$less_vars['post_background'] = ! empty( $instance['design']['post']['background'] ) ? $instance['design']['post']['background'] : '';
// Post Title.
if ( ! empty( $instance['design']['title']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['title']['font'] );
$less_vars['title_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['title_font_style'] = $font['style'];
$less_vars['title_font_weight'] = $font['weight_raw'];
}
}
$less_vars['title_font_size'] = ! empty( $instance['design']['title']['font_size'] ) ? $instance['design']['title']['font_size'] : '';
$less_vars['title_color'] = ! empty( $instance['design']['title']['color'] ) ? $instance['design']['title']['color'] : '';
$less_vars['title_color_hover'] = ! empty( $instance['design']['title']['color_hover'] ) ? $instance['design']['title']['color_hover'] : '';
// Post Meta.
if ( ! empty( $instance['design']['meta']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['meta']['font'] );
$less_vars['meta_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['meta_font_style'] = $font['style'];
$less_vars['meta_font_weight'] = $font['weight_raw'];
}
}
$less_vars['meta_font_size'] = ! empty( $instance['design']['meta']['font_size'] ) ? $instance['design']['meta']['font_size'] : '';
$less_vars['meta_color'] = ! empty( $instance['design']['meta']['color'] ) ? $instance['design']['meta']['color'] : '';
$less_vars['meta_color_hover'] = ! empty( $instance['design']['meta']['color_hover'] ) ? $instance['design']['meta']['color_hover'] : '';
if ( $instance['template'] == 'offset' ) {
// Offset Post Meta.
if ( ! empty( $instance['design']['offset_post_meta']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['offset_post_meta']['font'] );
$less_vars['offset_post_meta_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['offset_post_meta_font_style'] = $font['style'];
$less_vars['offset_post_meta_font_weight'] = $font['weight_raw'];
}
}
$less_vars['offset_post_meta_font_size'] = ! empty( $instance['design']['offset_post_meta']['font_size'] ) ? $instance['design']['offset_post_meta']['font_size'] : '';
$less_vars['offset_post_meta_color'] = ! empty( $instance['design']['offset_post_meta']['color'] ) ? $instance['design']['offset_post_meta']['color'] : '';
$less_vars['offset_post_meta_link_color'] = ! empty( $instance['design']['offset_post_meta']['link_color'] ) ? $instance['design']['offset_post_meta']['link_color'] : '';
$less_vars['offset_post_meta_link_color_hover'] = ! empty( $instance['design']['offset_post_meta']['link_color_hover'] ) ? $instance['design']['offset_post_meta']['link_color_hover'] : '';
$less_vars['offset_post_meta_link_font_size'] = ! empty( $instance['design']['offset_post_meta']['link_font_size'] ) ? $instance['design']['offset_post_meta']['link_font_size'] : '';
}
// Content.
if ( ! empty( $instance['design']['content']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['content']['font'] );
$less_vars['content_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['content_font_style'] = $font['style'];
$less_vars['content_font_weight'] = $font['weight_raw'];
}
}
$less_vars['content_font_size'] = ! empty( $instance['design']['content']['font_size'] ) ? $instance['design']['content']['font_size'] : '';
$less_vars['content_color'] = ! empty( $instance['design']['content']['color'] ) ? $instance['design']['content']['color'] : '';
$less_vars['content_link'] = ! empty( $instance['design']['content']['link_color'] ) ? $instance['design']['content']['link_color'] : '';
$less_vars['content_link_hover'] = ! empty( $instance['design']['content']['link_color_hover'] ) ? $instance['design']['content']['link_color_hover'] : '';
} else {
$less_vars['column_width'] = number_format( 100 / $less_vars['columns'], 2 ) . '%';
if ( empty( $less_vars['categories'] ) && ! empty( $instance['settings']['filter_categories'] ) ) {
$less_vars['categories'] = 1;
}
}
// Pagination.
$less_vars['pagination_top_margin'] = ! empty( $instance['design']['pagination']['top_margin'] ) ? $instance['design']['pagination']['top_margin'] : '';
$less_vars['pagination_link_margin'] = ! empty( $instance['design']['pagination']['link_margin'] ) ? $instance['design']['pagination']['link_margin'] : '';
$less_vars['pagination_link_margin_offset'] = ! empty( $instance['design']['pagination']['link_margin'] ) ? '-' . $instance['design']['pagination']['link_margin'] : '';
$less_vars['pagination_border_color'] = ! empty( $instance['design']['pagination']['border_color'] ) ? $instance['design']['pagination']['border_color'] : '';
$less_vars['pagination_border_color_hover'] = ! empty( $instance['design']['pagination']['border_color_hover'] ) ? $instance['design']['pagination']['border_color_hover'] : '';
$less_vars['pagination_background'] = ! empty( $instance['design']['pagination']['background'] ) ? $instance['design']['pagination']['background'] : '';
$less_vars['pagination_background_hover'] = ! empty( $instance['design']['pagination']['background_hover'] ) ? $instance['design']['pagination']['background_hover'] : '';
$less_vars['pagination_border_radius'] = ! empty( $instance['design']['pagination']['border_radius'] ) ? $instance['design']['pagination']['border_radius'] . 'px' : '';
if ( ! empty( $instance['design']['pagination']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['pagination']['font'] );
$less_vars['pagination_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['pagination_font_style'] = $font['style'];
$less_vars['pagination_font_weight'] = $font['weight_raw'];
}
}
$less_vars['pagination_font_size'] = ! empty( $instance['design']['pagination']['font_size'] ) ? $instance['design']['pagination']['font_size'] : '';
$less_vars['pagination_link_color'] = ! empty( $instance['design']['pagination']['link_color'] ) ? $instance['design']['pagination']['link_color'] : '';
$less_vars['pagination_link_color_hover'] = ! empty( $instance['design']['pagination']['link_color_hover'] ) ? $instance['design']['pagination']['link_color_hover'] : '';
$less_vars['pagination_dots_color'] = ! empty( $instance['design']['pagination']['dots_color'] ) ? $instance['design']['pagination']['dots_color'] : '';
$less_vars['pagination_width'] = ! empty( $instance['design']['pagination']['width'] ) ? $instance['design']['pagination']['width'] : '';
$less_vars['pagination_height'] = ! empty( $instance['design']['pagination']['height'] ) ? $instance['design']['pagination']['height'] : '';
if ( $instance['template'] == 'masonry' ) {
// Overlay Post Category.
if ( ! empty( $instance['design']['overlay_post_category']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['overlay_post_category']['font'] );
$less_vars['overlay_post_category_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['overlay_post_category_font_style'] = $font['style'];
$less_vars['overlay_post_category_font_weight'] = $font['weight_raw'];
}
}
$less_vars['overlay_post_category_font_size'] = ! empty( $instance['design']['overlay_post_category']['font_size'] ) ? $instance['design']['overlay_post_category']['font_size'] : '';
$less_vars['overlay_post_category_color'] = ! empty( $instance['design']['overlay_post_category']['color'] ) ? $instance['design']['overlay_post_category']['color'] : '';
$less_vars['overlay_post_category_color_hover'] = ! empty( $instance['design']['overlay_post_category']['color_hover'] ) ? $instance['design']['overlay_post_category']['color_hover'] : '';
$color = ! empty( $instance['design']['overlay_post_category']['background'] ) ? $instance['design']['overlay_post_category']['background'] : '#000';
$rgb = ltrim( $color, '#' );
$rgb = array_map( 'hexdec', str_split( $rgb , strlen( $rgb ) == 6 ? 2 : 1 ) );
$opacity = ! empty( $instance['design']['overlay_post_category']['background_opacity'] ) ? $instance['design']['overlay_post_category']['background_opacity'] : 0.8;
$less_vars['overlay_post_category_background'] = "rgba( $rgb[0], $rgb[1], $rgb[2], $opacity )";
$color = ! empty( $instance['design']['overlay_post_category']['background_hover'] ) ? $instance['design']['overlay_post_category']['background_hover'] : '#000';
$rgb = ltrim( $color, '#' );
$rgb = array_map( 'hexdec', str_split( $rgb , strlen( $rgb ) == 6 ? 2 : 1 ) );
$opacity = ! empty( $instance['design']['overlay_post_category']['background_opacity_hover'] ) ? $instance['design']['overlay_post_category']['background_opacity_hover'] : 0.75;
$less_vars['overlay_post_category_background_hover'] = "rgba( $rgb[0], $rgb[1], $rgb[2], $opacity )";
}
if ( $instance['template'] == 'portfolio' ) {
// Filter Categories.
if ( ! empty( $instance['design']['filter_categories']['font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['filter_categories']['font'] );
$less_vars['filter_categories_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['filter_categories_font_style'] = $font['style'];
$less_vars['filter_categories_font_weight'] = $font['weight_raw'];
}
}
$less_vars['filter_categories_font_size'] = ! empty( $instance['design']['filter_categories']['font_size'] ) ? $instance['design']['filter_categories']['font_size'] : '';
$less_vars['filter_categories_color'] = ! empty( $instance['design']['filter_categories']['color'] ) ? $instance['design']['filter_categories']['color'] : '';
$less_vars['filter_categories_color_hover'] = ! empty( $instance['design']['filter_categories']['color_hover'] ) ? $instance['design']['filter_categories']['color_hover'] : '';
$less_vars['filter_categories_text_transform'] = ! empty( $instance['design']['filter_categories']['text_transform'] ) ? 'uppercase' : '';
$less_vars['filter_categories_selected_border_color'] = ! empty( $instance['design']['filter_categories']['selected_border_color'] ) ? $instance['design']['filter_categories']['selected_border_color'] : '';
$less_vars['filter_categories_selected_border_thickness'] = ! empty( $instance['design']['filter_categories']['selected_border_thickness'] ) ? $instance['design']['filter_categories']['selected_border_thickness'] : '';
// Featured Images.
$less_vars['featured_image_border_color'] = ! empty( $instance['design']['featured_image']['border_color'] ) ? $instance['design']['featured_image']['border_color'] : '';
if ( ! empty( $instance['design']['featured_image']['hover_overlay_color'] ) ) {
$rgb = ltrim( $instance['design']['featured_image']['hover_overlay_color'], '#' );
$rgb = array_map( 'hexdec', str_split( $rgb , strlen( $rgb ) == 6 ? 2 : 1 ) );
$opacity = ! empty( $instance['design']['featured_image']['hover_overlay_opacity'] ) ? $instance['design']['featured_image']['hover_overlay_opacity'] : 0.9;
$less_vars['featured_image_hover_overlay_color'] = "rgba( $rgb[0], $rgb[1], $rgb[2], $opacity )";
}
if ( ! empty( $instance['design']['featured_image']['post_title_font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['featured_image']['post_title_font'] );
$less_vars['featured_image_post_title_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['featured_image_post_title_font_style'] = $font['style'];
$less_vars['featured_image_post_title_font_weight'] = $font['weight_raw'];
}
}
$less_vars['featured_image_post_title_font_size'] = ! empty( $instance['design']['featured_image']['post_title_font_size'] ) ? $instance['design']['featured_image']['post_title_font_size'] : '';
$less_vars['featured_image_post_title_color'] = ! empty( $instance['design']['featured_image']['post_title_color'] ) ? $instance['design']['featured_image']['post_title_color'] : '';
$less_vars['featured_image_divider_border_color'] = ! empty( $instance['design']['featured_image']['divider_border_color'] ) ? $instance['design']['featured_image']['divider_border_color'] : '';
$less_vars['featured_image_divider_border_thickness'] = ! empty( $instance['design']['featured_image']['divider_border_thickness'] ) ? $instance['design']['featured_image']['divider_border_thickness'] : '';
$less_vars['featured_image_divider_border_margin'] = ! empty( $instance['design']['featured_image']['divider_border_margin'] ) ? $instance['design']['featured_image']['divider_border_margin'] : '';
if ( ! empty( $instance['design']['featured_image']['post_meta_font'] ) ) {
$font = siteorigin_widget_get_font( $instance['design']['featured_image']['post_meta_font'] );
$less_vars['featured_image_post_meta_font'] = $font['family'];
if ( ! empty( $font['weight'] ) ) {
$less_vars['featured_image_post_meta_font_style'] = $font['style'];
$less_vars['featured_image_post_meta_font_weight'] = $font['weight_raw'];
}
}
$less_vars['featured_image_post_meta_font_size'] = ! empty( $instance['design']['featured_image']['post_meta_font_size'] ) ? $instance['design']['featured_image']['post_meta_font_size'] : '';
$less_vars['featured_image_post_meta_color'] = ! empty( $instance['design']['featured_image']['post_meta_color'] ) ? $instance['design']['featured_image']['post_meta_color'] : '';
}
return $less_vars;
}
static public function portfolio_get_terms( $instance, $post_id = 0 ) {
$terms = array();
if ( post_type_exists( 'jetpack-portfolio' ) ) {
if ( $post_id ) {
$terms = get_the_terms( (int) $post_id, 'jetpack-portfolio-type' );
} else {
$terms = get_terms( 'jetpack-portfolio-type' );
}
}
if ( empty( $terms ) || is_wp_error( $terms ) ) {
$fallback = apply_filters( 'siteorigin_widgets_blog_portfolio_fallback_term', 'category', $instance );
// Unable to find posts with portfolio type. Try using fallback term.
if ( $post_id ) {
return get_the_terms( (int) $post_id, $fallback );
} else {
return get_terms( $fallback );
}
} else {
return $terms;
}
}
function modify_instance( $instance ) {
if ( empty( $instance ) ) {
return array();
}
if ( empty( $instance['template'] ) ) {
$instance['template'] = 'standard';
} else {
// Ensure selected template is valid.
switch ( $instance['template'] ) {
case 'alternate':
case 'grid':
case 'masonry':
case 'offset':
case 'portfolio':
case 'standard':
break;
default:
$instance['template'] = 'standard';
break;
}
}
// Add featured image default for instances of the Blog widget created prior to the Featured Image Size setting.
if ( ! isset( $instance['settings']['featured_image_size'] ) ) {
if ( $instance['template'] == 'grid' || $instance['template'] == 'alternate' || $instance['template'] == 'portfolio' ) {
$instance['settings']['featured_image_size'] = 'sow-blog-' . $instance['template'];
} else {
$instance['settings']['featured_image_size'] = 'full';
}
$instance['settings']['featured_image_size_width'] = 0;
$instance['settings']['featured_image_size_height'] = 0;
}
$instance['paged_id'] = ! empty( $instance['_sow_form_id'] ) ? (int) substr( $instance['_sow_form_id'], 0, 5 ) : null;
return $instance;
}
public function get_template_variables( $instance, $args ) {
if ( ! isset( $instance['paged'] ) ) {
$instance['paged'] = ! empty( $_GET['sow-' . $instance['paged_id'] ] ) ? (int) $_GET['sow-' . $instance['paged_id'] ] : 1;
}
$query = wp_parse_args(
array(
'paged' => $instance['paged'],
),
siteorigin_widget_post_selector_process_query( $instance['posts'] )
);
if ( $instance['template'] == 'portfolio' ) {
// The portfolio template relies on each post having an image so exclude any posts that don't.
$query['meta_query'] = array(
array(
'key' => '_thumbnail_id',
'compare' => 'EXISTS'
),
);
}
// Add template specific settings.
$template_settings = array(
'date_format' => isset( $instance['settings']['date_format'] ) ? $instance['settings']['date_format'] : null,
);
if ( $instance['template'] == 'offset' ) {
if ( $instance['settings']['date'] ) {
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
$template_settings['time_string'] = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
} else {
$template_settings['time_string'] = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
}
}
}
if ( $instance['template'] == 'portfolio' ) {
$template_settings['terms'] = $this->portfolio_get_terms( $instance );
$template_settings['filter_categories'] = ! empty( $instance['settings']['filter_categories'] );
}
// Add the current template to the settings array to allow for easier referencing.
$instance['settings']['template'] = $instance['template'];
return array(
'title' => $instance['title'],
'settings' => $instance['settings'],
'template_settings' => $template_settings,
'posts' => new WP_Query( apply_filters( 'siteorigin_widgets_blog_query', $query, $instance ) ),
);
}
static public function post_meta( $settings ) {
if ( is_sticky() ) {
?>
<span class="sow-featured-post"><?php echo esc_html__( 'Sticky', 'so-widgets-bundle' ); ?></span>
<?php
}
if ( $settings['date'] ) :
$date_format = isset( $settings['date_format'] ) ? $settings['date_format'] : null;
?>
<span class="sow-entry-date">
<a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
<time class="published" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>">
<?php echo esc_html( get_the_date( $date_format ) ); ?>
</time>
<time class="updated" datetime="<?php echo esc_attr( get_the_modified_date( 'c' ) ); ?>">
<?php echo esc_html( get_the_modified_date() ); ?>
</time>
</a>
</span>
<?php endif; ?>
<?php if ( $settings['author'] ) : ?>
<span class="sow-entry-author-link byline">
<?php if ( function_exists( 'coauthors_posts_links' ) ) : ?>
<?php coauthors_posts_links(); ?>
<?php else: ?>
<span class="sow-author author vcard">
<a class="url fn n" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
<?php echo esc_html( get_the_author() ); ?>
</a>
</span>
<?php endif; ?>
</span>
<?php endif; ?>
<?php if ( $settings['categories'] && has_category() ) : ?>
<span class="sow-entry-categories">
<?php
/* translators: used between list items, there is a space after the comma */
the_category( esc_html__( ', ', 'so-widgets-bundle' ) );
?>
</span>
<?php endif; ?>
<?php if ( ! empty( $settings['tags'] ) && has_tag() ) : ?>
<span class="sow-entry-tags">
<?php the_tags( '' ); ?>
</span>
<?php endif; ?>
<?php if ( comments_open() && $settings['comment_count'] ) : ?>
<span class="sow-entry-comments">
<?php
comments_popup_link(
esc_html__( 'Leave a comment', 'so-widgets-bundle' ),
esc_html__( 'One Comment', 'so-widgets-bundle' ),
esc_html__( '% Comments', 'so-widgets-bundle' )
);
?>
</span>
<?php endif;
}
static public function post_featured_image( $settings, $categories = false, $size = 'full' ) {
if ( $settings['featured_image'] && has_post_thumbnail() ) : ?>
<?php ob_start(); ?>
<div class="sow-entry-thumbnail">
<?php if ( $categories && $settings['categories'] && has_category() ) : ?>
<div class="sow-thumbnail-meta">
<?php echo get_the_category_list(); ?>
</div>
<?php endif; ?>
<a href="<?php the_permalink(); ?>">
<?php
if ( ! empty( $settings['featured_image_size'] ) ) {
$size = $settings['featured_image_size'] == 'custom_size' ? array( $settings['featured_image_size_width'], $settings['featured_image_size_height'] ) : $settings['featured_image_size'];
} else {
// Check if this template has a different default image size.
if (
$size == 'full' &&
has_image_size( 'sow-blog-' . $settings['template'] )
) {
$size = 'sow-blog-' . $settings['template'];
}
}
the_post_thumbnail( $size );
?>
</a>
</div>
<?php
echo apply_filters( 'siteorigin_widgets_blog_featured_image_markup', ob_get_clean(), $settings, $categories = false, $size = 'full' );
endif;
}
static public function generate_post_title() {
the_title(
'<h2 class="sow-entry-title" style="margin: 0 0 5px;"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">',
'</a></h2>'
);
}
function override_read_more( $settings, $setup = true ) {
// Read More Override.
if ( $settings['content'] == 'full' && apply_filters( 'siteorigin_widgets_blog_full_content_read_more', true ) ) {
if ( $setup ) {
set_query_var( 'siteorigin_blog_read_more', ! empty( $settings['read_more_text'] ) ? $settings['read_more_text'] : __( 'Continue reading', 'so-widgets-bundle' ) );
add_filter( 'the_content_more_link', array( $this, 'alter_read_more_link' ) );
} else {
remove_filter( 'the_content_more_link', array( $this, 'alter_read_more_link' ) );
}
}
if ( $setup ) {
set_query_var(
'siteorigin_blog_excerpt_length',
apply_filters( 'siteorigin_widgets_blog_excerpt_length', isset( $settings['excerpt_length'] ) ? $settings['excerpt_length'] : 55 )
);
add_filter( 'excerpt_length', array( $this, 'alter_excerpt_length' ), 1000 );
add_filter( 'excerpt_more', array( $this, 'alter_excerpt_more_indicator' ) );
} else {
remove_filter( 'excerpt_length', array( $this, 'alter_excerpt_length' ), 1000 );
remove_filter( 'the_content_more_link', array( $this, 'alter_excerpt_more_indicator' ) );
}
}
function alter_read_more_link( $link ) {
return '<a class="sow-more-link more-link excerpt" href="' . esc_url( get_permalink() ) . '"> ' . esc_html( get_query_var( 'siteorigin_blog_read_more' ) ) . '<span class="sow-more-link-arrow">→</span></a>';
}
function alter_excerpt_more_indicator( $indicator ) {
return apply_filters( 'siteorigin_widgets_blog_excerpt_trim', get_query_var( 'siteorigin_blog_excerpt_length' ) == 0 ? '' : '...' );
}
function alter_excerpt_length( $length = 55 ) {
return get_query_var( 'siteorigin_blog_excerpt_length' );
}
static public function generate_excerpt( $settings ) {
if ( $settings['read_more'] ) {
$read_more_text = ! empty( $settings['read_more_text'] ) ? $settings['read_more_text'] : __( 'Continue reading', 'so-widgets-bundle' );
$read_more_text = '<a class="sow-more-link more-link excerpt" href="' . esc_url( get_permalink() ) . '">
' . esc_html( $read_more_text ) . '<span class="sow-more-link-arrow">→</span></a>';
}
$length = get_query_var( 'siteorigin_blog_excerpt_length' );
$excerpt = get_the_excerpt();
$excerpt_add_read_more = count( preg_split( '~[^\p{L}\p{N}\']+~u', $excerpt ) ) >= $length;
if ( ! has_excerpt() ) {
$excerpt = wp_trim_words(
$excerpt,
$length,
apply_filters( 'siteorigin_widgets_blog_excerpt_trim', '...' )
);
}
if ( $settings['read_more'] && ( has_excerpt() || $excerpt_add_read_more ) ) {
$excerpt .= $read_more_text;
}
echo '<p>' . wp_kses_post( $excerpt ) . '</p>';
}
function paginate_links( $settings, $posts, $instance ) {
$addon_active = class_exists( 'SiteOrigin_Premium' ) && ! empty( SiteOrigin_Premium::single()->get_active_addons()['plugin/blog'] );
if ( $addon_active ) {
$pagination_markup = apply_filters( 'siteorigin_widgets_blog_pagination_markup', false, $settings, $posts, $instance );
}
if ( empty( $pagination_markup ) ) {
if ( $addon_active && isset( $settings['pagination_reload'] ) && $settings['pagination_reload'] == 'ajax' ) {
$current = 99999;
$show_all_prev_next = true;
} else {
$current = max( 1, $posts->query['paged'] );
$show_all_prev_next = false;
}
$pagination_markup = paginate_links( array(
'format' => '?sow-' . $instance['paged_id'] . '=%#%',
'total' => $posts->max_num_pages,
'current' => $current,
'show_all' => $show_all_prev_next,
'prev_next' => ! $show_all_prev_next,
'prev_text' => is_rtl() ? '→' : '←',
'next_text' => is_rtl() ? '←' : '→',
) );
}
if ( ! empty( $pagination_markup ) ) {
// To resolve a potential issue with the Block Editor, we need to override REST URLs with the actual permalink.
if (
defined( 'REST_REQUEST' ) &&
strpos( $pagination_markup, 'sowb/v1/widgets/previews' ) !== false
) {
$pagination_markup = str_replace(
// All non-standard pagination won't have the full URL present so what we replace changes.
strpos( $pagination_markup, rest_url() ) !== false ? esc_url_raw( rest_url() ) . 'sowb/v1/widgets/previews/' : '/wp-json/sowb/v1/widgets/previews',
get_the_permalink(),
$pagination_markup
);
}
?>
<nav class="sow-post-navigation">
<h2 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'so-widgets-bundle' ); ?></h2>
<div class="sow-nav-links<?php if ( ! empty( $settings['pagination'] ) ) echo ' sow-post-pagination-' . esc_attr( $settings['pagination'] ); ?>">
<?php echo $pagination_markup; ?>
</div>
</nav>
<?php
}
}
function get_form_teaser() {
if ( class_exists( 'SiteOrigin_Premium' ) ) return false;
return array(
sprintf(
__( 'Get more pagination themes and Ajax reloading with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/blog" target="_blank" rel="noopener noreferrer">',
'</a>'
),
sprintf(
__( 'Adjust the post Read More link text and choose a custom post date format with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/blog" target="_blank" rel="noopener noreferrer">',
'</a>'
),
);
}
}
siteorigin_widget_register( 'sow-blog', __FILE__, 'SiteOrigin_Widget_Blog_Widget' );