WP 6.0.1 Social Media Icons im Footer/Sockel entfernen

Footer in enfold bearbeiten: hier
Footer in emt bearbeiten: Templates > Theme Builder > Footer
Allerdings: warum bittet ihr nicht den Ersteller der Webseiten, die Änderungen durchzuführen? Wäre wohl sinnvoller.

Zitat von Ekaterina

Das Problem ist, dass die Social Media Icons (FB, LinkedIn und Insta) im Footer/Socket nicht richtig angezeigt werden. Wir nutzen Enfold Child Theme und Classic Editor.
Aber unsere Landingpage "Jobs" wird mittels Elementor erstellt und bearbeitet. Dort kann man im Footer die Social Media Icons gut sehen.

Ich dachte, vielleicht kann man im Elementor es so einstellen, dass man diese Icons komplett entfernen kann, da wir eher im Header Social Media Icons haben. Aber diese Funktion habe ich im Elementor nicht gefunden.

Ich habe gelesen, man kann im WP mittels Customizer (Zusätzliches CSS), style.css oder Quick CSS bei "Allgemeines Styling" eventuell css-code ändern oder so. Aber irgendwie habe ich mir nicht getraut, das zu machen aus der Angst, etwas kaputt zu machen.

Wenn die Icons nicht angezeigt werden, liegt dies oft an der fehlerhaften Einbindung von Font-Awesome.

Wenn man Logos von Font-Awesome verwendet, sollte man unbedingt die Nutzungshinweise pp Warnungen beachten.

Bei dem Editoren Chaos. Gutenberg wird mit Classic Editor überschreiben und die Konfiguration wird an Seiten mit Elementor (vermutlich kostenlos... hauptsache billg?) überschrieben.

Ergebnis bei solchen Basteleien ist: Font-Awesome wird oft x fach geladen oder aus Prinzip gar nicht.

Lösungsweg
https://fontawesome.com/docs/web/use-with/wordpress/

Zitat von Ekaterina

Ich habe gelesen, man kann im WP mittels Customizer (Zusätzliches CSS), style.css oder Quick CSS bei "Allgemeines Styling" eventuell css-code ändern oder so. Aber irgendwie habe ich mir nicht getraut, das zu machen aus der Angst, etwas kaputt zu machen.

Wie soll der CSS Code zwischen Icons im Footer und Header unterscheiden? Wenn man per css deaktiviert. Deaktiviert man in der Regel Footer und Header.

In Enfold kann man die Darstellung der Social Media Icons im Footer löschen.

Zitat von Ekaterina

ich habe bei unseren installierten Plugins geprüft, Font-Awesome steht nicht auf der Liste. Aber ich habe mir bei unsere HP auf "untersuchen" mit Rechtsklick geklickt und habe mit den HTML Code angeschaut und mit dem von dem Icon von Font-Awesome verglichen: das sieht sehr ähnlich aus. (Font -Awesome <i class="fa-brands fa-linkedin-in"></i> im Vergleich zu unserer HP: <i class="fab fa-linkedin-in"></i>) Ich weiß nicht, was ich hier machen soll.

Wenn die Logos nicht angzeigt werden fehlt auf dieser Seite in der Regel

<link rel="stylesheet" href="< die URL von >/css/font-awesome.min.css" />

Da jeder Themeentwickler und Plugin Entwickler meint, er müsse awesome Icons verwenden kann - optimiert man die Verwendung und verwendet _ein_ Plugin dafür.

Zitat von Ekaterina

Zum Thema editor: (Bild 01 & 02 im Anhang) wir nutzen Edvanced Layout Builder. (sorry vorher für die Verwirrung, muss erstmals selber mit dem WP klar kommen, da ich vorher damit nicht gearbeitet habe).

Ich würde unbedingt einen weiteren Editor einbinden. Man spart sich den externen teureren unnötigen Dienstleiter und gibt dies seinen fähigen Mitarbeiterinnen. Die dürfen dann halt mit Antworten in Foren klarkommen.

Unbeding Editoren installieren und wenn dies nicht mher geht ein besseres Theme verwenden: https://www.elegantthemes.com/gallery/divi/

Zitat von Ekaterina

Außerdem verwenden wir Elementor Pro.

Verwendet auch eine eigene Version von awesome. gut - ihr seit auf dem richtigen Weg!

Zitat von Ekaterina

In Enfold Child Theme sind Footer und Header gleich eingestellt. Das heißt die Dartsellung von Social Media Icons ist identisch, und wir haben diese Icons nur im Header und das ist bei jeder Landingpage so. (Wir wollen die Icons nur im Header haben. )

dann lösch die im footer. Dann bist du schon einmal sicher, dass "Enfold Child Theme" die Social Media Icons nicht ausliefert. Evt. ist ein Cache aktiv hier eben den Cache löschen (lassen).

Zitat von Ekaterina

Diese Einstellung im Footer ist nicht ausgewählt, wenn ich aber diese Funktion einschalte, dann sind diese Icons und Bugs im Footer überlappend (Bild 03 & 04). Und die ausgewählten Social Media Icons sind in grau. Ich vermute, dass diese Bugs irgendwie doch mit dem Elementor zusammenhängen, weil die Bugs sind orange und auf unserer Jobs-Seite sind sie in orange aber richtig dargestellt. Ich finde aber in den Einstellungen bei Elementor nicht, wie ich diese Icons entfernen kann, damit es auf der HP auch verschwindet.

Ich habe mir unsere Backend genauer angeschaut: WP und Elementor. Könnte es vielleicht noch daran liegen,dass bei den Einstellungen im Elementor das Seiten- Layout (ich meine unsere Jobs-Seite, wo die Social Media Icons richtig dargestellt sind) nicht mit dem Template von HP im WP übereinstimmt? Soll ich vielleicht im Elementor bei Seitenlayout auf "Vorgabe" ( Bild 10) umstellen? Oder soll ich es so lassen? (Bilder 08 & 09).

grau? orange? soll ich mir dies wirklich jetzt ansehen? warum sollte ich?