get_id();
$this->parent->start_controls_tab( $this->get_control_id( $id ), $args );
}
public function end_controls_tab() {
$this->parent->end_controls_tab();
}
public function start_controls_tabs( $id ) {
$args['condition']['_skin'] = $this->get_id();
$this->parent->start_controls_tabs( $this->get_control_id( $id ) );
}
public function end_controls_tabs() {
$this->parent->end_controls_tabs();
}
public function register_controls( Widget_Base $widget ) {
$this->parent = $widget;
$this->register_columns_controls();
$this->register_post_count_control();
$this->register_thumbnail_controls();
$this->register_title_controls();
$this->register_excerpt_controls();
$this->register_meta_data_controls();
$this->register_read_more_controls();
$this->register_link_controls();
$this->register_badge_controls();
$this->register_avatar_controls();
}
public function register_design_controls() {
$this->register_design_layout_controls();
$this->register_design_card_controls();
$this->register_design_image_controls();
$this->register_design_content_controls();
}
protected function register_thumbnail_controls() {
parent::register_thumbnail_controls();
$this->remove_responsive_control( 'image_width' );
$this->update_control(
'thumbnail',
[
'label' => esc_html__( 'Show Image', 'elementor-pro' ),
'options' => [
'top' => esc_html__( 'Yes', 'elementor-pro' ),
'none' => esc_html__( 'No', 'elementor-pro' ),
],
'render_type' => 'template',
]
);
}
protected function register_meta_data_controls() {
parent::register_meta_data_controls();
$this->update_control(
'meta_separator',
[
'default' => '•',
]
);
}
public function register_additional_design_image_controls() {
$this->update_control(
'image_spacing',
[
'selectors' => [
'{{WRAPPER}} .elementor-post__text' => 'margin-top: {{SIZE}}{{UNIT}}',
],
'condition' => [
$this->get_control_id( 'thumbnail!' ) => 'none',
],
]
);
$this->remove_control( 'img_border_radius' );
$this->add_control(
'heading_badge_style',
[
'label' => esc_html__( 'Badge', 'elementor-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_position',
[
'label' => 'Badge Position',
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'elementor-pro' ),
'icon' => 'eicon-h-align-left',
],
'right' => [
'title' => esc_html__( 'Right', 'elementor-pro' ),
'icon' => 'eicon-h-align-right',
],
],
'default' => 'right',
'selectors' => [
'{{WRAPPER}} .elementor-post__badge' => '{{VALUE}}: 0',
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_bg_color',
[
'label' => esc_html__( 'Background Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__badge' => 'background-color: {{VALUE}};',
],
'global' => [
'default' => Global_Colors::COLOR_ACCENT,
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_color',
[
'label' => esc_html__( 'Text Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__badge' => 'color: {{VALUE}};',
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_radius',
[
'label' => esc_html__( 'Border Radius', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__badge' => 'border-radius: {{SIZE}}{{UNIT}};',
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_size',
[
'label' => esc_html__( 'Size', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'min' => 5,
'max' => 50,
],
'em' => [
'min' => 0.5,
'max' => 5,
],
'rem' => [
'min' => 0.5,
'max' => 5,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__badge' => 'font-size: {{SIZE}}{{UNIT}}',
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'badge_margin',
[
'label' => esc_html__( 'Margin', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
],
'default' => [
'size' => 20,
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__badge' => 'margin: {{SIZE}}{{UNIT}}',
],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'badge_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_ACCENT,
],
'selector' => '{{WRAPPER}} .elementor-post__card .elementor-post__badge',
'exclude' => [ 'font_size', 'line-height' ],
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
$this->add_control(
'heading_avatar_style',
[
'label' => esc_html__( 'Avatar', 'elementor-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
$this->get_control_id( 'thumbnail!' ) => 'none',
$this->get_control_id( 'show_avatar' ) => 'show-avatar',
],
]
);
$this->add_control(
'avatar_size',
[
'label' => esc_html__( 'Size', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 100,
],
'em' => [
'max' => 10,
],
'rem' => [
'max' => 10,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__avatar' => 'top: calc(-{{SIZE}}{{UNIT}} / 2);',
'{{WRAPPER}} .elementor-post__avatar img' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .elementor-post__thumbnail__link' => 'margin-bottom: calc({{SIZE}}{{UNIT}} / 2)',
],
'condition' => [
$this->get_control_id( 'show_avatar' ) => 'show-avatar',
],
]
);
}
public function register_badge_controls() {
$this->add_control(
'show_badge',
[
'label' => esc_html__( 'Badge', 'elementor-pro' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Show', 'elementor-pro' ),
'label_off' => esc_html__( 'Hide', 'elementor-pro' ),
'default' => 'yes',
'separator' => 'before',
]
);
$this->add_control(
'badge_taxonomy',
[
'label' => esc_html__( 'Badge Taxonomy', 'elementor-pro' ),
'type' => Controls_Manager::SELECT2,
'label_block' => true,
'default' => 'category',
'options' => $this->get_taxonomies(),
'condition' => [
$this->get_control_id( 'show_badge' ) => 'yes',
],
]
);
}
public function register_avatar_controls() {
$this->add_control(
'show_avatar',
[
'label' => esc_html__( 'Avatar', 'elementor-pro' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Show', 'elementor-pro' ),
'label_off' => esc_html__( 'Hide', 'elementor-pro' ),
'return_value' => 'show-avatar',
'default' => 'show-avatar',
'separator' => 'before',
'prefix_class' => 'elementor-posts--',
'render_type' => 'template',
'condition' => [
$this->get_control_id( 'thumbnail!' ) => 'none',
],
]
);
}
public function register_design_card_controls() {
$this->start_controls_section(
'section_design_card',
[
'label' => esc_html__( 'Card', 'elementor-pro' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'card_bg_color',
[
'label' => esc_html__( 'Background Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .elementor-post__card' => 'background-color: {{VALUE}}',
],
]
);
$this->add_control(
'card_border_color',
[
'label' => esc_html__( 'Border Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .elementor-post__card' => 'border-color: {{VALUE}}',
],
]
);
$this->add_control(
'card_border_width',
[
'label' => esc_html__( 'Border Width', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'range' => [
'px' => [
'max' => 20,
],
'em' => [
'max' => 2,
],
'rem' => [
'max' => 2,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card' => 'border-width: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_control(
'card_border_radius',
[
'label' => esc_html__( 'Border Radius', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 200,
],
'em' => [
'max' => 20,
],
'rem' => [
'max' => 20,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card' => 'border-radius: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_control(
'card_padding',
[
'label' => esc_html__( 'Horizontal Padding', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__text' => 'padding: 0 {{SIZE}}{{UNIT}}',
'{{WRAPPER}} .elementor-post__meta-data' => 'padding: 10px {{SIZE}}{{UNIT}}',
'{{WRAPPER}} .elementor-post__avatar' => 'padding-right: {{SIZE}}{{UNIT}}; padding-left: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_control(
'card_vertical_padding',
[
'label' => esc_html__( 'Vertical Padding', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-post__card' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_control(
'box_shadow_box_shadow_type', // The name of this control is like that, for future extensibility to group_control box shadow.
[
'label' => esc_html__( 'Box Shadow', 'elementor-pro' ),
'type' => Controls_Manager::SWITCHER,
'prefix_class' => 'elementor-card-shadow-',
'default' => 'yes',
]
);
$this->add_control(
'hover_effect',
[
'label' => esc_html__( 'Hover Effect', 'elementor-pro' ),
'type' => Controls_Manager::SELECT,
'label_block' => false,
'options' => [
'none' => esc_html__( 'None', 'elementor-pro' ),
'gradient' => esc_html__( 'Gradient', 'elementor-pro' ),
//'zoom-in' => esc_html__( 'Zoom In', 'elementor-pro' ),
//'zoom-out' => esc_html__( 'Zoom Out', 'elementor-pro' ),
],
'default' => 'gradient',
'separator' => 'before',
'prefix_class' => 'elementor-posts__hover-',
]
);
$this->add_control(
'meta_border_color',
[
'label' => esc_html__( 'Meta Border Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .elementor-post__card .elementor-post__meta-data' => 'border-top-color: {{VALUE}}',
],
'condition' => [
$this->get_control_id( 'meta_data!' ) => [],
],
]
);
$this->end_controls_section();
}
protected function register_design_content_controls() {
parent::register_design_content_controls();
$this->remove_control( 'meta_spacing' );
$this->update_control(
'read_more_spacing',
[
'selectors' => [
'{{WRAPPER}} .elementor-post__read-more' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
],
[
'recursive' => true,
]
);
}
protected function get_taxonomies() {
$taxonomies = get_taxonomies( [ 'show_in_nav_menus' => true ], 'objects' );
$options = [ '' => '' ];
foreach ( $taxonomies as $taxonomy ) {
$options[ $taxonomy->name ] = $taxonomy->label;
}
return $options;
}
protected function render_post_header() {
?>