Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Tạo giao diện mobile cho wordpress mục đích là để tối ưu website của bạn trên thiết bị di động, máy tính bảng.

Giao diện mobile cho website sẽ giản lược các yếu tố và tối ưu hiển thị cũng như tốc độ tải trang cho website của bạn trên thiết bị di động. Điều này giúp tăng thứ hạng website trên google bởi tốc độ tải trang cũng là một yếu tố rất quan trọng để google đánh giá website của bạn.

Tạo giao diện mobile cho wordpress với WP touch

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

WP touch là một plugin tạo giao diện mobile được cài đặt nhiều nhất hiện nay bởi plugin này rất nhẹ, bao gồm đầy đủ các tính năng ở bản miễn phí như tạo tiêu đề trang, hộp tìm kiếm, menu,… và nhiều chức năng khác nữa.

Ngoài ra wp touch còn có giao diện thiết lập bằng tiếng việt vì vậy bạn dễ dàng sử dụng nó là không sợ cài đặt sai.

1.Cài đặt:

Tại giao diện của wordpress bạn chọn plugin > cài mới > tìm và cài đặt plugin WP touch và kích hoạt nó lên.

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Nếu chưa rõ có thể xem hướng dẫn chi tiết cách cài đặt một plugin cho website.

2.Cấu hình:

Sau khi đã cài đặt bạn tiến hành cấu hình chi tiết cho plugin để giao diện website hiển thị sao cho đẹp mắt và tiện cho người dùng nhất.

Sau khi đã cài đặt thì wp touch đã xuất hiện trên trang làm việc của wordpress. Bạn nhấn vào wp touch và chọn thiết lập.

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Một bảng cài đặt wp touch hiện ra. bạn cài đặt theo hình bên dưới để tạo giao diện mobile cho wordpress:

Tab giới thiệu chung

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Tab tính tương thích trang web

Tab này ở bản trả phí bạn không dùng được chức năng nào cả.

Tab thiết bị

Bật tất cả lên để cho phép wp touch hiển thị trên tất cả các thiết bị di động

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Tab cài đặt menu

Ở tab này cài đặt cho menu hiển thị như trên website, thông thường thì bạn không cần làm gì cả bởi nó sẽ tự động lấy menu mà bạn đang dùng cho website. Trừ khi bạn muốn thay đổi nó theo mình thì không nên vì bảng menu của giao diện mobile nên nhất quán với giao diện web.

Nếu website của bạn là web bán hàng hay diễn đàn thì nhớ bật mục show login in menu lên để khách có thể đăng nhập vào nhé!

Hướng dẫn tạo giao diện mobile cho wordpress đẹp mắt với WP touch

Tab tùy chỉnh giao diện

Tab này cho phép bạn tùy chỉnh giao diện hiển thị cho website mobile. Giống y như tùy chỉnh trên giao diện web bình thường thôi. Nhấn vào mục đi đến mục customizer > bảng tùy chỉnh giao diện hiện ra như hình dưới, bạn hiệu chỉnh các thông số hiển thị website mobile sao cho đẹp như: màu sắc, phông chữ, nút chia sẻ… cái này không ảnh hưởng gì đến giao diện web trên máy bàn hết.

Các tab còn lại là các chức năng ở phiên bản pro như cho phép bạn chọn các chủ đề giao diện khác nhau hay hơn thế nữa. Pro có giá thành khoảng 15$ một năm, khá rẻ cho bạn nếu như quyết định nâng cấp website của mình chuyên nghiệp hơn và tùy biến được nhiều hơn nữa bởi hiện nay tìm kiếm bằng di động chiếm hơn 60% trên google nên các website nào tương thích với di động tốt thì rất được ưu tiên hiển thị.


Tạo giao diện mobile cho wordpress sẽ giúp tối ưu hiển thị cũng như tốc độ tải trang của bạn trên thiết bị di động và trải nghiệm người đọc. Giúp tăng thứ hạng trên kết quả tìm kiếm của google. Chúc website của bạn sẽ phát triển mạnh! Hãy để lại bình luận bên dưới nhé!

Viết một bình luận