Widget_Spacer()
Elementor spacer widget.
Description
Elementor widget that inserts a space that divides various elements.
Changelog
Version | Description |
---|---|
1.0.0 | Introduced. |
Methods
- _content_template — Render spacer widget output in the editor.
- _register_controls — Register spacer widget controls.
- get_categories — Get widget categories.
- get_icon — Get widget icon.
- get_keywords — Get widget keywords.
- get_name — Get widget name.
- get_title — Get widget title.
- render — Render spacer widget output on the frontend.
Source
includes/widgets/spacer.php
class Widget_Spacer extends Widget_Base { /** * Get widget name. * * Retrieve spacer widget name. * * @since 1.0.0 * @access public * * @return string Widget name. */ public function get_name() { return 'spacer'; } /** * Get widget title. * * Retrieve spacer widget title. * * @since 1.0.0 * @access public * * @return string Widget title. */ public function get_title() { return __( 'Spacer', 'elementor' ); } /** * Get widget icon. * * Retrieve spacer widget icon. * * @since 1.0.0 * @access public * * @return string Widget icon. */ public function get_icon() { return 'eicon-spacer'; } /** * Get widget categories. * * Retrieve the list of categories the spacer widget belongs to. * * Used to determine where to display the widget in the editor. * * @since 1.0.0 * @access public * * @return array Widget categories. */ public function get_categories() { return [ 'basic' ]; } /** * Register spacer 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( 'section_spacer', [ 'label' => __( 'Spacer', 'elementor' ), ] ); $this->add_responsive_control( 'space', [ 'label' => __( 'Space', 'elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 50, ], 'range' => [ 'px' => [ 'min' => 10, 'max' => 600, ], ], 'selectors' => [ '{{WRAPPER}} .elementor-spacer-inner' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'view', [ 'label' => __( 'View', 'elementor' ), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional', ] ); $this->end_controls_section(); } /** * Render spacer widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * @access protected */ protected function render() { ?> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> <?php } /** * Render spacer widget output in the editor. * * Written as a Backbone JavaScript template and used to generate the live preview. * * @since 1.0.0 * @access protected */ protected function _content_template() { ?> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> <?php } }