Themes WP

Cómo hacer widgets con Elementor

elemento Ahora es uno de los más populares, si no el mejor. Creador de sitios webLa mejor parte de este constructor son sus diversos tipos de widgets que le permiten crear fácilmente un sitio web mientras muestra contenido. Sin embargo, a veces es posible que deba personalizar los widgets para satisfacer las necesidades específicas de su sitio web.En este artículo, sabrásCómo hacer widgets con Elementorfácilmente.

Cómo hacer widgets fácilmente con Elementor

Elementor tiene muchos usuarios; sin embargo, si alguien pregunta «¿SabeCómo hacer widgets de Elementor? «Mucha gente dirá que no. Esto se debe a que, en la mayoría de los casos, no necesita herramientas nuevas que no sean las que ya están en el generador. Pero, como se mencionó anteriormente, a veces, cuando necesita algo nuevo, no ayuda a proporcionar algo especial para su sitio web. En ese momento, notará lo genial que sería si pudiera crear un nuevo widget para ayudarlo a satisfacer las necesidades de su sitio web.

Lo sabrás después de hacer estoCómo hacer widgets con ElementoSolo se necesitan unos sencillos pasos. Por lo tanto, sin más preámbulos, comencemos.

Estructura del widget

Crear un nuevo widget es similar a crear un Widgets de WordPress. Necesitas crear una extensiónClase Widget_BaseY complete el método requerido. La estructura normal del widget es la siguiente:

Class Elementor_Test_Widget extiende Elementor Widget_Base

Función pública get_name ()

Función pública get_title ()

Función pública get_icon ()

Función pública get_categories ()

Función protegida _register_controls ()

Función protegida render ()

Función protegida _content_template ()

Veamos qué puedes hacer con él:

Nombre del widget

Esta es una forma sencilla, Función pública get_name Le permitirá establecer el nombre del widget y devolverlo usando este método.

Función pública get_name ()

Devuelve «nombre del widget»;

Título del gadget

Debe establecer un título para el widget, que se mostrará como una etiqueta.junto con Función pública get_title Método, podrá establecer y devolver el título del widget que se mostrará en la etiqueta.

Función pública get_title ()

Return __ (‘Título del widget’, ‘Nombre del complemento’);

Icono de gadget

¿Cómo distinguirá sus widgets de otros widgets? Sencillo, configure el icono que se mostrará en el panel.Esta Método get_icon de función pública, Puede configurar el icono del widget que se mostrará en el panel.

Función pública get_icon ()

Devuelve «eicon-gallery-grid»;

Categoría de gadget

Establecer categorías lo ayudará a usar sus widgets de manera más efectiva.Esta Función pública get_categories El método le permitirá establecer la categoría del widget que estará en el panel. Hay algunas categorías predeterminadas en el panel, como elementos básicos, generales, profesionales, wordpress, etc. Puede usarlos como ejemplos.

Función pública get_categories ()

regresar [ ‘basic’ ];

O, si es necesario, también puede crear categorías personalizadas.

Función create_custom_categories ($ elements_manager)

$ manejador_elementos-> add_category (

‘Categoría personalizada’,

        [

         ‘title’ => __( ‘Custom Category’, ‘plugin-name’ ),

         ‘icon’ => ‘fa fa-plug’,

        ]

);

add_action (‘elementor / elementos / categorías_registradas’, ‘crear_categorías_personalizadas’);

Control de widgets

Cada widget necesita partes y controles para definirlos.utilizar Función protegida _register_controls Puede utilizar este método para establecer controles para la configuración de widgets. Por ejemplo, puede usar controles de IU (botones, divisores), controles de datos (texto, galería), múltiples controles (URL, medios), etc.

Hazlo

Esta es básicamente la última parte de la creación de un nuevo widget.Esta Representación de funciones protegidas El enfoque es donde podrá renderizar el código y usar PHP para crear el HTML final en la interfaz.

Plantilla de contenido

Antes del toque final, debe verificar la apariencia del nuevo widget.y Function_content_template protegido Le permitirá utilizar la biblioteca Backbone JavaScript para generar una vista previa en tiempo real del widget en el editor.

Ahora sabes Cómo hacer widgets con ElementorHay muchos otros métodos que puede usar para manejar diferentes cosas; sin embargo, para uno simple, esto es lo que necesita. Ahora Next puede saltar directamente al objeto real. En resumen, crea un widget.

Correo Cómo hacer widgets con Elementor Apareció por primera vez en Tema Xriver.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *