Làm cách nào để tùy chỉnh giao diện của nút chia sẻ lớp học trên google

Question

Hiện tại, nó trông giống như hình vuông không có văn bản bên cạnh, chúng tôi muốn tùy chỉnh giao diện & cảm thấy không làm phiền biểu tượng của khóa học phù hợp với các nút khác của chúng tôi.

Đã thử thêm kiểu vào div được chuyển đổi thành biểu tượng chia sẻ nhưng không thành công cho đến thời điểm này.

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

Dòng trên ám như dưới đây:

Bất kỳ ý tưởng làm thế nào để tiến hành thêm hoặc hướng nào để xem xét?

Answer 1

Để có được nút chia sẻ hoàn toàn khác, bạn cần viết JS của riêng mình để tạo kiểu cho nút một cách chính xác, xử lý nhấp chuột, v.v ... rồi hướng người dùng đến URL của biểu mẫu https://classroom.google.com/share?url=https://foo.com/. (Bạn cũng cần phải theo dõi branding guidelines.)

Answer 2

Để sửa đổi nút, bạn có thể tham khảo tài liệu Share button. Tuy nhiên, có một số hạn chế mà bạn sẽ cần phải làm theo để sửa đổi nút Lớp học theo cách thích hợp.

Here bạn có thể tìm thấy tất cả các đặc điểm và hạn chế đối với biểu trưng. Kiểm tra xem các thông số kỹ thuật này có cho phép bạn sửa đổi biểu trưng cho phù hợp với nhu cầu của bạn hay không.

Answer 3

Bạn có thể đặt biểu tượng màu trắng (hình vuông hoặc hình tròn) trên nền màu bạn chọn. Hướng dẫn đầy đủ thương hiệu here