Favicon wird nicht angezeigt

[Oliver77]

Hallo in die Runde,
ich habe in Wordpress das Favicon geändert, aber das alte wird angezeigt.
Jetzt habe ich es versucht in Javascript zu ändern.

 const linksDefault = document.querySelectorAll("link");
linksDefault.forEach((element) => {
                if (element.getAttribute("rel") == "icon" && element.getAttribute("sizes") == "32x32" ) {
                    element.setAttribute("href", "https://der-webseitenveredler.de/wp-content/uploads/2023/06/favicon32x32.png");
                }
                else if (element.getAttribute("rel") == "icon" && element.getAttribute("sizes") == "16x16"){
                    element.setAttribute("href", "https://der-webseitenveredler.de/wp-content/uploads/2023/06/favicon16x16.png");
                }
                 else if (element.getAttribute("rel") == "icon" && element.getAttribute("sizes") == "192x192"){
                    element.setAttribute("href", "https://der-webseitenveredler.de/wp-content/uploads/2023/06/favicon192x192.png");
                }
            });

Da erscheint es beim Laden und verschwindet dann wieder.
Biete 20€ Finderlohn PayPal only.

Geht um diese Seite:
Link entfernt, Projekt soll so nicht im Netz auffindbar sein

 

[msi]

Jetzt habe ich es versucht in Javascript zu ändern.

Das ist aber die Holzhammermethode, die ich nicht empfehlen würde. Browser-Cache schon geleert?

 

[Oliver77]

Ja alles probiert, Cache löschen usw. mit Javascript ist wirklich nicht schön, aber ich kriege einfach nicht das neue Favicon rein...

 

[msi]

Tipp: versuche es mal mit deiner Frage hier: https://de.wordpress.org/support/
Da sind einige WordPress-Profis zu Gange, dort wird dir mit WordPress-Fragen bestimmt besser geholfen.

 

[AndreasB]

Ich denke nicht, dass dynamisch setzen hier der richtige Ansatz ist...

mit deinem Script erwischst du übrigens nicht alle favicons.

<link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico?v2=gAeGAJK57l">
<link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg?v2=gAeGAJK57l" color="#5bbad5">
<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png?v2=gAeGAJK57l">

erwischst du nicht.

Wenn ich das shortcut icon im DOM ändere ändert sich bei mir auch das favicon im Tabheader.

 

[Oliver77]

Oh stimmt dran habe ich gar nicht gedacht..
Danke AndreasB PN ist raus für die 20€.

 

[msi]

Oh stimmt dran habe ich gar nicht gedacht

Das bleibt aber trotzdem eine Holzhammermethode. Das muss mit WordPress alleine eleganter gehen.