Antworten auf deine Fragen:
Neues Thema erstellen

WordPress Theme "Sydney" und die SocalMedia Buttons

HansjoergOtt

Aktives Mitglied

Hallo,
ich habe mich mit WordPress angefreundet und für meine Zwecke (oberndorf.ekir.de) finde ich das Theme "Sydney" ok. Ich würde gerne auch SocialMedia-Links erstellen. Selbst in der freien Version soll das möglich sein, aber bei Menüs finde ich nichts. Aber so wie in der Anleitung beschrieben, kann ich nicht vorgehen https://legacydocs.flothemes.com/sydney-adding-social-networks/

Also habe ich mir selbst ein Menü gebastelt mit individuellen Links im Footer (Schön ist was anderes); selbst da kann ich keine Icons erstellen wie sie z.B. auf https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/ beschrieben sind.

Habe ich irgendwas übersehen oder gibt es noch eine andere Vorgehensweise? Laut Herausgeber des Themes sollte auch in der freien Version unter Menü eine Rubrik sein, die das Erstellen eines solchen Social Media Menüs mit Icons möglich macht. Bei mir sieht das leider nur so aus wie auf den beigepackten Screenshots.
Vielen Dank für eure Hilfe
Hans-Jörg
 

dn3d_fanboy

Aktives Mitglied

Ich nehme mal an, dass du Icons anstatt "Facebook" verwenden möchtest.

Da Sydney von Haus aus die Icon-Schriftart FontAwesome verwendet, könntest du wie folgt vorgehen.

1. Du gehst im Backend auf Design -> Menüs. Dort klickst du oben rechts auf "Ansicht anpassen" und setzt einen Haken bei "CSS-Klassen".

2. du wählst dein Social Media Menü aus und gibst jedem Eintag dieselbe Klasse, z.B. social-link

3. dann änderst du bei den einzelnen Links die angezeigten Namen. Für Facebook wäre das z.B. 
Eine Liste mit den Codes für weitere Icons findest du hier: https://fontawesome.com/v4.7.0/cheatsheet/

4. Wenn du das Menü speicherst, sollten dann nur noch irgendwelche Rechtecke angezeigt werden.

5. Jetzt gehst du auf Design -> Customizer -> zusätzliches CSS. Dort gibst du folgenden Code ein:


Code:
li.social-link a {
font-family: 'FontAwesome';
font-size: 18px;
color: #9b9b9b;
transition: all 0.3s linear;
}

li.social-link a:hover {
color: #ffffff;
}

Damit sollten dann die Icons angezeigt werden. Den Wert von font-size oder color kannst du natürlich nach eigenen Wünschen anpassen.
 

HansjoergOtt

Aktives Mitglied

Hallo,
vielen Dank für die ausführliche Antwort. Das werde ich wohl dann so machen (müssen), obwohl Sydney von Hause aus ein SocialMedia Menü mitbringen soll. Nun gut. Selbst das Standard-Theme von WP hat ja so ein Menü.
Trotzdem noch einmal vielen Dank!
Herzliche Grüße
Hans-Jörg
 

Chris_EDI

PixelNik

So wie ich das im Handbuch, das du verlinkt hast, verstehe, kannst du die SocialMedia Buttons in Header aktivieren oder in einem Widget oder in der About -Seie. Von speziellen Menüs habe ich nichts gelesen.
Du kannst aber auch die oben beschriebenen Lösungen verwenden oder ein WP-Plugin dafür verwenden.
Beachte aber auch, dass du die SocialMedia Links extra in der Datenschutzerklärung erwähnen (genau beschreiben was die Links genau tun) musst.
 

HansjoergOtt

Aktives Mitglied

Hallo,
vielen Dank für den Hinweis auf das Handbuch, werde ich noch einmal genau durchsehen müssen, denn ich habe kein Widget gefunden, mit dem ich die SocialMedia-Links einstellen kann.
Ich bin eigentlich auf WordPress umgestiegen, um nicht mehr so viel HTML und CSS schreiben zu müssen und hatte die Hoffnung, alles mit ein paar Klicks basteln zu können, aber WordPress ist nunmal kein HomePage-Baukasten :confused:
Hans-Jörg
 

Myhar

Hat es drauf

alles mit ein paar Klicks basteln zu können
Das funktioniert ja auch, du musst halt alles so zusammenbasteln wie es verfügbar ist. Unterstützt ein Plugin wie dieses zB es nicht (in der freien Version) das icons einfach so verwendet werden dann kannst du es auch nicht "basteln".
Sobald man aber etwas eigenes will kommt man um mehr als nur "herumklicken" nicht herum. Das gilt überall, nicht nur für Wordpress.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.634
Beiträge
1.538.448
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben