Wie füge ich meiner Homepage-Baukasten-Website Social Media-Links hinzu?
In dieser Anleitung wird erläutert, wie Sie mithilfe der Social Media-Komponente im Homepage-Baukasten Social Media-Links zu Ihrer Website hinzufügen.
- Schritt 1 – Fügen Sie Ihrer Website eine Social Media-Komponente hinzu
- Schritt 2 – Fügen Sie Ihre Social-Media-Links hinzu
- Schritt 3 – Passen Sie den Stil Ihrer Icons an
- Schritt 4 – Fügen Sie Animationen zu Ihren Icons hinzu
- Schritt 5 – Veröffentlichen Sie Ihre Änderungen
Schritt 1 – Fügen Sie Ihrer Website eine Social Media-Komponente hinzu
- Öffnen Sie den Homepage-Baukasten über das one.com Kontrollpanel.
- Klicken Sie im Menü links auf Social und ziehen Sie eine der Komponentenoptionen in Ihren Arbeitsbereich.
Schritt 2 – Fügen Sie Ihre Social-Media-Links hinzu
-
- Klicken Sie auf das Symbol mit den drei Punkten, um ein Social-Media-Symbol zu bearbeiten, auszublenden oder zu löschen. Das Ausblenden eines Links wirkt sich nur auf die jeweilige Social-Komponente aus, während das Löschen alle anderen Social-Komponenten auf Ihrer Website betrifft.
- Ändern Sie die Reihenfolge der Icons, indem Sie auf einen Link klicken und ihn bei gedrückter Maustaste nach oben und unten ziehen.
- Geben Sie eine E-Mail-Adresse oder URL zu einer Ihrer Social-Media-Seiten ein, um ein neues Symbol hinzuzufügen. Sie können Links zu Facebook, Instagram, Twitter, Pinterest, LinkedIn, YouTube, E-Mail, Yelp, Vimeo, Snapchat, Reddit, Tumblr, Tripadvisor und Foursquare hinzufügen.
Schritt 3 – Passen Sie den Stil Ihrer Icons an
Passen Sie das Aussehen der Icons unter Icons bearbeiten > Stil an.
- Ändern Sie die Form der Icons; Sie können Normal (Standard), Kreis, Quadrat oder Abgerundet wählen.
- Sie können zwischen einem Icon mit einer Volltonfarbe (ausgefüllt) oder einem transparenten Bereich (transparent) wählen, der Ihren Hintergrund anzeigt.
- Wählen Sie unter Farbe Mehrfarbig, um die Standardfarben der Social Media anzuzeigen, oder Schwarz (dunkel) bzw. Weiß (hell).
Passen Sie Größe und Abstand der Icons nach Ihren Wünschen an und wählen Sie, wo Sie sie auf Ihrer Website platzieren möchten. Platzieren Sie die Komponente in Ihrem Header oder Footer, wenn die Icons auf allen Seiten sichtbar sein sollen.
Schritt 4 – Fügen Sie Animationen zu Ihren Icons hinzu
Sie können Animationseffekte zu Ihren Icons hinzufügen, um sie besser hervorzuheben. Zum Beispiel können Sie einen Hineinschiebe-Effekt oder einen Hüpf-Effekt verwenden, der die Icons auf dem Bildschirm hervorhebt, wenn ein Besucher auf der Seite nach unten scrollt.
Sie können Animationen hinzufügen, indem Sie die Komponente auswählen und auf Icons bearbeiten > Animationen klicken.
- Wählen Sie einen Animationseffekt: Sie können zwischen Einblenden, Hineinschieben oder Hüpfen wählen.
- Wenn Sie Einblenden oder Hineinschieben auswählen, können Sie die Richtung auswählen, aus der die Komponente auf dem Bildschirm angezeigt werden soll. Zur Auswahl stehen Mitte, Oben, Unten, Links oder Rechts.
- Wählen Sie die Animationsgeschwindigkeit: Sie kann langsam, mittel oder schnell sein.
- Wählen Sie, ob Sie den Wirkungseintritt verzögern möchten und wenn ja, wie lange die Verzögerung sein soll.
Schritt 5 – Veröffentlichen Sie Ihre Änderungen
Klicken Sie auf Speichern und Veröffentlichen, um Ihre Änderungen auf Ihrer Website sichtbar zu machen.
Tipp: Wenn Sie Social-Media-Icons vertikal anzeigen möchten, können Sie dies tun, indem Sie für jedes Symbol eine separate Social-Media-Link-Komponente hinzufügen und alle bis auf eines ausblenden. Platzieren Sie sie dann übereinander.
Sie haben keinen Zugriff auf den Homepage-Baukasten? Sie können ihn 14 Tage lang kostenlos testen und im Handumdrehen eine Website erstellen. Starten Sie jetzt Ihre kostenlose Testversion
Verwandte Artikel: