Thanh hành động WordPress

WordPress. com đã tiết lộ một giao diện người dùng mới có tên là Action Bar. Đó là một thanh hiển thị ở góc dưới cùng bên phải của màn hình dành cho người dùng đã đăng nhập và có thể truy cập được từ mọi thiết bị. Thanh thực hiện nhiều tác vụ tùy thuộc vào trang bạn đang truy cập

Thanh hành động WordPress

Khi trên WordPress. trang web do com cung cấp mà bạn không theo dõi, thanh này sẽ biến thành nút Theo dõi. Nhấp vào nút theo dõi sẽ thông báo cho bạn về các bài đăng mới được xuất bản trên trang web

Nút theo dõi trên thanh hành động

Nếu bạn nhấp vào ba dấu chấm ở bên phải, bạn sẽ thấy nhiều tùy chọn khác nhau tùy thuộc vào trang bạn đang xem. Nếu đó là trang chủ, bạn sẽ thấy các liên kết để tải xuống chủ đề mà trang web sử dụng, báo cáo nội dung hoặc quản lý các trang web bạn theo dõi

Nếu bạn đang duyệt một bài đăng cụ thể trên WordPress. com, bạn sẽ thấy một liên kết bổ sung để sao chép một liên kết ngắn để chia sẻ nhanh chóng và dễ dàng

Dễ dàng chia sẻ bài viết

Nếu bạn có một trang web trên WordPress. com và đã đăng nhập, nút Theo dõi biến thành nút Tùy chỉnh. Liên kết này cung cấp một cách nhanh chóng để vào Tùy biến. Ngoài ra còn có một liên kết Chỉnh sửa nếu bạn đang duyệt một bài đăng đã xuất bản

Chỉnh sửa và tùy chỉnh liên kết

Nếu thanh hành động quá lớn và bạn muốn thu nhỏ nó, hãy nhấp vào ba dấu chấm và chọn tùy chọn Thu gọn thanh. Nó sẽ thu nhỏ thanh thành các ô vuông và tránh đường cho bạn

Trải nghiệm người dùng của tôi

Một trong những tính năng tốt nhất của thanh hành động là khả năng xem và tải xuống nhanh chóng một chủ đề được sử dụng trên WordPress. trang com. Tuy nhiên, nó không hoạt động cho WordPress. com các trang web cụ thể như The Daily Post

Điều làm tôi khó chịu về thanh tác vụ là nó biến mất khi tôi cuộn xuống. Tôi bắt gặp mình đang cuộn xuống để đọc một bài đăng và khi tôi tìm nút chỉnh sửa để sửa lỗi đánh máy, thanh tác vụ đã biến mất. Tôi nghĩ nó nên ở trên màn hình mọi lúc

Tôi cũng muốn thấy liên kết Chỉnh sửa trong thanh tác vụ mở trình chỉnh sửa giao diện người dùng. Đã đến lúc WordPress. com đẩy mạnh trò chơi của mình và ngừng buộc người dùng thông qua giao diện phụ trợ để chỉnh sửa nội dung đã xuất bản

Tôi thích thanh hành động thử nghiệm nhưng đồng thời, tôi đặt câu hỏi về lý do thêm một thành phần giao diện người dùng khác để bắt chước các hành động đã được các nút và liên kết khác hỗ trợ

Ví dụ: giữa thanh quản trị, bảng điều khiển, liên kết chỉnh sửa bên dưới bài đăng và thanh hành động, hiện có bốn cách khác nhau để chỉnh sửa bài đăng. Cần bao nhiêu con đường để đến cùng một đích?

Tại đây, bạn có thể tìm hiểu cách xử lý các tùy chọn cho menu và những gì bạn có thể làm khi sử dụng tính năng Action Bar

Thực đơn

Cách trình bày

  • Phong cách

    Chọn kiểu cho các mục menu, ví dụ: liên kết menu đang hoạt động của bạn sẽ trông như thế nào. Bạn cũng có thể ẩn hoàn toàn menu

  • Tùy chọn

    Các tùy chọn bổ sung, liên quan đến việc gấp các mục con, căn chỉnh menu bên phải, thêm trạng thái hoạt động cho các mục menu con và ẩn đường viền giữa các mục menu

    Thanh kêu gọi hành động ở đầu trang web có thể giúp hướng lưu lượng truy cập đến các liên kết tập trung. Thanh này sẽ xuất hiện trên mọi trang của trang web;

    So với các phương pháp cũ hơn, Chỉnh sửa toàn trang đã giúp việc tạo thanh kêu gọi hành động hàng đầu trở nên đơn giản. Thay vì yêu cầu các plugin bổ sung hoặc mã bổ sung, một thanh CTA đẹp mắt có thể được tích hợp vào tiêu đề của trang web thông qua Trình chỉnh sửa trang web

    Ví dụ về thanh gọi hành động hàng đầu

    Dưới đây là ví dụ về thanh kêu gọi hành động hàng đầu được tạo bằng chủ đề Frost WordPress, mặc dù hướng dẫn này sẽ hoạt động với bất kỳ chủ đề khối nào

    Cách tạo thanh kêu gọi hành động hàng đầu

    Hãy xây dựng thanh kêu gọi hành động bằng cách sử dụng Chỉnh sửa toàn bộ trang web. Dưới đây là các bước

    1. Từ bảng điều khiển WordPress, điều hướng đến Giao diện> Trình chỉnh sửa. Đây là Trình chỉnh sửa trang web. Từ đây, chúng ta sẽ có khả năng chỉnh sửa Header, sẽ hiển thị trên toàn bộ trang web

    Mẹo nhanh

    Sử dụng Chế độ xem danh sách có thể giúp theo dõi vị trí bạn đang đặt khối, giúp kết hợp các khối với nhau thành Nhóm, Cột hoặc Hàng dễ dàng hơn. Nhấp vào biểu tượng này để mở Chế độ xem danh sách

    1. Trong Chế độ xem danh sách, tìm và mở rộng Tiêu đề. Nhấp vào “Chèn trước” trên khối trên cùng
    1. Thêm khối Đoạn văn rồi nhập lời kêu gọi hành động của bạn
    1. Tiếp theo, chúng tôi sẽ muốn đặt khối Đoạn văn thành một Nhóm để chúng tôi có thể thêm nền, cập nhật cài đặt văn bản và điều chỉnh phần đệm bằng bảng cài đặt ở phía bên tay phải

    Dưới đây là các cài đặt cho khối Nhóm được sử dụng trong ví dụ

    • Màu
      • Chữ. #ffffff
      • Lý lịch. #990099
      • liên kết. #ffffff
    • kiểu chữ
      • Kích thước. 14px
      • Trường hợp thư. AB
      • khoảng cách giữa các chữ cái. 1px
    • đệm. 10px [trên & dưới]

    Cái nào đạt được cái nhìn sau đây

    1. Cuối cùng, đảm bảo rằng lời kêu gọi hành động của bạn liên kết ở đâu đó bằng cách thêm URL vào cài đặt liên kết cho khối Đoạn văn

    Bây giờ bạn đã tạo một thanh kêu gọi hành động hàng đầu, có chức năng. 🎉 🎉

    Thêm một biểu tượng vào thanh kêu gọi hành động hàng đầu

    Cân nhắc thêm một biểu tượng vào thanh kêu gọi hành động để thêm phần tinh tế. Chúng tôi sẽ sử dụng plugin Icon Block miễn phí của Nick Diego để thực hiện việc này

    1. Trước hoặc sau khối Đoạn văn của bạn, hãy chèn khối Biểu tượng
    1. Khi bạn chọn biểu tượng của mình, bạn sẽ muốn kết hợp các khối Đoạn văn và Biểu tượng thành một hàng để đạt được giao diện như trong ví dụ. Chọn cả hai khối trong Chế độ xem danh sách, sau đó chọn “Hàng. ”
    1. Sắp xếp lại các khối nếu cần và điều chỉnh cài đặt Khoảng cách khối để đưa hai khối lại gần hoặc xa hơn, tùy theo sở thích của bạn

    Dưới đây là các cài đặt cho khối Hàng được sử dụng trong ví dụ

    • biện minh. center
    • Sự định hướng. ________số 8
    • Căn dọc. align middle
    • Khoảng cách khối. 10px

    Ở đó bạn có nó. Một thanh kêu gọi hành động hàng đầu đơn giản sẽ được hiển thị trên mỗi trang. Khả năng là vô tận – Tôi nóng lòng muốn xem những gì bạn tạo ra. Hãy nhớ gắn thẻ @hellosammunoz trên Twitter nếu bạn sử dụng hướng dẫn này trong một trong các dự án của mình

    Thanh hành động WordPress là gì?

    Ở dưới cùng bên phải WordPress của bạn hoặc của người khác. com, bạn cũng sẽ thấy Action Bar. Thanh này cung cấp các lối tắt khác nhau dựa trên trang bạn đang truy cập và nếu bạn đã đăng nhập vào tài khoản của mình .

    Thanh quản trị trong WordPress là gì?

    Thanh quản trị WordPress là thanh công cụ nổi được hiển thị ở đầu màn hình cho tất cả người dùng đã đăng nhập . Ngoài ra, thanh tác vụ hiển thị các phím tắt tiện dụng cho những người dùng này.

Chủ Đề