Tin tức và phân tích của tất cả các thiết bị di động

Cách tạo giao diện người dùng để thông báo tin nhắn khẩn cấp trong …

Tình huống khẩn cấp có thể ảnh hưởng đến bất kỳ tổ chức. Cho dù đó là tắt máy liên quan đến thời tiết, thay đổi đột ngột trong giờ làm việc hoặc đường ống bị rò rỉ dưới tầng hầm, mọi thứ đều xảy ra. Một trong những cách tốt nhất để truyền đạt các loại vấn đề này là đăng chúng lên trang web của bạn.

Thông tin này rất quan trọng và phải nổi bật so với phần còn lại của nội dung trên trang web. Ngoài ra, thêm nên mất ít nỗ lực nhất có thể. Điều này đặc biệt là trường hợp khi khách hàng của bạn cập nhật trang web. Lý tưởng nhất là bạn không nên đưa ra quyết định thiết kế khi cố gắng chia sẻ một thông điệp quan trọng. Thời gian cũng rất quan trọng.

Hôm nay chúng tôi cho bạn thấy một giải pháp thực tế sử dụng các trường WordPress tùy chỉnh. Nó cho phép bạn:

  • Tạo một tin nhắn khẩn cấp cá nhân.
  • Chọn một biểu tượng Font Awesome để xuất hiện bên cạnh nó.
  • Kích hoạt hoặc hủy kích hoạt tin nhắn chỉ bằng một cú nhấp chuột.
  • Thêm một thiết kế bắt mắt cho chủ đề WordPress của bạn.

Sẵn sàng để bắt đầu? Hãy làm đi!

Những gì bạn cần

Điều này là đủ dễ dàng để đặt lại với nhau. Tuy nhiên, bạn cần một số thành phần:

Cả hai plugin miễn phí phải được cài đặt và kích hoạt. Bạn cũng cần truy cập vào chủ đề WordPress của bạn.

Nếu bạn đang sử dụng một trong những chủ đề mặc định đi kèm với WordPress hoặc chủ đề thương mại, hãy tạo một chủ đề con. Điều này sẽ ngăn mọi thay đổi bạn thực hiện khỏi bị ghi đè trong bản cập nhật sau.

Thêm và cấu hình các trường tùy chỉnh

Nhiệm vụ đầu tiên là tạo một nhóm các trường tùy chỉnh trong WordPress. Đầu tiên, đi đến Trường tùy chỉnh> Thêm mới trong Bảng điều khiển WordPress.

Bạn có thể tạo bất kỳ lĩnh vực nào bạn muốn sử dụng. Dưới đây là ví dụ của chúng tôi:

Ngoài ra, bạn có thể lặp lại chính xác ví dụ này bằng cách lấy tệp JSON sau:

Sau khi tải xuống tệp, đi đến Trường tùy chỉnh> Công cụ. Sau đó, bạn có thể nhập nhóm các trường tùy chỉnh trên trang web của mình.

Màn hình Nhóm nhập trường.

Sau khi nhập, đi đến Trường tùy chỉnh> Nhóm trường. Nhấp vào "Thông báo khẩn cấp" để mở màn hình chỉnh sửa.

Xin lưu ý rằng bạn có thể muốn thay đổi một số cài đặt ở đây. Cụ thể, tập trung vào các quy tắc trang web cho nhóm trường. Đảm bảo các trường xuất hiện trên (các) trang bạn muốn. Trong trường hợp của chúng tôi, chúng tôi hiển thị các trường trên Website Website.

Quy tắc vị trí trường tùy chỉnh

Tạo tin nhắn khẩn cấp

Bây giờ là thời gian để điều hướng đến trang chủ nơi các trường thông báo khẩn cấp được chỉ định.

Sự xuất hiện của các trường trong trình chỉnh sửa nội dung khác nhau. Nếu bạn sử dụng trình chỉnh sửa khối Gutenberg, bộ trường được ẩn ở dưới cùng của trình chỉnh sửa và bên dưới tất cả nội dung hiện có.

Nếu bạn sử dụng trình soạn thảo cổ điển, các trường trong tệp JSON mà chúng tôi cung cấp được định cấu hình để xuất hiện ngay bên dưới tiêu đề trang và trên tất cả nội dung hiện có.

Trong mọi trường hợp, thật dễ dàng để thêm tin nhắn vào trang web của chúng tôi. Trong hộp Hiển thị thông báo khẩn cấp, bấm Có. Sau đó chọn một biểu tượng (xem danh sách các biểu tượng Phông chữ Tuyệt vời có sẵn). Nhập tin nhắn của bạn từ đó vào trường WYSIWYG.

Các trường thông báo khẩn cấp trong Trình chỉnh sửa nội dung WordPress.

Lưu trang và thì đấy! Chà, gần như …

Thêm thông điệp của bạn ở mặt trước và thiết kế

Cuối cùng, hãy dán thông điệp khẩn cấp của chúng tôi vào chủ đề WordPress của chúng tôi và thêm một kiểu CSS.

Trong ví dụ này, chúng tôi đặt thông điệp trên tiêu đề trang web. Ở đây nó trải dài trên chiều rộng của màn hình và xuất hiện ở đầu trang. Tất nhiên, bạn có thể thêm chiết xuất này vào bất kỳ khu vực nào mà bạn cho là tốt nhất.

Bạn có rất nhiều sự linh hoạt về phong cách. Ở đây chúng tôi sử dụng một nền đỏ với văn bản lớn màu trắng. Biểu tượng Font Awesome của chúng tôi được tô màu vàng.

Kết quả cuối cùng sẽ khó mất!

Thông báo khẩn cấp trước trang web.

Cập nhật cho khách truy cập

Trang web của một tổ chức là một trong những nơi đầu tiên mà mọi người tìm kiếm thông tin quan trọng. Mặc dù cũng rất quan trọng để đăng loại tin nhắn này trên phương tiện truyền thông xã hội, nhưng nó có thể dễ dàng bị lạc trong rất nhiều nội dung.

Giải pháp này cung cấp một cách dễ dàng để thêm một tin nhắn khẩn cấp bất cứ lúc nào. Khi không còn cần thiết, nó có thể được gỡ bỏ chỉ bằng một vài cú nhấp chuột.

Cũng có những cách để cải thiện chức năng bằng cách thêm các trường tùy chỉnh có liên quan khác. ACF có nhiều tùy chọn tích hợp và có một số bổ sung có thể làm được nhiều hơn.

Hầu như tất cả các trang web có thể sử dụng các tính năng này. Thiết lập nó ngay bây giờ để bạn không phải chiến đấu sau này.

Mục lục