<h2>File Contents: /home/planet5/www/wp-content/plugins/elementor-pro/modules/posts/skins/copy_of_skin-base.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/elementor-pro/modules/posts/skins/copy_of_skin-base.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
namespace ElementorPro\Modules\Posts\Skins;

use Elementor\Controls_Manager;
use Elementor\Core\Schemes;
use Elementor\Group_Control_Css_Filter;
use Elementor\Group_Control_Image_Size;
use Elementor\Group_Control_Typography;
use Elementor\Skin_Base as Elementor_Skin_Base;
use Elementor\Widget_Base;
use ElementorPro\Plugin;

if ( ! defined( &#039;ABSPATH&#039; ) ) {
	exit; // Exit if accessed directly
}

abstract class Skin_Base extends Elementor_Skin_Base {

	/**
	 * @var string Save current permalink to avoid conflict with plugins the filters the permalink during the post render.
	 */
	protected $current_permalink;

	protected function _register_controls_actions() {
		add_action( &#039;elementor/element/posts/section_layout/before_section_end&#039;, [ $this, &#039;register_controls&#039; ] );
		add_action( &#039;elementor/element/posts/section_query/after_section_end&#039;, [ $this, &#039;register_style_sections&#039; ] );
	}

	public function register_style_sections( Widget_Base $widget ) {
		$this-&gt;parent = $widget;

		$this-&gt;register_design_controls();
	}

	public function register_controls( Widget_Base $widget ) {
		$this-&gt;parent = $widget;

		$this-&gt;register_columns_controls();
		$this-&gt;register_post_count_control();
		$this-&gt;register_thumbnail_controls();
		$this-&gt;register_title_controls();
		$this-&gt;register_excerpt_controls();
		$this-&gt;register_meta_data_controls();
		$this-&gt;register_read_more_controls();
		$this-&gt;register_link_controls();
	}

	public function register_design_controls() {
		$this-&gt;register_design_layout_controls();
		$this-&gt;register_design_image_controls();
		$this-&gt;register_design_content_controls();
	}

	protected function register_thumbnail_controls() {
		$this-&gt;add_control(
			&#039;thumbnail&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Image Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;top&#039;,
				&#039;options&#039; =&gt; [
					&#039;top&#039; =&gt; __( &#039;Top&#039;, &#039;elementor-pro&#039; ),
					&#039;left&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
					&#039;right&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
					&#039;none&#039; =&gt; __( &#039;None&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-posts--thumbnail-&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;masonry&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Masonry&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_off&#039; =&gt; __( &#039;Off&#039;, &#039;elementor-pro&#039; ),
				&#039;label_on&#039; =&gt; __( &#039;On&#039;, &#039;elementor-pro&#039; ),
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;columns!&#039; ) =&gt; &#039;1&#039;,
					$this-&gt;get_control_id( &#039;thumbnail&#039; ) =&gt; &#039;top&#039;,
				],
				&#039;render_type&#039; =&gt; &#039;ui&#039;,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Image_Size::get_type(),
			[
				&#039;name&#039; =&gt; &#039;thumbnail_size&#039;,
				&#039;default&#039; =&gt; &#039;medium&#039;,
				&#039;exclude&#039; =&gt; [ &#039;custom&#039; ],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-posts--thumbnail-size-&#039;,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;item_ratio&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Image Ratio&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 0.66,
				],
				&#039;tablet_default&#039; =&gt; [
					&#039;size&#039; =&gt; &#039;&#039;,
				],
				&#039;mobile_default&#039; =&gt; [
					&#039;size&#039; =&gt; 0.5,
				],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0.1,
						&#039;max&#039; =&gt; 2,
						&#039;step&#039; =&gt; 0.01,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-posts-container .elementor-post__thumbnail&#039; =&gt; &#039;padding-bottom: calc( {{SIZE}} * 100% );&#039;,
					&#039;{{WRAPPER}}:after&#039; =&gt; &#039;content: &quot;{{SIZE}}&quot;;&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
					$this-&gt;get_control_id( &#039;masonry&#039; ) =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;image_width&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Image Width&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; 10,
						&#039;max&#039; =&gt; 100,
					],
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 10,
						&#039;max&#039; =&gt; 600,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 100,
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;tablet_default&#039; =&gt; [
					&#039;size&#039; =&gt; &#039;&#039;,
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;mobile_default&#039; =&gt; [
					&#039;size&#039; =&gt; 100,
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;size_units&#039; =&gt; [ &#039;%&#039;, &#039;px&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__thumbnail__link&#039; =&gt; &#039;width: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
				],
			]
		);
	}

	protected function register_columns_controls() {
		$this-&gt;add_responsive_control(
			&#039;columns&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Columns&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;3&#039;,
				&#039;tablet_default&#039; =&gt; &#039;2&#039;,
				&#039;mobile_default&#039; =&gt; &#039;1&#039;,
				&#039;options&#039; =&gt; [
					&#039;1&#039; =&gt; &#039;1&#039;,
					&#039;2&#039; =&gt; &#039;2&#039;,
					&#039;3&#039; =&gt; &#039;3&#039;,
					&#039;4&#039; =&gt; &#039;4&#039;,
					&#039;5&#039; =&gt; &#039;5&#039;,
					&#039;6&#039; =&gt; &#039;6&#039;,
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-grid%s-&#039;,
				&#039;frontend_available&#039; =&gt; true,
			]
		);
	}

	protected function register_post_count_control() {
		$this-&gt;add_control(
			&#039;posts_per_page&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Posts Per Page&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 6,
			]
		);
	}

	protected function register_title_controls() {
		$this-&gt;add_control(
			&#039;show_title&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Title&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_on&#039; =&gt; __( &#039;Show&#039;, &#039;elementor-pro&#039; ),
				&#039;label_off&#039; =&gt; __( &#039;Hide&#039;, &#039;elementor-pro&#039; ),
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;title_tag&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Title HTML Tag&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;h1&#039; =&gt; &#039;H1&#039;,
					&#039;h2&#039; =&gt; &#039;H2&#039;,
					&#039;h3&#039; =&gt; &#039;H3&#039;,
					&#039;h4&#039; =&gt; &#039;H4&#039;,
					&#039;h5&#039; =&gt; &#039;H5&#039;,
					&#039;h6&#039; =&gt; &#039;H6&#039;,
					&#039;div&#039; =&gt; &#039;div&#039;,
					&#039;span&#039; =&gt; &#039;span&#039;,
					&#039;p&#039; =&gt; &#039;p&#039;,
				],
				&#039;default&#039; =&gt; &#039;h3&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_title&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

	}

	protected function register_excerpt_controls() {
		$this-&gt;add_control(
			&#039;show_excerpt&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Excerpt&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_on&#039; =&gt; __( &#039;Show&#039;, &#039;elementor-pro&#039; ),
				&#039;label_off&#039; =&gt; __( &#039;Hide&#039;, &#039;elementor-pro&#039; ),
				&#039;default&#039; =&gt; &#039;yes&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;excerpt_length&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Excerpt Length&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				/** This filter is documented in wp-includes/formatting.php */
				&#039;default&#039; =&gt; apply_filters( &#039;excerpt_length&#039;, 25 ),
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_excerpt&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);
	}

	protected function register_read_more_controls() {
		$this-&gt;add_control(
			&#039;show_read_more&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Read More&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_on&#039; =&gt; __( &#039;Show&#039;, &#039;elementor-pro&#039; ),
				&#039;label_off&#039; =&gt; __( &#039;Hide&#039;, &#039;elementor-pro&#039; ),
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;read_more_text&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Read More Text&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;default&#039; =&gt; __( &#039;Read More »&#039;, &#039;elementor-pro&#039; ),
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_read_more&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);
	}

	protected function register_link_controls() {
		$this-&gt;add_control(
			&#039;open_new_tab&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Open in new window&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_on&#039; =&gt; __( &#039;Yes&#039;, &#039;elementor-pro&#039; ),
				&#039;label_off&#039; =&gt; __( &#039;No&#039;, &#039;elementor-pro&#039; ),
				&#039;default&#039; =&gt; &#039;no&#039;,
				&#039;render_type&#039; =&gt; &#039;none&#039;,
			]
		);
	}

	protected function get_optional_link_attributes_html() {
		$settings = $this-&gt;parent-&gt;get_settings();
		$new_tab_setting_key = $this-&gt;get_control_id( &#039;open_new_tab&#039; );
		$optional_attributes_html = &#039;yes&#039; === $settings[ $new_tab_setting_key ] ? &#039;target=&quot;_blank&quot;&#039; : &#039;&#039;;

		return $optional_attributes_html;
	}

	protected function register_meta_data_controls() {
		$this-&gt;add_control(
			&#039;meta_data&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Meta Data&#039;, &#039;elementor-pro&#039; ),
				&#039;label_block&#039; =&gt; true,
				&#039;type&#039; =&gt; Controls_Manager::SELECT2,
				&#039;default&#039; =&gt; [ &#039;date&#039;, &#039;comments&#039; ],
				&#039;multiple&#039; =&gt; true,
				&#039;options&#039; =&gt; [
					&#039;author&#039; =&gt; __( &#039;Author&#039;, &#039;elementor-pro&#039; ),
					&#039;date&#039; =&gt; __( &#039;Date&#039;, &#039;elementor-pro&#039; ),
					&#039;time&#039; =&gt; __( &#039;Time&#039;, &#039;elementor-pro&#039; ),
					&#039;comments&#039; =&gt; __( &#039;Comments&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;meta_separator&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Separator Between&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;default&#039; =&gt; &#039;///&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__meta-data span + span:before&#039; =&gt; &#039;content: &quot;{{VALUE}}&quot;&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);
	}

	/**
	 * Style Tab
	 */
	protected function register_design_layout_controls() {
		$this-&gt;start_controls_section(
			&#039;section_design_layout&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Layout&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;column_gap&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Columns Gap&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 30,
				],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-posts-container&#039; =&gt; &#039;grid-column-gap: {{SIZE}}{{UNIT}}&#039;,
					&#039;.elementor-msie {{WRAPPER}} .elementor-post&#039; =&gt; &#039;padding-right: calc( {{SIZE}}{{UNIT}}/2 ); padding-left: calc( {{SIZE}}{{UNIT}}/2 );&#039;,
					&#039;.elementor-msie {{WRAPPER}} .elementor-posts-container&#039; =&gt; &#039;margin-left: calc( -{{SIZE}}{{UNIT}}/2 ); margin-right: calc( -{{SIZE}}{{UNIT}}/2 );&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;row_gap&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Rows Gap&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 35,
				],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;frontend_available&#039; =&gt; true,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-posts-container&#039; =&gt; &#039;grid-row-gap: {{SIZE}}{{UNIT}}&#039;,
					&#039;.elementor-msie {{WRAPPER}} .elementor-post&#039; =&gt; &#039;padding-bottom: {{SIZE}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;alignment&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Alignment&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;left&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Center&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-center&#039;,
					],
					&#039;right&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-right&#039;,
					],
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-posts--align-&#039;,
			]
		);

		$this-&gt;end_controls_section();
	}

	protected function register_design_image_controls() {
		$this-&gt;start_controls_section(
			&#039;section_design_image&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Image&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;img_border_radius&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Border Radius&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__thumbnail&#039; =&gt; &#039;border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;image_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}.elementor-posts--thumbnail-left .elementor-post__thumbnail__link&#039; =&gt; &#039;margin-right: {{SIZE}}{{UNIT}}&#039;,
					&#039;{{WRAPPER}}.elementor-posts--thumbnail-right .elementor-post__thumbnail__link&#039; =&gt; &#039;margin-left: {{SIZE}}{{UNIT}}&#039;,
					&#039;{{WRAPPER}}.elementor-posts--thumbnail-top .elementor-post__thumbnail__link&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 20,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;thumbnail!&#039; ) =&gt; &#039;none&#039;,
				],
			]
		);

		$this-&gt;start_controls_tabs( &#039;thumbnail_effects_tabs&#039; );

		$this-&gt;start_controls_tab( &#039;normal&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Normal&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Css_Filter::get_type(),
			[
				&#039;name&#039; =&gt; &#039;thumbnail_filters&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post__thumbnail img&#039;,
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;start_controls_tab( &#039;hover&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Hover&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Css_Filter::get_type(),
			[
				&#039;name&#039; =&gt; &#039;thumbnail_hover_filters&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post:hover .elementor-post__thumbnail img&#039;,
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;end_controls_tabs();

		$this-&gt;end_controls_section();
	}

	protected function register_design_content_controls() {
		$this-&gt;start_controls_section(
			&#039;section_design_content&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Content&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;heading_title_style&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Title&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_title&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;title_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;scheme&#039; =&gt; [
					&#039;type&#039; =&gt; Schemes\Color::get_type(),
					&#039;value&#039; =&gt; Schemes\Color::COLOR_2,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__title, {{WRAPPER}} .elementor-post__title a&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_title&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;title_typography&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_1,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post__title, {{WRAPPER}} .elementor-post__title a&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_title&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;title_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__title&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_title&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_meta_style&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Meta&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);

		$this-&gt;add_control(
			&#039;meta_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__meta-data&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);

		$this-&gt;add_control(
			&#039;meta_separator_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Separator Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__meta-data span:before&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;meta_typography&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_2,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post__meta-data&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);

		$this-&gt;add_control(
			&#039;meta_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__meta-data&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;meta_data!&#039; ) =&gt; [],
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_excerpt_style&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Excerpt&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_excerpt&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;excerpt_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__excerpt p&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_excerpt&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;excerpt_typography&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_3,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post__excerpt p&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_excerpt&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;excerpt_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__excerpt&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_excerpt&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_readmore_style&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Read More&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_read_more&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;read_more_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;scheme&#039; =&gt; [
					&#039;type&#039; =&gt; Schemes\Color::get_type(),
					&#039;value&#039; =&gt; Schemes\Color::COLOR_4,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__read-more&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_read_more&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;read_more_typography&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-post__read-more&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_4,
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_read_more&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;read_more_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-post__text&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					$this-&gt;get_control_id( &#039;show_read_more&#039; ) =&gt; &#039;yes&#039;,
				],
			]
		);

		$this-&gt;end_controls_section();
	}

	public function render() {
		$this-&gt;parent-&gt;query_posts();

		/** @var \WP_Query $query */
		$query = $this-&gt;parent-&gt;get_query();

		if ( ! $query-&gt;found_posts ) {
			return;
		}

		$this-&gt;render_loop_header();

		// It&#039;s the global `wp_query` it self. and the loop was started from the theme.
		if ( $query-&gt;in_the_loop ) {
			$this-&gt;current_permalink = get_permalink();
			$this-&gt;render_post();
		} else {
			while ( $query-&gt;have_posts() ) {
				$query-&gt;the_post();

				$this-&gt;current_permalink = get_permalink();
				$this-&gt;render_post();
			}
		}

		wp_reset_postdata();

		$this-&gt;render_loop_footer();

	}

	public function filter_excerpt_length() {
		return $this-&gt;get_instance_value( &#039;excerpt_length&#039; );
	}

	public function filter_excerpt_more( $more ) {
		return &#039;&#039;;
	}

	public function get_container_class() {
		return &#039;elementor-posts--skin-&#039; . $this-&gt;get_id();
	}

	protected function render_thumbnail() {
		$thumbnail = $this-&gt;get_instance_value( &#039;thumbnail&#039; );

		if ( &#039;none&#039; === $thumbnail &amp;&amp; ! Plugin::elementor()-&gt;editor-&gt;is_edit_mode() ) {
			return;
		}

		$settings = $this-&gt;parent-&gt;get_settings();
		$setting_key = $this-&gt;get_control_id( &#039;thumbnail_size&#039; );
		$settings[ $setting_key ] = [
			&#039;id&#039; =&gt; get_post_thumbnail_id(),
		];
		$thumbnail_html = Group_Control_Image_Size::get_attachment_image_html( $settings, $setting_key );

		if ( empty( $thumbnail_html ) ) {
			return;
		}

		$optional_attributes_html = $this-&gt;get_optional_link_attributes_html();

		?&gt;
		&lt;a class=&quot;elementor-post__thumbnail__link&quot; href=&quot;&lt;?php echo $this-&gt;current_permalink; ?&gt;&quot; &lt;?php echo $optional_attributes_html; ?&gt;&gt;
			&lt;div class=&quot;elementor-post__thumbnail&quot;&gt;&lt;?php echo $thumbnail_html; ?&gt;&lt;/div&gt;
		&lt;/a&gt;
		&lt;?php
	}

	protected function render_title() {
		if ( ! $this-&gt;get_instance_value( &#039;show_title&#039; ) ) {
			return;
		}

		$optional_attributes_html = $this-&gt;get_optional_link_attributes_html();

		$tag = $this-&gt;get_instance_value( &#039;title_tag&#039; );
		?&gt;
		&lt;&lt;?php echo $tag; ?&gt; class=&quot;elementor-post__title&quot;&gt;
			&lt;a href=&quot;&lt;?php echo $this-&gt;current_permalink; ?&gt;&quot; &lt;?php echo $optional_attributes_html; ?&gt;&gt;
				&lt;?php the_title(); ?&gt;
			&lt;/a&gt;
		&lt;/&lt;?php echo $tag; ?&gt;&gt;
		&lt;?php
	}

	protected function render_excerpt() {
		add_filter( &#039;excerpt_more&#039;, [ $this, &#039;filter_excerpt_more&#039; ], 20 );
		add_filter( &#039;excerpt_length&#039;, [ $this, &#039;filter_excerpt_length&#039; ], 20 );

		if ( ! $this-&gt;get_instance_value( &#039;show_excerpt&#039; ) ) {
			return;
		}

		add_filter( &#039;excerpt_more&#039;, [ $this, &#039;filter_excerpt_more&#039; ], 20 );
		add_filter( &#039;excerpt_length&#039;, [ $this, &#039;filter_excerpt_length&#039; ], 20 );

		?&gt;
		&lt;div class=&quot;elementor-post__excerpt&quot;&gt;
			&lt;?php the_excerpt(); ?&gt;
		&lt;/div&gt;
		&lt;?php

		remove_filter( &#039;excerpt_length&#039;, [ $this, &#039;filter_excerpt_length&#039; ], 20 );
		remove_filter( &#039;excerpt_more&#039;, [ $this, &#039;filter_excerpt_more&#039; ], 20 );
	}

	protected function render_read_more() {
		if ( ! $this-&gt;get_instance_value( &#039;show_read_more&#039; ) ) {
			return;
		}

		$optional_attributes_html = $this-&gt;get_optional_link_attributes_html();

		?&gt;
			&lt;a class=&quot;elementor-post__read-more&quot; href=&quot;&lt;?php echo $this-&gt;current_permalink; ?&gt;&quot; &lt;?php echo $optional_attributes_html; ?&gt;&gt;
				&lt;?php echo $this-&gt;get_instance_value( &#039;read_more_text&#039; ); ?&gt;
			&lt;/a&gt;
		&lt;?php
	}

	protected function render_post_header() {
		?&gt;
		&lt;article &lt;?php post_class( [ &#039;elementor-post elementor-grid-item&#039; ] ); ?&gt;&gt;
		&lt;?php
	}

	protected function render_post_footer() {
		?&gt;
		&lt;/article&gt;
		&lt;?php
	}

	protected function render_text_header() {
		?&gt;
		&lt;div class=&quot;elementor-post__text&quot;&gt;
		&lt;?php
	}

	protected function render_text_footer() {
		?&gt;
		&lt;/div&gt;
		&lt;?php
	}

	protected function render_loop_header() {
		$classes = [
			&#039;elementor-posts-container&#039;,
			&#039;elementor-posts&#039;,
			$this-&gt;get_container_class(),
		];

		/** @var \WP_Query $wp_query */
		$wp_query = $this-&gt;parent-&gt;get_query();

		// Use grid only if found posts.
		if ( $wp_query-&gt;found_posts ) {
			$classes[] = &#039;elementor-grid&#039;;
		}

		$this-&gt;parent-&gt;add_render_attribute( &#039;container&#039;, [
			&#039;class&#039; =&gt; $classes,
		] );

		?&gt;
		&lt;div &lt;?php echo $this-&gt;parent-&gt;get_render_attribute_string( &#039;container&#039; ); ?&gt;&gt;
		&lt;?php
	}

	protected function render_loop_footer() {
		?&gt;
		&lt;/div&gt;
		&lt;?php

		$parent_settings = $this-&gt;parent-&gt;get_settings();
		if ( &#039;&#039; === $parent_settings[&#039;pagination_type&#039;] ) {
			return;
		}

		$page_limit = $this-&gt;parent-&gt;get_query()-&gt;max_num_pages;
		if ( &#039;&#039; !== $parent_settings[&#039;pagination_page_limit&#039;] ) {
			$page_limit = min( $parent_settings[&#039;pagination_page_limit&#039;], $page_limit );
		}

		if ( 2 &gt; $page_limit ) {
			return;
		}

		$this-&gt;parent-&gt;add_render_attribute( &#039;pagination&#039;, &#039;class&#039;, &#039;elementor-pagination&#039; );

		$has_numbers = in_array( $parent_settings[&#039;pagination_type&#039;], [ &#039;numbers&#039;, &#039;numbers_and_prev_next&#039; ] );
		$has_prev_next = in_array( $parent_settings[&#039;pagination_type&#039;], [ &#039;prev_next&#039;, &#039;numbers_and_prev_next&#039; ] );

		$links = [];

		if ( $has_numbers ) {
			$paginate_args = [
				&#039;type&#039; =&gt; &#039;array&#039;,
				&#039;current&#039; =&gt; $this-&gt;parent-&gt;get_current_page(),
				&#039;total&#039; =&gt; $page_limit,
				&#039;prev_next&#039; =&gt; false,
				&#039;show_all&#039; =&gt; &#039;yes&#039; !== $parent_settings[&#039;pagination_numbers_shorten&#039;],
				&#039;before_page_number&#039; =&gt; &#039;&lt;span class=&quot;elementor-screen-only&quot;&gt;&#039; . __( &#039;Page&#039;, &#039;elementor-pro&#039; ) . &#039;&lt;/span&gt;&#039;,
			];

			if ( is_singular() &amp;&amp; ! is_front_page() ) {
				global $wp_rewrite;
				if ( $wp_rewrite-&gt;using_permalinks() ) {
					$paginate_args[&#039;base&#039;] = trailingslashit( get_permalink() ) . &#039;%_%&#039;;
					$paginate_args[&#039;format&#039;] = user_trailingslashit( &#039;%#%&#039;, &#039;single_paged&#039; );
				} else {
					$paginate_args[&#039;format&#039;] = &#039;?page=%#%&#039;;
				}
			}

			$links = paginate_links( $paginate_args );
		}

		if ( $has_prev_next ) {
			$prev_next = $this-&gt;parent-&gt;get_posts_nav_link( $page_limit );
			array_unshift( $links, $prev_next[&#039;prev&#039;] );
			$links[] = $prev_next[&#039;next&#039;];
		}

		?&gt;
		&lt;nav class=&quot;elementor-pagination&quot; role=&quot;navigation&quot; aria-label=&quot;&lt;?php esc_attr_e( &#039;Pagination&#039;, &#039;elementor-pro&#039; ); ?&gt;&quot;&gt;
			&lt;?php echo implode( PHP_EOL, $links ); ?&gt;
		&lt;/nav&gt;
		&lt;?php
	}

	protected function render_meta_data() {
		/** @var array $settings e.g. [ &#039;author&#039;, &#039;date&#039;, ... ] */
		$settings = $this-&gt;get_instance_value( &#039;meta_data&#039; );
		if ( empty( $settings ) ) {
			return;
		}
		?&gt;
		&lt;div class=&quot;elementor-post__meta-data&quot;&gt;
			&lt;?php
			if ( in_array( &#039;author&#039;, $settings ) ) {
				$this-&gt;render_author();
			}

			if ( in_array( &#039;date&#039;, $settings ) ) {
				$this-&gt;render_date();
			}

			if ( in_array( &#039;time&#039;, $settings ) ) {
				$this-&gt;render_time();
			}

			if ( in_array( &#039;comments&#039;, $settings ) ) {
				$this-&gt;render_comments();
			}
			?&gt;
		&lt;/div&gt;
		&lt;?php
	}

	protected function render_author() {
		?&gt;
		&lt;span class=&quot;elementor-post-author&quot;&gt;
			&lt;?php the_author(); ?&gt;
		&lt;/span&gt;
		&lt;?php
	}

	protected function render_date() {
		?&gt;
		&lt;span class=&quot;elementor-post-date&quot;&gt;
			&lt;?php
			/** This filter is documented in wp-includes/general-template.php */
			echo apply_filters( &#039;the_date&#039;, get_the_date(), get_option( &#039;date_format&#039; ), &#039;&#039;, &#039;&#039; );
			?&gt;
		&lt;/span&gt;
		&lt;?php
	}

	protected function render_time() {
		?&gt;
		&lt;span class=&quot;elementor-post-time&quot;&gt;
			&lt;?php the_time(); ?&gt;
		&lt;/span&gt;
		&lt;?php
	}

	protected function render_comments() {
		?&gt;
		&lt;span class=&quot;elementor-post-avatar&quot;&gt;
			&lt;?php comments_number(); ?&gt;
		&lt;/span&gt;
		&lt;?php
	}

	protected function render_post() {
		$this-&gt;render_post_header();
		$this-&gt;render_thumbnail();
		$this-&gt;render_text_header();
		$this-&gt;render_title();
		$this-&gt;render_meta_data();
		$this-&gt;render_excerpt();
		$this-&gt;render_read_more();
		$this-&gt;render_text_footer();
		$this-&gt;render_post_footer();
	}

	public function render_amp() {

	}
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Felementor-pro%2Fmodules%2Fposts%2Fskins'>⬅ Back to Directory</a>