WP Blog Grid Elementor Widget

Create a posts grid widget for Elementor. You will need to create: 1. The widget controls. 2. Elementor rendering function. 3. CSS styling code, which we can just add to the theme style.css. 4. Some javascript (jQuery will be fine as we have this enqueued into the theme. Attention: 1. Only experienced developers needed. 2. The widget will be added separately to our plugin. 3. Create these files for this project and follow through: File 1: [login to view URL] File 2: [login to view URL] File 3: [login to view URL] <?php namespace MyPlugin\Modules\Starter\Widgets; // You can add to or remove from this list - it's not conclusive! Chop & change to fit your needs. use Elementor\Controls_Manager; use Elementor\Group_Control_Typography; use Elementor\Group_Control_Background; use Elementor\Scheme_Color; use Elementor\Group_Control_Border; use Elementor\Group_Control_Box_Shadow; use Elementor\Repeater; use Elementor\Scheme_Typography; use Elementor\Widget_Base; if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly class Posts_List extends Widget_Base { /* Uncomment the line below if you do not wish to use the function _content_template() - leave that section empty if this is uncommented! */ //protected $_has_template_content = false; public function get_name() { return 'posts-list'; } public function get_title() { return __( 'Posts List', 'my-pluginr' ); } public function get_icon() { return 'eicon-hypster'; } public function get_categories() { return [ 'my-widgets']; } /** * Register Posts List widget controls. * * Adds different input fields to allow the user to change and customize the widget settings. * * @since 1.0.0 * @access protected */ protected function _register_controls() { $this->start_controls_section( 'post_list', [ 'label' => __( 'Posts List', 'my-plugin' ), ] ); // Add all the controls here for the widget $this->end_controls_section(); } protected function render() { // Add all the rendering function here } protected function _content_template() { // This can stay empty, unless you really know what you are doing. LOL } } 4. Answer the question bellow so that we know that you're really serious about this project and we will only reply to the right person, so don't waste our time and most importantly your time. Q: What does this function stand for ? public function get_categories() { return [ 'my-widgets']; } 5. Follow the pictures below, everything should look this way, you can use your own pictures for the demo. (Three Styles should be implemented ), for each style, the picture on the right shows when you hover on the post.