Chỉnh sửa giao diện cho điện thoại

Chỉnh sửa giao diện hiển thị đẹp trên điện thoại

Chọn chế độ máy tính/điện thoại trên trình chỉnh sửa để tùy chỉnh tương ứng cho từng thiết bị

  • Icon máy tính: Chỉnh sửa giao diện hiển thị trên máy tính

  • Icon điện thoại: Chỉnh sửa giao diện hiển thị trên điện thoại

  • Icon con mắt: Ẩn/hiện các phần tử đang sử dụng tính năng ẩn/hiện trên từng thiết bị tương ứng

Hầu hết các phần tử trên Tempi đều có hỗ trợ chỉnh sửa riêng kích thước (chiều rộng, chiều cao), cỡ chữ, bố cục hiển thị riêng cho máy tính và điện thoại, chi tiết như bảng dưới

Phàn tử
Thuộc tính hỗ trợ chỉnh sửa riêng cho máy tính/điện thoại

Tất cả phần tử

  • Margin

  • Padding

Danh sách sản phẩm

Cỡ chữ

QR code

Kích thước

Icon

Kích thước

Slideshow ảnh

  • Chiều cao

  • Số lượng phần tử hiển thị trên 1 hàng

Video

Chiều rộng

Button

Kích thước Cỡ chữ

Gallery

Layout

Số cột

Khoảng cách giữa các ảnh

PDF viewer

Kích thước

Tab

Cỡ chữ

Countdown

Cỡ chữ

Câu hỏi thường gặp

  • Chiều rộng

  • Cỡ chữ

  • Khoảng cách giữa các mục

Nội dung thu gọn

  • Cỡ chữ

  • Khoảng cách với nội dung

Icon mạng xã hội

  • Kích thước khung

  • Kích thước biểu tượng

  • Khoảng cách

Danh sách cửa hàng

Khoảng cách trên khi scoll

Progress

  • Chữ: Cỡ chữ, khoảng cách dòng

  • Số: Cỡ chữ, khoảng cách dòng

  • Kiểu bar: Chiều cao

Danh sách bài viết

  • Dạng lưới: Số hàng, số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục

  • Dạng danh sách: Số lượng bài viết hiển thị, khoảng cách giữa các bài viết, khoảng cách giữa các mục

  • Dạng trượt: Số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục

Trang sách

  • Chiều cao

  • Chiểu rộng

Danh sách

Số lượng mục trên 1 hàng

Khoảng cách giữa các mục

Khoảng cách giữa các hàng

Văn bản

  • Cỡ chữ

  • Khoảng cách dòng

  • Khoảng cách chữ

Đối với những phần bạn thiết kế khác nhau hẳn cho máy tính và điện thoại thì có thể chọn ẩn/hiện trên thiết bị tương ứng. VD: Bạn thiết kế ảnh A chỉ muốn hiển thị cho máy tính thì bạn có thể tùy chỉnh tương ứng như hình bên dưới

Last updated