google-classroom - 如何自定义谷歌课堂分享按钮的外观

Question

目前，它看起来像一个正方形，旁边没有文字，我们希望在不影响图标的情况下自定义外观以匹配我们的其他按钮。

已经尝试将样式添加到div转换为共享图标的图标中，但到目前为止还没有成功。

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

上面的行呈现如下：

知道如何进一步进行或研究哪个方向吗？

score 4 · Accepted Answer

要获得完全不同的分享按钮，您需要编写自己的 JS 来正确设置按钮样式、处理鼠标点击等，然后将用户定向到格式为https://classroom.google.com/的 URL分享？url=https://foo.com/（来源）。（您也需要遵循品牌指南。）

score 1 · Accepted Answer

要修改按钮，您可以参考共享按钮文档。但是，您需要遵循一些限制才能以适当的方式修改“课堂”按钮。

在这里您可以找到徽标的所有规格和限制。检查这些规范是否允许您根据需要修改徽标。

score 0 · Accepted Answer

您可以将白色徽标（方形或圆形）放在您选择的彩色背景上。完整的品牌指南在这里

3 回答 3