如何使用Google課堂分享按鈕的圓形徽標？

Question

我想使用谷歌課堂分享按鈕的圓形標誌如圖所示的「Google Classroom Branding Guidelines」頁面。

我用的例子，在「Add a Classroom Share Button」頁面，但我無法弄清楚如何使用圓形徽標而不是正方形之一。

任何人都可以幫忙嗎？

Answer 1

你不能「配置」共享按鈕本身使用不同的標識;要完成此操作，您需要"manually" display the icon and then direct the user to the REST share endpoint。

Answer 2

使用CSS更改圖標。

下載圓圖標包：https://developers.google.com/classroom/assets/classroom_circle_logo.zip

上傳你想要的地方圖標在線的覆蓋background-image -rule

當使用示例代碼，我得到èCSS規則，如：

.mgQYsb { 
    background-image: url("https://www.gstatic.com/classroom/logo_square_48.svg"); 
} 

覆蓋與

.mgQYsb { 
    background-image: url("<your url>/<your logo>") !important; 
} 

這個規則

讓我們希望班級保持不變。或者，你可能會發現它不以階級考慮像

div.hrIdWidgetContainer>div>div> { 
    background-image: url("<your url>/<your logo>") !important; 
} 

我試着玩的實際規則，看是否回合的標誌是在同一文件夾上的某個地方更一般的規則gstatic.com，但沒有找到任何東西。