Zum Hauptinhalt springen




Symbolfelder sind sehr nützlich beim Erstellen von Websites. Am häufigsten werden Abschnitte verwendet, in denen Funktionen von Produkten oder Dienstleistungen aufgeführt sind. In diesem Video-Tutorial sehen Sie die verschiedenen Optionen, die Sie zum Anpassen der einzelnen Elemente dieses Widgets benötigen: das Symbol, den Titel und die Beschreibung. Die Symbole sind von Font Awesome Icons abgeleitet, und Sie können nach ihnen suchen und das richtige auswählen.


Registerkarte "Inhalt"

Auf der Registerkarte "Inhalt" haben Sie die volle Kontrolle über den Inhalt des Widgets.

  • Sehen - Stellen Sie die Symbolansicht auf "Standard", "Gestapelt" oder "Gerahmt". Gestapelt mit einem Hintergrund und gerahmt mit einem Rahmen, der das Symbol umgibt.
  • Symbol auswählen - Hier haben Sie eine Liste der gesamten Sammlung von Font Awesome-Symbolen.
  • Titel Beschreibung - Geben Sie den Titel und die Beschreibung Ihres Icon Box-Widgets ein.
  • Link zu - Fügen Sie einen Link ein und wählen Sie, ob er in einem neuen Fenster geöffnet werden soll.
  • Symbolposition - Legen Sie die Position des Symbols links, oben oder rechts im Feld fest (in der mobilen Ansicht bleibt es zentriert).
  • Titel-HTML-Tag - Wählen Sie das Titel-Tag aus H1..H6, Div, Span oder P.


Registerkarte "Stil"

1. Symbol

  • Primärfarbe - Beachten Sie, dass ein gestapeltes oder gerahmtes Symbolfeld auch eine Sekundärfarbe hat.
  • Symbolabstand - Der Abstand zwischen dem Symbol und der Kopfzeile.
  • Symbolgröße - Vergrößern und verkleinern Sie das Symbol.
  • Symbol drehen - Drehen Sie das Symbol.

2. Schwebendes Symbol

Wählen Sie die Primär- und Sekundärfarbe für das Bildlaufsymbol.

Animation - Wählen Sie aus einer langen Liste von Animationen zum Scrollen.

3. Inhalt

zu. Qualifikation

  • Ausrichtung - Links, zentriert, rechts oder gerechtfertigt.
  • Vertikale Ausrichtung - Oben, Mitte und Knopf.
  • Titelabstand - Stellen Sie den Abstand zwischen dem Titel und der Beschreibung ein.
  • Titelfarbe - Ändern Sie die Farbe des Titels.
  • Typografie - Hier kann ich die Typografie des Titels anpassen.

Ja. Beschreibung

  • Farbbeschreibung - Ändern Sie die Farbe der Beschreibung.
  • Typografie - Wählen Sie Benutzerdefiniert, um die Schriftart zu ändern, genau wie beim Titel.

Fortgeschrittene

Legen Sie die erweiterten Optionen fest, die für dieses Widget gelten