Circle ICON

Um eine gleiche Höhe der Bereiche zu erlangen, sollten alle Bilder die gleiche Größe aufweisen. Die Buttons platzieren Sie in einer gesonderten Zeile-

Zeile hinzufügen

aufteilen in 4 Spalten a 25%, wobei die linke Spalte leer bleibt

Widget Circle Icon hinzufügen

Widget hinzufügen / SiteOrigin Icon
(Wenn Sie das Widget Circle Icon nicht finden, unter Plugins Widget-Bundle Konfiguration aufrufen + dort aktivieren)

Aufbau der Seite mit Widget Circle Icon

SiteOrigon Widget Icon

Einstell-Möglichkeiten des Widgets

Einstellungen

Titel

WordPress Tutorial

Text

Mit diesem Tutorial werden Sie Schritt für Schritt in die Erstellung einer Website mit WordPress geführt

ICON / Symbol (Namen der Symbole finden Sie unter http://fontawesome.io/icons/)

Users

Icon Farbe

gelb

Icon Hintergrundfarbe

blau

Icon Position

oben

Icon Grösse

Gross

Frontend Circle Icon mit Symbol users und Text

Zwei weitere Circle Icon mit Text erstellen

Dieses Widget duplizieren Sie nun zwei Mal und passen den Text an

Aufbau der Seite mit drei Cirle Icons

Frontend: Drei Circle Icons mit Text und Symbol und Link

Das Widget Circle Icon in Betrieb