Plugin Perfecty Push Notifications thông báo khi có bài viết mới

Theo như thông tin tác giả cung cấp thì Perfecty Push Notifications là một plugin với chức năng tạo thông báo đẩy lên trình duyệt tự nó lưu trữ. Bạn sẻ không cần thêm API để tích hợp với các nhà cung cấp bên ngoài, vì thường sẻ bị tính phí. Plugin sử dụng mã nguồn mở và thông tin được lưu trữ trong WordPress của bạn, do đó bạn có thể gửi Thông báo đẩy trực tiếp từ máy chủ của bạn hoàn toàn miễn phí!

Plugin Perfecty Push Notifications

Ưu điểm:
– Tất cả thông tin được xử lý trong WordPress của bạn.
– Thông báo sẻ được đẩy lên và hỗ trợ đầy đủ các trình duyệt web hiện nay như Chrome, Edge, Firefox, Opera..
– Có thể CSS giao diện thông báo theo ý thích cực kỳ đơn giản.
– Quản lý thông báo cực kỳ tiện lợi cho người sử dụng.
– Có thể thay đổi nội dung hiển thị theo ý thích.
Nhược điểm:
– Gây ngốn tài nguyên website của bạn vì nó chạy trực tiếp từ máy chủ của bạn.
– Không làm việc trên các trình duyệt chạy trên hệ điều hành IOS.

Thêm CSS cho plugin để giao diện trở nên bắt mắt hơn

Bạn sao chép toàn bộ code CSS bên dưới rồi dán vào file style.css trong thư mục theme mà bạn đang sử dụng là xong.

.perfecty-push-dialog-box {
    max-width: 370px !important;
    background: #333333f5 !important;
    padding: 10px !important;
    border-radius: 5px 5px 50px 50px !important;
    box-shadow: 0px 1px 6px black !important;
    color: #999 !important;
    font-size: 14px !important;
    display: block !important;
}


.perfecty-push-dialog-box .perfecty-push-dialog-icon {
    width:50px !important;
    border-radius: 100% !important;
}

.perfecty-push-dialog-container .perfecty-push-dialog-title {
    margin: 10px 0px !important;
}
#perfecty-push-dialog-cancel, #perfecty-push-dialog-subscribe {
    border: 2px solid !important;
    border-color: #464646 !important;
    background: #222 !important;
    color: #858585 !important;
    padding: 10px 10px 10px 10ppx !important;
}
.perfecty-push-settings-container #perfecty-push-settings-form {
    border: 1px solid rgb(68 68 68) !important;
    background-color: #222222 !important;
    color: #999 !important;
}
.perfecty-push-settings-container #perfecty-push-settings-open svg {
    background-color: #555;
}

Bạn có thể thay đổi màu sắc nếu muốn nhé