45. Field Forge mit Elementor | Field Forge - Benutzerdefinierte Felder, gebaut für Geschwindigkeit

Verwenden Sie benutzerdefinierte Felder von Field Forge als dynamische Tags in Elementor.

Dynamische Tag-Integration

Field Forge registriert dynamische Tags automatisch bei Elementor, wenn das Elementor-Plugin aktiv ist. Benutzerdefinierte Feldwerte erscheinen unter der Kategorie “Field Forge” im Panel für dynamische Tags.

Manuelle Verwendung dynamischer Tags

Wenn Sie ein benutzerdefiniertes dynamisches Tag erstellen müssen:

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() );
} );

Verwendung in Elementor-Vorlagen

Klicken Sie innerhalb von Elementor auf das Symbol für dynamische Tags neben einem Textfeld und wählen Sie “Field Forge-Feld”. Geben Sie den Feldnamen ein, um seinen Wert dynamisch anzuzeigen.

Für Bildfelder verwenden Sie das dynamische Tag im URL-Eigenschaft des Bild-Widgets:

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

—