So verwenden Sie Social-Icons-Designs

In einigen Fällen reicht es nicht aus, das Standardelement oder seine Voreinstellungen zu verwenden, um sich Inspiration für gutes Design zu holen. Sie können die von Designern erstellten Designs für Blöcke verwenden, die das Element „Soziale Symbole“ enthalten, das Ihnen Ideen gibt und den Aufbau der Website beschleunigt.

Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente

Unterstützte Systeme

Visueller Seiteneditor

Benutzerdefinierter Code

Anwendungsfunktionen

Site- und Seiteneigenschaften

WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Voreinstellungen für soziale Symbole

Soziale Symbole ermöglichen es Ihnen, soziale Verbindungen zu Ihrem Publikum aufzubauen und aufrechtzuerhalten, und Sie können dafür das Element „Soziale Symbole“ verwenden. Beginnen Sie mit den Voreinstellungen, die ein universelles Design haben und für die meisten Fälle geeignet sind. Klicken Sie auf die Symbole „Hinzufügen“, um das Bedienfeld zu öffnen, gehen Sie zu den sozialen Symbolen und klicken Sie darauf, und wählen Sie eine erforderliche Voreinstellung aus, um sie einem Web-Block hinzuzufügen.

Animation für soziale Symbole

Sie können die Animationseffekte dem Social Icons-Element wie jedem anderen Element hinzufügen. Sie können die sozialen Symbole beim Scrollen und Schweben animieren. Klicken Sie auf das Element Soziale Symbole und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie auf den gewünschten Animationstyp-Link und wenden Sie einen Effekt an.

Symbol zu sozialen Symbolen hinzufügen

Sie können den Social Icons-Elementen ganz einfach ein neues Symbol hinzufügen. Wählen Sie das Element in einem Block aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie auf das Symbol Hinzufügen unter der Liste der vorhandenen Symbole und wählen Sie ein neues Symbol aus der Liste aus. Geben Sie nach dem Hinzufügen den sozialen Link für das neu hinzugefügte soziale Symbol an.

Benutzerdefiniertes Symbol zu sozialen Symbolen hinzufügen

Wir haben die meisten Logos sozialer Netzwerke zur Option „Hinzufügen“ für das Element „Symbole sozialer Netzwerke“ hinzugefügt. Wenn Sie ein erforderliches Symbol für Ihre Website nicht finden, fügen Sie ein vorhandenes Symbol hinzu, klicken Sie auf das hinzugefügte Symbol, um es zu ersetzen, laden Sie ein neues soziales Symbol hoch, wählen Sie es aus und geben Sie den Link für das Symbol ein.

Anpassung von sozialen Symbolen

Sie können das Social Icons-Element ganz einfach anpassen, indem Sie seine Größe und den Abstand zwischen den Symbolen ändern. Klicken und ziehen Sie die Aufzählungszeichen zur Größenänderung an den Ecken des Auswahlrechtecks für soziale Symbole, um die Größe anzupassen. Ziehen Sie den Schieberegler für den Abstand, um den Abstand zwischen den Symbolen zu ändern.

Ändern Sie die Farbe für soziale Symbole

Sie können die Farbe der Social-Symbole ganz einfach ändern. Klicken Sie zur Auswahl auf das Element „Soziale Symbole“, gehen Sie zum Eigenschaftsfenster, scrollen Sie nach unten zum Abschnitt „Farbe“ und wählen Sie eine Farbe aus. Sie können eine benutzerdefinierte Farbe hinzufügen oder ändern oder keine Farbe auswählen, um die ursprünglichen Farben wiederherzustellen.

Kostenlose Vorlagen mit Soziale Symbole Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How To Add And Customize The Available Designs For Social Icons Element

When you build your site structure, if you want to attract even more attention, you always add social that contain links to your social profiles on the social platforms. And if you already know how to add a social block, then customizing the social in it will be even simpler. Click on the social block to select it to go to the block settings on the property panel on the right. You can add custom and additional social, customize the whole button block, add your social profiles links, and change the pill shape of logos. Also, add CSS class, similar to Gutenberg blocks, into your future WordPress themes to save your time.

You can write a custom CSS code style and use available icons to realize it for your social blocks. The website's social block allows adding media icons with your media profiles into the icon block and re-shape the standard pill shape, but apply it to any post or page you will use in your WordPress themes or table of contents. Use similar block settings with your custom CSS for your video block, image bloc, or gallery block. Your post or page and even a new tab will already have a CSS class you integrated, so your custom post type will automatically insert social block settings.

Add stylish media icons with integrated social media profiles and press enter to link the social icon blocks into one table of contents similar to Gutenberg blocks. The logos only partially affect the user experience. If you add social media profiles into the social blocks, you must interest users that open a new tab and scroll through the social icon block in those social links, so they would want to click or press enter to follow your social media profile. Your media icons should stay standard for any post type on your pages.

So verwenden Sie Social-Icons-Designs

Nach Funktionskategorien durchsuchen

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwandte Funktionen

Kostenlose Vorlagen mit Soziale Symbole Element

How To Add And Customize The Available Designs For Social Icons Element

Company

Product

Themes & Templates

Nicepage

Web Design