So passen Sie das Look & Feel der Google Classroom Share-Taste

Question

Derzeit scheint es wie ein Quadrat mit keinem Text neben, möchten wir das Aussehen anpassen & fühlen, ohne das Symbol natürlich auf unsere anderen Schaltflächen zu stören.

Bereits versucht, Stile zu div hinzuzufügen, die in das Share-Symbol konvertiert wird, aber bisher nicht erfolgreich.

<div id='widget-div' class='btn btn-blue'>Google Classroom</div> 

Die obige Linie macht wie folgt:

Jede Idee, wie weiter verfahren ist oder in welche Richtung zu schauen?

Answer 1

Um eine völlig andere Freigabe-Schaltfläche zu erhalten, müssen Sie Ihre eigene JS schreiben, um die Schaltfläche korrekt zu formatieren, den Mausklick usw. zu handhaben und den Benutzer dann an eine URL des Formulars https://classroom.google.com/share?url=https://foo.com/ zu verweisen. (Sie werden müssen, die branding guidelines zu folgen.)

Answer 2

Um die Schaltfläche zu ändern, können Sie auf die Share button Dokumentation verweisen. Es gibt jedoch einige Einschränkungen, denen Sie folgen müssen, um die Classroom-Schaltfläche in der entsprechenden Weise zu ändern.

Sie können alle Spezifikationen und Einschränkungen für das Logo finden. Überprüfen Sie, ob diese Spezifikationen Ihnen erlauben, das Logo entsprechend Ihren Bedürfnissen zu modifizieren.

Answer 3

Sie können das weiße Logo (Quadrat oder Kreis) auf einen farbigen Hintergrund Ihrer Wahl legen. Vollständige Markenrichtlinien here