SiteOrigin - Page Builder - Bilder einfügen

Sie haben Bilder auf Ihrem Computer, möglichst mit einer reduzierten Dateigröße.(siehe PIXLR - Fotos für Website optimieren)

Bilder in die Mediathek hochladen

Medien /  Dateien hinzufügen
die in diesem Fall die vorhandenen zwei Dateien hochladen

img 158


Erstes Bild bearbeiten

Wählen Sie das zu bearbeitende Bild aus und klicken auf Bild bearbeiten.
Geben Sie einen Alternativ-Text ein, der für SEO sehr wichtig ist.

img 160

Aktualisieren

 

 

 

 

 

SiteOrigin - Page Builder - Site Origin Hero Bild hinzufügen

Sie haben Ihre Bilder in der Größe reduziert und in die Mediathek hochgeladen.

Neue Seite erstellen

Seiten / Erstellen / Titel vergeben: SiteOrigin Schulung

img 162


Neue Zeile hinzufügen 100%

Seite in den Page Builder überführen / Schaltfläche Zeile hinzufügen + Titel für Zeile vergeben

img 164 


SiteOrigin Widget Hero

 img 166

Per Klick ist es hinzugefügt

img 168

 


SiteOrigin Widget Hero - Einstellungen öffnen

Klicken Sie auf Add und danach auf den kleinen Pfeil

img 173

img 175


Bild und Text einfügen

Text zentriert, erste Zeile = H4, zweite Zeile = H2, dreitte Zeile = Absatz
Das Bild unter Background-Image einfügen

img 177

Fertig

img 179


Frontend

img 179

und das sieht dann so im Frontend aus

img 187

 

 

SiteOrigin - Page Builder - Site Origin Hero - Bild auf der gesamten Seitenbreite

Wichtig sind folgende Einstellungen, sonst erstreckt sich das Hero-Bild nicht über die gesamte Seitenbreite

  • Template
    Seiten / SiteOrigin Schulung / Bearbeiten / Template / Seiten-Attribute / Full Width Page, No Title

  • Zeile mit dem SiteOrigin Hero
    Zeile bearbeiten / Zeilen Layout / Gesamte Breite gestreckt

img 195

SiteOrigin - Page Builder - Site Origin Hero Menü entfernen

Die Seite SiteOrigin Schulung zeigt oberhalb der Grafik ein Menü an, das versteckt werden soll.

img 188


Einstellungen in Hero

Seiten / SiteOrigin Schulung / Bearbeiten / rechts unten in der Sidebar Hide Masthead
Verstecke die Kopfzeile

img 190

Aktualisieren


Frontend - ohne Menü -

img 192

 

SiteOrigin - Page Builder - Site Origin Hero - Bild komplett zeigen

Aufrufen der Konfiguration von SiteOrigin Hero

Widget SiteOrigin Hero / Bearbeiten 

img 198


Konfigurationsbereich aufrufen (kleines Dreieck anklicken)

img 202


Design and Layout 

Scrollen Sie ganz nach unten zum Bereich  Design and Layout / Height = 600 px  (Diese Eingabe ist geschätzt durch Try and Error) 

img 201


Frontend

Jetzt wird das komplette Bild angezeigt

img 203