Hướng dẫn tạo giao diện mobile cho WordPress bằng WP Touch

Ngày đăng: 24 - 10 - 2022 Lượt xem: 2689 lượt

Tạo giao diện mobile cho wordpress sẽ giúp tối ưu hóa wordpress trên mobile view, giúp tải trang nhanh hơn và cải thiện trải nghiệm người dùng. WPTouch là một plugin hỗ trợ tạo giao diện di động. Plugin này được cài đặt phổ biến và được xếp hạng là được cài đặt nhiều nhất hiện nay vì nó rất nhẹ. Hơn nữa, nó còn bao gồm đầy đủ các tính năng trong phiên bản miễn phí như: tạo tiêu đề trang, tạo menu, trường tìm kiếm … và nhiều chức năng khác. Đặc biệt, WPtouch còn có giao diện cài đặt tiếng Việt giúp bạn sử dụng dễ dàng hơn. Hãy cùng thủ thuật WordPress tìm hiểu cụ thể qua bài viết dưới đây nhé

Hướng dẫn tạo giao diện mobile cho wordpress

Bước 1: Cài đặt. Trên giao diện wordpress bạn chọn plugin -> cài đặt mới -> tìm và cài đặt plugin WP touch rồi kích hoạt.

giao diện mobile wordpress

Bước 2: Cấu hình. Sau khi cài đặt xong, bạn cần cấu hình chi tiết thêm để giao diện mobile cho WordPress đẹp và thuận tiện cho người dùng. Cách thực hiện: sau khi cài đặt xong, trên trang làm việc của wordpress sẽ hiện ra WPtouch -> click vào WP touch-> chọn settings-> hiện ra bảng WP touch setting, tiếp theo cài đặt như bên dưới, tạo giao diện wordpress mobile.

Ở tab giới thiệu chung (tạo giao diện mobile cho wordpress)

  • Trên tab Tương thích Trang. Vì tab này ở phiên bản trả phí nên bạn không sử dụng bất kỳ tính năng nào.

tạo giao diện mobile wordpress

  • Tab thiết bị: bật mọi thứ để cho phép WPtouch hiển thị mọi thông tin trên di động.

cách sử dụng wptouch

 

Tab cài đặt menu

Thông thường, plugin WP touch tự động sử dụng menu cho trang web. Nếu bạn muốn thay đổi nó, không thay đổi nó vì bảng menu của giao diện di động phải tương thích với giao diện của trang web. Một lưu ý nhỏ, nếu website của bạn là trang bán hàng, diễn đàn thì bạn nên bật “Hiển thị Menu đăng nhập” để có chức năng đăng nhập cho khách hàng.

Tab tùy chỉnh giao diện

Vào Customizer -> bảng tùy chỉnh giao diện sẽ hiện ra. Sau đó bạn điều chỉnh các thông số hiển thị của website di động cho đẹp mắt: màu sắc, font chữ, nút chia sẻ … Bạn cũng có thể thực hiện một số cách tối ưu wordpress trên thiết bị di động: tối ưu hình ảnh, rút ​​gọn mã, sử dụng cache của trình duyệt hoặc chuyển hướng trang.

Xem thêm: Cách tạo Category trong WordPress đơn giản, nhanh chóng

Trên đây là cách tạo giao diện mobile cho WordPress, các bạn hãy lưu ý để áp dụng cho website của mình. Đừng quên đón đọc những bài viết tiếp theo của thủ thuật WordPress nhé

3 2 votes
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

WordPress Multisite là gì? 6 bước cài đặt chi tiết

WordPress Multisite là gì? 6 bước cài đặt chi tiết

20 - 11 - 2022

Doanh nghiệp của bạn đang phát triển muốn mở rộng thêm nhiều chi nhánh và muốn xây dựng thêm...

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

15 - 11 - 2022

Đối với website, mã độc được sử dụng để đánh cắp thông tin khách hàng, nắm giữ thông tin...

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

11 - 11 - 2022

WordPress và Blogspot hiện nay đang là 2 nền tảng website dạng blog nổi tiếng nhất trên thế giới....

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

05 - 11 - 2022

Trong WordPress, Category để chỉ một danh mục được sử dụng để gom các bài viết có liên quan...

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

03 - 11 - 2022

Elementor là một plugin xây dựng trang giúp bạn dễ dàng tạo các trang web WordPress đẹp. Ngay cả...

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

02 - 11 - 2022

Nhà phát triển wordpress thêm / category / urls để dễ dàng xác định các trang web có /...

0
Would love your thoughts, please comment.x