Smart Fields | Sitely-Dokumentation

Smart Fields sind ein vielseitiges Tool, das die dynamische Anzeige von Text ermöglicht und in verschiedenen Szenarien für unterschiedliche Zwecke eingesetzt werden kann. Sie können für Aufgaben eingesetzt werden, die von der Visualisierung von Datums-/Zeitinformationen (z. B. automatische Aktualisierung von Copyright-Kennzeichnungen) über die Extraktion von EXIF-Daten aus einem Foto bis hin zur Anzeige mathematischer Formeln oder Textanimationen reichen.

Bei der Arbeit mit Smart Fields lassen sie sich nahtlos in Textelemente und Schaltflächen integrieren und bieten eine blasenartige Oberfläche für eine einfache Bearbeitung. Durch einfaches Klicken auf die Blase werden die Smart-Field-Einstellungen für weitere Anpassungen geöffnet.

Um Smart Fields einzufügen, können Sie auf die Option „Smart Fields“ im Menü „Einfügen“ zugreifen oder die Schaltfläche „Smart Field einfügen...“ im Stil-Inspektor verwenden, wenn Sie Text bearbeiten. Einmal eingefügt, können Smart Fields wie normaler Text bearbeitet, kopiert, eingefügt oder gelöscht werden.

Bei der Vorschau im Browser oder beim Anzeigen der veröffentlichten Website funktionieren Smart Fields wie vorgesehen und bieten Ihren Benutzern dynamische und interaktive Inhalte.

Wenn Sie ein Smart Field zu Ihrem Textfeld hinzufügen, können Sie zwischen verschiedenen Feldtypen wählen. Diese werden unten angezeigt.

Eine der am häufigsten verwendeten Optionen ist das Smart Field „Rechner“. Wenn es in ein Textfeld eingefügt wird, sieht es wie folgt aus.

Durch Klicken auf die Sprechblase „Rechner“ wird ein Fenster geöffnet, in dem Sie Ihre Berechnung hinzufügen können. So sieht es aus.

Das Dropdown-Menü „Wert auswählen …“ zeigt eine Liste aller Eingabefelder auf der aktuellen Seite an. Diese können zur Aufnahme in Ihre Berechnung ausgewählt werden. Wenn ein Feld enthalten ist, wird es als Sprechblase mit dem Feldnamen angezeigt. Um eine Berechnung mit Feldern durchzuführen, platzieren Sie einfach einen mathematischen Operanden zwischen den Sprechblasen der Eingabefelder. Hier ist ein Beispiel für eine einfache Addition.

„addend1“ und ‚addend2‘ sind Eingabefelder auf der Seite. Diese Felder sind normale ‚Texteingabe‘-Elemente, die in der Sitely-Toolbox zu finden sind. Sie wurden beide auf ‚Zahl erforderlich‘ eingestellt. Der ‚+‘-Operand zwischen ihnen weist Sitely an, die beiden Zahlen zu addieren. Nachfolgend finden Sie einige Beispiele für grundlegende mathematische Formeln, die in einem ‚Taschenrechner‘-Smart Field eingestellt werden können.

Simple Math

Multiplication:

Multiplicand

Multiplier

Result

Smartfield Formula

Subtraction:

Minuend

Subtrahend

Difference

Addition:

Addend 1

Addend 2

Sum

Dividend

Divisor

Quotient

Division:

(enter some numbers in the fields to see the calculations working.)

Hier ist ein praktisches Beispiel
Ein Wiederverkäufer von Keramikfliesen kann eine Produktliste mit der Option haben, zu berechnen, wie viele Fliesen für eine bestimmte Bodenfläche benötigt werden. Hier ist eine typische Auflistung auf einer Katalog-Webseite, die diese Funktion ausführt.

Indian-Style Ceramic floor tiles

600 cm 600 cm

Enter your floor dimension in metres to see how many tiles you need.

Tiles

Width

Length

Number of tiles

We recommend ordering an extra

To cover potential breakages

Das Feld „Anzahl der Fliesen“ ist ein Smart-Feld, das die folgende Berechnung enthält.

Die Variablen „Breite“ und „Länge“ entsprechen den Eingabefeldern auf der Seite, in die Benutzer die Abmessungen eingeben. Die Konstante 10.000 stellt den Umrechnungsfaktor von Quadratmetern in Quadratzentimeter dar. In ähnlicher Weise gibt die Konstante 3.600 die Anzahl der Quadratzentimeter in jeder Fliese an.

Die Berechnung für „zusätzliche Fliesen“ entspricht der für „Anzahl der Fliesen“, jedoch mit einem zusätzlichen Schritt zur Einbeziehung einer 10-prozentigen Sicherheitsmarge. Das bedeutet, dass Sie *(10/100) an die Formel anhängen, um eine ausreichende Abdeckung über die Grundanforderung hinaus sicherzustellen.

Die Berechnungsmöglichkeiten können durch die Verwendung des Smart-Felds „Math Formula“ noch erweitert werden. Um diese Option zu verwenden, sind einige Kenntnisse der MathJax-Syntax erforderlich. Wenn diese Option ausgewählt ist, befindet sich im Formelfenster ein Link zu einem Referenzhandbuch.

Informationsfelder
Hierzu gehören beispielsweise das aus einer Bilddatei extrahierte EXIF-Datum. Unten sehen Sie die aus dem Bild links extrahierten EXIF-Details.

Exposure time: N/A

Aperture: N/A

ISO Speed: N/A

Focal Length: N/A

Camera Model: N/A

Lens Model: N/A

Weitere Informationsfelder sind der Titel der angezeigten Seite sowie Datums- und Zeitangaben.

If you have a website with protected pages in which users have to login, you can use Smart Fields to personalise a welcome message for your logged in users. For example, you could have a welcome message that reads:

Welcome Back, John, Our records show that your email address is john@me.com. If you have changed your email, be sure to let us know by sending a quick email to the administrator.

In the above message, the name ‘John’ would be a Name Smart Field and the email address would be an Email Smart Field.

Zähloptionen

The Countdown Smart Field allows you to set a countdown timer for when a particular event will happen in the future. For example, this is the Number of days until Christmas Day 2030:

Below is the same information with a Flip-board effect applied showing the years, months, days, hours minutes and seconds until Christmas day 2030:

Mit den Countdown-Optionen können Sie verschiedene Aktionen festlegen, die ausgeführt werden sollen, wenn der Countdown abläuft. Diese werden unten angezeigt.

Ein „Count Up“-Smart Field ist ebenfalls enthalten. Dieses zählt in voreingestellten Intervallen bis zu einer bestimmten Endzahl.