Cách đây vài năm, việc thêm tính năng Responsive là phần công việc mở rộng cho thiết kế web, hoặc cũng có thể coi đó như là làm thêm một trang mới khác cho website đã có. Chi phí phải trả cho việc website có tính năng responsive đắt hơn gần gấp đôi soi với website thông thường. Ngày nay lại khác. Việc người dùng sử dụng các thiết bị di động truy cập website đang tăng lên, thậm chí trên 70% lượt truy cập đến từ các thiết bị di động như điện thoại, máy tính bảng,… thì việc có responsive là điều cần thiết cho các website.
Với Word Press bạn có thể tìm kiếm các các theme miễn phí có sẵn trên WordPress.org. Có tới gần 1000 theme tại thời điểm viết bài. Vậy theme nào là tốt nhất? Theme nào phù hợp với bạn nhất?. Điều này không thể trả lời ngay được, nhưng với 5 tiêu chí sau bạn có thể chọn ra cho mình một theme phù hợp (những theme không được nhắc đến cũng không đồng nghĩa với việc chúng không tốt bằng nhé).
– Hiệu suất trên một loạt các kích cỡ màn hình và các thiết bị di động.
– Giao diện người dùng trên một loạt các kích cỡ màn hình và các thiết bị.
– Khả năng sử dụng (quản trị viên làm việc một cách dễ dàng với các theme trên thiết bị di động).
– Tính linh hoạt – làm thế nào là nó dễ dàng để tùy chỉnh các theme?
– Thiết kế: Ngoài việc Responsive theme còn phải trông thật bắt mắt
Twenty Fifteen (2015)
Đây là một theme mặc định của WordPress 4.1
- Ưu điểm:
- Thay đổi kích thước phù hợp với tất cả các màn hình
- Menu được thu lại khi chuyển sang màn hình nhỏ hơn
- Các ảnh tiêu đề nằm ở bên trên giúp người đọc cảm thấy giao diện to và rộng hơn
- Các sidebar được thu nhỏ cùng menu ở màn hình nhỏ
- Nhược điểm:
- Ảnh tiêu đề nằm ở phía sau và bên cạnh bài viết nên có chút ảnh hưởng tới việc đọc văn bản
- Quản lý theme thông qua theme customizer trên màn hình nhỏ khá là khó khăn
- Chỉ có một Sidebar, muốn có thêm bạn phải tự code
- Khó tìm các widget sidebar trên màn hình nhỏ
- Đánh giá
- 8/10
- 6/10
- 6/10
- 4/10
- 5/10
- 6/10
Đánh giá chung:
Theme mặc đinh mới này của WordPress đáp ứng được nhu cầu responsive, nhưng chỉ có một Sidebar nên các widget cũng được đặt chung cùng menu. Chính vì thế khi thu thỏ màn hình hoặc trên các thiết bị di động, người dùng sẽ gặp khó khăn khi đi tìm widget
Customizr
- Ưu điểm:
- Phù hợp với mọi màn hình
- Slide có thể tương thích mọi màn hình
- Menu được thu lại khi chuyển sang màn hình nhỏ
- Có thể sử dụng google fonts
- Có 17 bộ màu sắc có sẵn
- Có thể liên kết tới mạng xã hội
- Tuỳ chọn hỗ trợ retina cho ảnh
- Nhược điểm:
- Ngoài 17 bộ màu có sẵn thì không thể lựa chọn màu sắc khác
- Có vài vấn đề ở đầu mục khi thu nhỏ màn hình
- Sử dụng theme customizer độc quyền
- Đánh giá
- 9/10
- 8/10
- 5/10
- 8/10
- 9/10
- 8/10
Đánh giá chung:
Customizr là một theme rất được ưa chuộng, vì đây là một theme responsive tốt và miễn phí. Bạn nên xem xét qua theme này.
Responsive
- Ưu điểm:
- Các vùng giao diện tự thay đổi kich thước và di chuyển vụ trí khi thu nhỏ màn hình
- Menu tự thay đổi chiều rộng cho phù hợp màn hình
- Tất cả các menu đều responsive
- Có nhiều Sidebar tại các vị trí và nội dung khác nhau
- Tạo một trang chủ hoằn toàn bằng widget
- Nhược điểm:
- Chỉ có thể tuỳ chỉnh màu sắc và thiết kế bằng custom CSS
- Không có tuỳ chọn về thay đổi bố cục hay ẩn các đối tượng trên các màn hình khác nhau.
- Đánh giá
- 9/10
- 8/10
- 9/10
- 8/10
- 8/10
- 8/10
Medicine
- Ưu điểm:
- Phù hợp tất cả màn hình
- Menu được thu lại khi chuyển sang màn hình nhỏ
- Có thể tuỳ biến từ Front-end
- Có thể tuỳ biến layout
- Sidebar chuyển xuống dưới khi thay đổi kích thước màn hình
- Nhược điểm:
- Slide được ẩn nhưng vẫn được load về khi dùng trên di động. Làm chậm website trên di động
- Không có tuỳ chọn custom CSS.
- Đánh giá
- 7/10
- 7/10
- 5/10
- 5/10
- 5/10
- 6/10
Colorway
- Ưu điểm:
- Nội dung có thể thay đổi theo kích thước màn hình
- Slide thay đổi kích thước, có thể hiển thị văn bản hoặc ẩn theo kích thước màn hình
- Menu thu nhỏ vào một button ở màn hình nhỏ
- Có nhiều sidebar
- Thiết kế hiện đại với font chữ nhỏ những vẫn đọc bình thường trên các thiết bị di động
- Nhược điểm:
- Giới hạn về việc lựa chọn màu sắc
- Đánh giá
- 8/10
- 6/10
- 4/10
- 5/10
- 7/10
- 6/10
Alexandria
- Ưu điểm:
- Nội dung có thể thay đổi theo kích thước màn hình – Các kích thước màn hình được thiết kế chi tiết nhất
- Có 20 bộ giao diện để tuỳ chỉnh màu sắc
- Sidebar và footer có thể đặt widget
- Có thể chỉnh sửa giao diện trang chủ
- Nhược điểm:
- Theme option không responsive
- Breakpoint được thiết lập cho máy tính bẳng nhưng thiết kế phù hợp với điện thoại
- Đánh giá
- 8/10
- 8/10
- 3/10
- 8/10
- 8/10
- 7/10
Designfolio
- Ưu điểm:
- Có nhiều breakponit cho nhiều độ rộng màn hình khác nhau (Các breakpoint chính là điểm (độ rộng) thay đổi kích thước và giao diện cho các thiết bị)
- Có nhiều bố cục để lựa chọn
- Có 2 màu sắc chính
- Liên kết mạng xã hội
- Có nhiều vùng để đặt widget
- Nhược điểm:
- Theme option không responsive
- Trông thiết kế hơi cũ kỹ
- Đánh giá
- 10/10
- 8/10
- 5/10
- 8/10
- 4/10
- 7/10
Market
- Ưu điểm:
- Thay đổi nội dung theo kích thước màn hình
- Menu thu nhỏ thành danh sách có thể sổ xuống
- Theme option responsive
- Nhược điểm:
- Không có tuỳ chọn they đổi màu sắc
- Breakpoint chỉ áp dụng cho Desktop và điện thoại
- Đánh giá
- 7/10
- 8/10
- 7/10
- 6/10
- 7/10
- 7/10
Pinboard
- Ưu điểm:
- Bố cục lưới được điểu chỉnh theo breakpoint rất phù hợp trên các thiết bị di động
- Menu thu nhỏ thành button có thể sổ xuống
- Theme option responsive
- Tuỳ chọn ẩn widget sidebar và footer trên thiết bị di động
- Tuỳ chỉnh số cột của trang
- Có thể tuỳ chỉnh màu sắc bằng bộ chọn màu
- Liên kết mạng xã hội
- Lựa chọn font chữ và kích thước chữ tại theme option
- Thiết kế hiện đại, chuyên nghiệp
- Nhiều sidebar
- Nhược điểm:
- Không có breakpoint cho màn hình lớn hơn
- Đánh giá
- 10/10
- 9/10
- 10/10
- 6/10
- 8/10
- 9/10
Tổng kết
Có rất nhiều theme responsive cho bạn lựa chọn, việc tìm kiếm theme hỗ trợ cho màn hình nhỏ nhất là không cần thết.
Chỉ cần tương thích với phần lớn thiết bị là ổn.
Có thể bạn sẽ thấy các theme được đánh giá bên trên không thiên về thiết kế đẹp. Bạn cũng có thể thấy nhiều theme khác đẹp và vẫn đáp ứng nhu cầu responsive của bạn. Hãy bình luận tên theme ở phí dưới nhé.
Chúng bạn có sự lựa chọn tốt nhất phù hợp với nhu cầu của bản thân.
