(Jetpack plugin) Tạo giao diện mobile cho blog WordPress.
Các thiết bị di động thông minh ngày càng trở nên phổ biến và việc mọi người sử dụng chúng để truy cập internet, duyệt web ngày càng gia tăng. Chính điều này đã dẫn tới sự xuất hiện của xu hướng thiết kế web “responsive” (hiển thị tốt trên mọi thiết bị, mọi kích thước màn hình). Giao diện responsive không chỉ giúp site của bạn đẹp hơn trên các thiết bị có kích thước màn hình nhỏ mà còn giúp nâng cao trải nghiệm người dùng. Nếu blog/ website WordPress của bạn không có khả năng responsive, đừng quá lo lắng. Bạn hoàn toàn có thể tạo cho nó một giao diện mobile nhanh chóng và đơn giản bằng cách sử dụng Jetpack plugin.
Tham khảo thêm:
- Top 15 mobile plugins tốt nhất cho blog WordPress
- Những ứng dụng quản lý blog WordPress tốt nhất trên mobile
Tạo giao diện mobile cho WordPress với plugin Jetpack
1. Để sử dụng tính năng này, đầu tiên, các bạn cần truy cập vào Jetpack => Settings và kích hoạt module Mobile theme.
2. Tiếp theo, click vào nút Configure, các bạn sẽ được chuyển đến trang cấu hình giao diện mobile. Tại đây, các bạn có một số tùy chọn:
– Mục Experts:
- Enable excerpts on front page and on archive pages: hiển thị bài viết dưới dạng thu gọn ở trang chủ và trang lưu trữ.
- Show full posts on front page and on archive pages: hiển thị bài viết dưới dạng đầy đủ ở trang chủ và trang lưu trữ.
– Mục Featured Images:
- Hide all featured images: ẩn toàn bộ ảnh nổi bật (ảnh đại diện).
- Display featured images: hiển thị toàn bộ ảnh nổi bật (ảnh đại diện).
– Mobile App Promos:
- Show a promo for the WordPress mobile apps in the footer of the mobile theme: tick vào mục này nếu bạn muốn hiển thị các quảng cáo ứng dụng dành cho WordPress ở footer.
Sau khi cấu hình xong, click vào nút Save configuration để lưu lại các thiết lập. Xong! Bây giờ hãy thử truy cập blog/ website của bạn trên điện thoại để xem thử thành quả nhé. Chúc các bạn thành công. :)
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Tuấn Anh Blues đã bình luận:
09/11/2014 at 22:24Hầy Hiếu ơi, hiện tại mình đang có 2 domain muốn chạy cùng trên 1 site WP, liệu có cách nào không Hiếu :D. Giúp mình nhé.
Trung Hieu đã bình luận:
10/11/2014 at 00:31Ý bạn là kiểu WordPress multisite à? Hay là kiểu parked domain? :P
Tuấn Anh Blues đã bình luận:
10/11/2014 at 01:00Kiểu parkdomain Hiếu ạ.
Trung Hieu đã bình luận:
10/11/2014 at 07:47Ủa. Nếu thế thì bạn vào cPanel, mục Parked Domain và add nó vào là được mà?
Tuấn Anh Blues đã bình luận:
10/11/2014 at 18:09nhưng mình muốn nó kiểu ví dụ mình có 2 domain là a.com và b.com.
Khi truy cập vào domain a.com và vào bài viết a.com/bai-viet/c.html. Rồi khi truy cập vào domain b.com và vào bài c thì cũng là b.com/bai-viet/c.html cơ chứ không phải nó redirrect lại :(
Trung Hieu đã bình luận:
10/11/2014 at 19:08Uầy. Vậy thì khó đấy. Mà bạn làm thế để làm gì? :P
Toto đã bình luận:
16/05/2019 at 11:06Cảm ơn bạn vì bài viết. Nhân đây cho mình hỏi chút. Là nguyên nhân khi người dùng di động không thấy nút like và share nhưng người dùng trên máy tính thì thấy. Xin cảm ơn!
Linh FPT đã bình luận:
25/01/2015 at 09:23thanks bạn vì bây giờ giao diện mobile rất cần thiết :)
dang ky thuong hieu đã bình luận:
18/03/2015 at 23:03Cám ơn bạn
Mình đã cài đặt thành công
Kể cũng đẹp nhỉ hihi
Many thank again
Vũ Việt Long đã bình luận:
05/05/2015 at 10:31không có link down à bạn… mình cũng đang gặp vấn đề với giao diện mobile này =.= chưa tìm được cách khắc phục
Trung Hiếu đã bình luận:
05/05/2015 at 12:53Cái này là một module của JetPack plugin mà bạn. Bạn cài plugin JetPack vào rồi kích hoạt nó lên là được. :P
Vũ Việt Long đã bình luận:
06/05/2015 at 11:38mình có cài mấy cái Plugin auto switch theme mobile mà nó toàn báo ô trống =.= rồi test bằng điện thoại thì nó chết ngỏm luôn
Trung Hiếu đã bình luận:
06/05/2015 at 12:47Xài cái này không cần cài theme plugin khác bạn nhé. JetPack sẽ tự nhận diện trình duyệt điện thoại để chuyển sang giao diện mobile. :)
Tuấn Anh đã bình luận:
08/05/2015 at 03:53Cảm ơn anh. Bài viết quá hữu ích luôn (Y) . Em mới cài đặt thành công, mừng quá. Thế là cái page nó lại thành thân thiện (theo đánh giá của bác Gút Gồ rồi) he he he.
Trung Hiếu đã bình luận:
08/05/2015 at 06:56Chúc mừng bạn. :)
Thiết bị phòng quay đã bình luận:
25/06/2015 at 23:17E chỉ cài đặt và kích hoạt plugin JetPack đc thôi, ko làm đc gì nữa, nguyên nhân sao vậy a?
Trung Hiếu đã bình luận:
25/06/2015 at 23:46Bạn đã kết nối với tài khoản WordPress.com chưa? :P
najlepsze tabletki na trądzik đã bình luận:
03/07/2015 at 14:44Great blog here! Additionally your website rather a lot up fast!
What web host are you the usage of? Can I get your affiliate hyperlink in your host?
I want my site loaded up as fast as yours lol
Trung Hiếu đã bình luận:
03/07/2015 at 14:52Hi. I’m using shared host from Eleven2. You can click this link to access their services: http://www.eleven2.com/3131.html :)
Hiền đã bình luận:
25/08/2015 at 22:17anh ơi, anh nói hơn được k ak, bước đầu tiên kích hoạt Jetpack => Settings ở trang admin trên trang worpress của mình hay, hay ở wordpress.org ak
Trung Hiếu đã bình luận:
25/08/2015 at 22:28Dĩ nhiên là trên trang WordPress của bạn rồi. Trên WordPress.org làm gì có mà kích hoạt. Lưu ý là phải cài plugin JetPack trước nhé. :)
Hiền đã bình luận:
26/08/2015 at 09:44sao em làm mà vẫn không thấy hiện tượng gì a ak
Trung Hiếu đã bình luận:
26/08/2015 at 09:58Bạn đã thử truy cập web trên điện thoại chưa? :P
Hiền đã bình luận:
27/08/2015 at 23:42vang, em làm được rồi a. Anh có biết plugin nào mình cài và mà vẫn giữ được định dạng trang web như trên deptop k ak, cái plugin này khi lên mobile nó bị đổi giao diện
Trang web: http://trambaohanhtivisamsung.com/
Trung Hiếu đã bình luận:
28/08/2015 at 00:51Không có plugin nào như vậy bạn nhé. Cách duy nhất là bạn phải sử dụng theme có khả năng responsive. :P
Vi đã bình luận:
22/06/2016 at 00:38Anh Hiếu ơi, các hình ảnh của slider và góc facebook không hiện lên trên giao diện mobile ạ?
Trung Hiếu đã bình luận:
22/06/2016 at 08:23Không bạn nhé. Jetpack sẽ loại bỏ các thành phần không cần thiết để tăng tốc độ load trên thiết bị di động. :P
hocvatlythcs đã bình luận:
03/05/2017 at 12:41Mình đã sử dụng plugin Jetpack miễn phí để tối ưu giao diện trên mobile thì CATEGORY và sitebar không hiện lên.
Đây là giao diện trang đầu và cuối của giao diện trên mobile
Xin AD chỉ giáo cho một phương án để thằng category và sitebar xuất hiện được không?
Xin cảm ơn nhiều!
Trung Hiếu đã bình luận:
04/05/2017 at 10:07Jetpack Mobile Theme không hỗ trợ sidebar đâu bạn ạ. :P
hocvatlythcs đã bình luận:
04/05/2017 at 16:13Vậy nghĩa là vẫn có plugin hỗ trợ sitebar chứ?
Trung Hiếu đã bình luận:
04/05/2017 at 16:20Theo mình biết thì không. Chỉ có giao diện responsive thì mới có sidebar thôi. Còn plugin tạo giao diện mobile thì hầu như không hỗ trợ. :P
hocvatlythcs đã bình luận:
04/05/2017 at 22:21Ồ thế thì cứ jetpack là ổn nhất.
in lịch tết 2018 đã bình luận:
20/11/2017 at 01:08Anh ơi! Web của em đang bị hiển thị lỗi và em đang muốn:
1. Để hết phần menu, fanpage, bỏ về xuống cuối bài viết
2. Ảnh fanpage em để with: 500 là phù hợp thì text nó hiển thị lại bị thụt vào, ko hiển thi full trang
=> Anh có thể chỉnh được 2 lỗi này không ạ?
Em Nam: 0981231239 -zalo _ Rất mong được phản hồi của anh!
camera da nang đã bình luận:
14/05/2018 at 15:30Cám ơn bạn nhiều, mình đã làm theo hướng dẫn của bạn và đã ok.