Telefonnr (ohne verlinkung) wird farblich anders dargestellt

Gelöst F0011
(@tfr1030vienna)

vor 7 Monaten, 1 Woche

Liebe Community!
Folgende Frage: im Footer obiger website einer Kundin steht ihre Adresse – ohne Verlinkung von tel oder mailto. Einige Browser (Firefox & Safari) erkennen die Telefonnummer aber als „link“ und stellen die Telefonnummer farblich grau dar. Es sind keine farblichen Parameter bei Links gesetzt, weder im Customizer noch global. Wie kann ich diesen Effekt „rauscodieren“?
VIELEN DANK!!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)

bscu
(@bscu)

vor 7 Monaten, 1 Woche

Ich kann das Problem nicht nachvollziehen, Edge, Firefox, Opera, Chrome, überall alles ok.
Moderator Bego Mario Garde
(@pixolin)

vor 7 Monaten, 1 Woche
Du könntest probieren, folgende Funktion in der functions.php eines Child-Themes oder als Code Snippet einzufügen:
```
add_action( 'wp_head', 'my_meta_phone_no' );
function my_meta_phone_no() {
  echo '<meta name="format-detection" content="telephone=no">';
}
```
(Quelle: How to disable phone number linking in Mobile Safari?)
Moderator Bego Mario Garde
(@pixolin)

vor 7 Monaten, 1 Woche
@bscu Das hatte ich auch schon geschrieben, dann aber gesehen dass auf dem iPhone nach Auswahl und erneutem Besuch der Website die Telefonnummer grau eingefärbt wurde. Apple hat da eigene Vorstellungen, was sie wie formatieren. Für den Frontendentwickler manchmal etwas mühsam.

Siehe auch Turn automatic formatting on or off for URLs, email addresses and phone numbers
- Diese Antwort wurde geändert vor 7 Monaten, 1 Woche von Bego Mario Garde.
Thread-Starter F0011
(@tfr1030vienna)

vor 7 Monaten, 1 Woche

Vielen Dank fürs Feedback! Ich hab es jetzt gerade nochmals durchgecheckt und interessanterweise tritt es dann auf, wenn die website aus dem Browser per link geteilt wird, zb über Whatsapp und dann aus Whatsapp heraus angeklickt/geöffnet wird, ist die Telefonnummer ergraut. Wenn ich den Browser refreshe, bleibt es auch ergraut…

Thread-Starter F0011
(@tfr1030vienna)

vor 7 Monaten, 1 Woche

Danke pixolin, deinen Code hatte ich versucht, aber es bleibt leider grau… :((

Moderator Bego Mario Garde
(@pixolin)

vor 7 Monaten, 1 Woche

Wie, so schnell? Wo hast du das eingetragen?
Im Moment ist der Code nicht aktiv.

Moderator Bego Mario Garde
(@pixolin)

vor 7 Monaten, 1 Woche

Hier wird noch eine zusätzliche CSS-Regel vorgeschlagen, mit der in iOS erkannte Links die Farbe des übrigens Texts übernehmen:

https://www.htmlemailcheck.com/knowledge-base/need-to-stop-ios-from-converting-phone-numbers-to-blue-links/

Thread-Starter F0011
(@tfr1030vienna)

vor 7 Monaten, 1 Woche

Ich hatte den Code (ich meine er war ident) schon in einem anderen Forum erhalten und versucht, noch bevor ich HIER einen post angelegt hab 😉 Hab ihn damals wieder gelöscht weil nicht funktioniert. Es ist aber nicht auszuschliessen, dass sich dabei ein Fehler meinerseits eingeschlichen hat…
Danke für den anderen link, den checke ich gleich mal aus!! 😉

Thread-Starter F0011
(@tfr1030vienna)

vor 7 Monaten, 1 Woche

DANKE! Dein Code hat’s gebracht. Dürfte ich wohl vorher fehlerhaft eingegeben haben… VIELEN DANK!!!!!!!

Moderator Bego Mario Garde
(@pixolin)

vor 7 Monaten, 1 Woche

Prima. Dann markiere ich den Thread als „gelöst“.

Viel Erfolg mit der Website.

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)

Das Thema „Telefonnr (ohne verlinkung) wird farblich anders dargestellt“ ist für neue Antworten geschlossen.

Telefonnr (ohne verlinkung) wird farblich anders dargestellt

Themen

Beliebteste Themen

Themen ohne Antworten

Nicht-Support-Themen

Gelöste Themen

Ungelöste Themen

Alle Themen