45. Field Forge con Elementor | Field Forge - Campos personalizados, diseñados para la velocidad

Utiliza campos personalizados de Field Forge como etiquetas dinámicas en Elementor.

Integración de Etiquetas Dinámicas

Field Forge registra etiquetas dinámicas con Elementor automáticamente cuando el plugin Elementor está activo. Los valores de campos personalizados aparecen bajo la categoría “Field Forge” en el panel de etiquetas dinámicas.

Uso Manual de Etiquetas Dinámicas

Si necesitas crear una etiqueta dinámica personalizada:

add_action( 'elementor/dynamic_tags/register', function( $tags_manager ) {
    class Field_Forge_Dynamic_Tag extends \Elementor\Core\DynamicTags\Tag {
        public function get_name() { return 'fieldforge-field'; }
        public function get_title() { return 'Field Forge Field'; }
        public function get_group() { return 'fieldforge'; }
        public function get_categories() { return [ \Elementor\Modules\DynamicTags\Module::TEXT_CATEGORY ]; }

        protected function register_controls() {
            $this->add_control( 'field_name', [
                'label'   => 'Field Name',
                'type'    => \Elementor\Controls_Manager::TEXT,
                'default' => '',
            ] );
        }

        public function render() {
            $name = $this->get_settings( 'field_name' );
            if ( $name ) {
                echo esc_html( get_field( $name ) );
            }
        }
    }

    $tags_manager->register( new Field_Forge_Dynamic_Tag() );
} );

Usando en Plantillas de Elementor

Dentro de Elementor, haz clic en el icono de etiqueta dinámica junto a cualquier campo de texto y selecciona “Campo de Field Forge”. Ingresa el nombre del campo para mostrar su valor dinámicamente.

Para campos de imagen, utiliza la etiqueta dinámica en la propiedad URL del widget de Imagen:

// In an Elementor widget callback
$image = get_field( 'hero_image' );
if ( $image ) {
    echo '<img src="' . esc_url( $image['url'] ) . '" alt="' . esc_attr( $image['alt'] ) . '">';
}

—