Whatsapp in das Objekt Social Icons aufnehmen 
Autor: Peter W.
Besucht 779,
Followers 2,
Geteilt 0
Es wurde schon oft angesprochen und seit 2017 existieren Bitten, Whatsapp in das Objekt "Social Icons" aufzunehmen. Inzwischen geht das von Seiten Whatsapp mit dem link https://wa.me/[Telefonnummer] recht einfach, vom PC, Tablet oder Smartphone Whatsapp Nachrichten zu versenden. Nur eben fehlt Whatsapp noch im Objekt "Social Icons".
Ja, ihr habt recht, man kann sich das Icon als .png besorgen und als Bild einfügen und mit einem Link versehen. Aber das sieht nicht sehr gut aus, da es nie optisch zu den anderen Icons vom Objekt passt, wenn mehrere nebeneinander sind.
Ich würde mich sehr darüber freuen.
Danke im Voraus!
Gepostet am
Wieso nimmst du nicht ein passendes Whatsapp Icon und verlinkst es mit Anruf/Nachricht und stellst um auf "Whatsapp" !
Autor
Hallo Andreas,
das ist eine Möglichkeit, aber wir sind ja alle auch ein bisschen faul (sonst würden wir ja auch noch html tippen *bg*).
Das habe ich auch so versucht, jedoch sieht ein importiertes und dann eventuell noch skaliertes Icon immer ein wenig anders aus als die Icons, die von dem Objekt "Social Icons" stammen. Dann stimmt wieder die Position nicht 100%ig, wenn mehr Icons nebeneinander sind. Außerdem wird bei dem zusätzlichen Icon bei Responsive eine extra Zeile begonnen.
Wenn ich das Objekt "Social Icons" nehme, dann kann ich dies im Header über den Header-Rand hinausschieben, sodass die Icons eigentlich schon im Seitenrand erscheinen. Das geht nur, wenn alle Icons, die nebeneinander stehen sollen aus dem gleichen Objekt stammen.....
Wenn Du magst, kannst es Dir ja mal hier ansehen: https://personaltraining-natuerlichfit.de
Im Header rechts soll das jetzige Twitter Icon eigentlich ein Whatsapp Icon werden, sodass es gleich ist, wie auf dier selben Seite unten bei der Adresse. Dort habe ich es so gemacht, daß ich eigene Icons genommen habe. Bei Responsive erscheinen diese dann untereinander. Wenn hier das "Social Icons" Objekt genommen würde, wären die Icons nebeneinander, wie es eigentlich sein sollte.
Oder hast Du hierzu noch Tipps für mich? Oder kann man irgendwo sogar die Icons vom Objekt "Social Icons" ändern???
Danke Dir!
Normalerweise nicht! Außerdem solltest du das Objekt im HEader in den sichtbaren Bereich ziehen denn sonst hast du einen weissen Rand auf der rechten Seite!
Autor
Hallo Andreas,
ich habe nun ein Text Objekt genommen und mir die 3 Social Icons als .png in Photoshop erstellt. Diese 3 Icon's habe ich in das Text Objekt eingefügt und dort jeweils mit einem Link zu den Social Websites versehen.
Das Textojekt lässt sich ebenfalls, wie das Social Icons Objekt im Header und Sticky Bar über den Rand hinausschieben (ein wenig ist vom Objekt noch zu sehen, da es ja sonst nicht mehr greifbar wäre).
Den von Dir angesprochenen weißen Rand kann ich bei keinem meiner Projekte feststellen. Aktuelle IE, Firefox, Safari, Edge auch mit ihren mobilen Varianten haben damit keine Probleme.
Somit funktioniert es nun, wie gewollt. Danke für Deinen Denkanstoß!
Gruß
Peter
Autor
Achja, nur noch der Vollständigkeit halber:
Die Icons vom Objekt "Social Icons" lassen sich wirklich nur mit erheblichen Aufwand ändern. Die Icons sind keine Bilder im herkömmlichen Sinn, sondern sind svg Format, also direkt vom Code "gezeichnete" Bilder über <path> Angaben.
Gruß
Peter