Cách sử dụng Chế độ thích ứng

Viết bởi

trong

Cách sử dụng Chế độ thích ứng (Responsive Mode)

Kể từ phiên bản 4.0, bạn đã có thể chuyển đổi giữa các chế độ xem máy tính để bàn, máy tính bảng và điện thoại di động trong khi chỉnh sửa! Chúng tôi gọi đây là chế độ thích ứng. Ở chế độ thích ứng, trang web của bạn sẽ thay đổi kích thước thành kích thước nhỏ hơn để mô phỏng giao diện trang web của bạn trông như thế nào trên các màn hình nhỏ hơn.

Khả năng chỉnh sửa bị giới hạn

Khi xem trang web của bạn ở chế độ xem máy tính bảng hoặc điện thoại di động, bạn sẽ có các khả năng chỉnh sửa bị giới hạn. Với chế độ này, bạn CHỈ có thể làm những việc sau:

  • Chỉnh sửa văn bản
  • Định dạng kiểu văn bản bằng thanh công cụ định dạng văn bản
  • Điều chỉnh một số lề (margins) của các phần tử và hàng *
  • Ẩn hàng trên máy tính bảng hoặc điện thoại di động

* PBS áp dụng một số kiểu dáng thích ứng cho các phần tử và hàng của bạn, vì vậy một số lề sẽ không thể điều chỉnh được.

Dưới đây là một số điều bạn không thể làm:

  • Thêm, xóa, kéo thả các phần tử xung quanh
  • Xem thuộc tính phần tử
  • Thay đổi kích thước hình ảnh, biểu tượng, hàng và các phần tử có thể thay đổi kích thước khác

Điều chỉnh lề cho kích thước màn hình cụ thể

Nếu bạn đang xem trang web của mình ở chế độ xem máy tính bảng hoặc điện thoại di động, bất kỳ điều chỉnh lề nào bạn thực hiện chỉ được áp dụng cho chế độ xem hiện tại và chế độ xem nhỏ hơn. Điều này cho phép bạn tinh chỉnh các thiết kế của mình để làm cho chúng trông đẹp hơn trên các màn hình nhỏ hơn, tách biệt khỏi phiên bản máy tính để bàn đầy đủ.

Dưới đây là một ví dụ để mọi thứ rõ ràng hơn.

  1. Nếu bạn xem trang web của mình ở chế độ máy tính bảng và điều chỉnh lề của một tiêu đề, thì điều chỉnh đó sẽ chỉ áp dụng cho màn hình máy tính bảng. Điều này cũng sẽ được áp dụng cho màn hình điện thoại di động. Nếu bạn quay lại chế độ máy tính để bàn, lề ban đầu sẽ được khôi phục.
  2. Bây giờ, nếu bạn chuyển sang chế độ điện thoại di động và tiếp tục điều chỉnh cùng một lề đó một lần nữa, thì điều chỉnh đó sẽ chỉ áp dụng cho màn hình điện thoại di động. Sau đó, bạn sẽ có một mức lề khác nhau cho máy tính để bàn, máy tính bảng hoặc điện thoại di động.

Điều này chỉ áp dụng cho các điều chỉnh lề, các thay đổi văn bản hoặc thay đổi kiểu văn bản sẽ được áp dụng trên tất cả các kích thước màn hình.

Ẩn nội dung ở kích thước máy tính bảng hoặc điện thoại di động

Khi xem ở chế độ xem máy tính bảng hoặc điện thoại di động, các hàng của bạn sẽ có một nút thanh công cụ hình “con mắt” mới xuất hiện khi bạn di chuột qua chúng. Nhấp vào nút này sẽ cho phép bạn hiện/ẩn hàng cho kích thước màn hình hiện tại.

Các hàng bị ẩn sẽ trở nên hơi trong suốt khi chỉnh sửa để biểu thị rằng chúng sẽ bị ẩn khi bạn hoàn tất việc chỉnh sửa.

Lưu ý rằng tính năng này chỉ khả dụng cho các hàng.