Chủ đề cho thiết bị di động


8

Tôi muốn các phần của trang web của tôi có thể truy cập được vào Android, iPhone và các nền tảng di động khác. Có một chủ đề cụ thể nào tôi nên bắt đầu với, hoặc bất cứ điều gì tôi nên tìm kiếm trong một chủ đề bên cạnh đó là sạch sẽ và đơn giản? Tôi có nên tạo một chủ đề từ đầu không?


Không thực sự là một câu trả lời, vì vậy tôi sẽ thêm nó dưới dạng một nhận xét - nếu bạn gặp Công cụ di động, hãy nhớ rằng nó thực sự không tốt cho hiệu suất. Không có vấn đề gì nếu lưu lượng truy cập trang web khá thấp, nhưng hãy lưu ý.
Greg

Câu trả lời:


4

Các chủ đề Omega là một chủ đề dựa lưới mà sẽ cho phép các nhà phát triển để sử dụng một file CSS được chia sẻ và ba file CSS khác nhau cho độ phân giải màn hình khác nhau. Bằng cách này, cùng một trang web có thể được phục vụ cho các thiết bị khác nhau mà không phải thực hiện rất nhiều công việc để làm cho nó trông đẹp mắt trên tất cả chúng.


3

Thành thật mà nói, các thiết bị iPhone và Android không cần các trang web di động đặc biệt, chúng chỉ cần một chút suy nghĩ được bố trí và đó là những gì tôi cho rằng bạn sau khi đánh giá câu hỏi của bạn.

Nếu bạn thực sự muốn một chủ đề cụ thể cho thiết bị di động thì tôi khuyên bạn chỉ nên bắt đầu với một trong nhiều chủ đề cơ bản của Drupal và cố gắng giữ cho nó đơn giản. Giữ nguyên 1 cột, tránh position:fixednhư bệnh dịch hạch vì iPhone không làm điều đó. Tránh :hoverbất cứ nơi nào bạn có thể cho cùng một lý do.

Các trang web được thiết kế để trông giống như các ứng dụng thường xuyên hơn không gây khó chịu, đặc biệt là nếu các thiết bị di động được tự động chuyển hướng. Bạn sẽ tốt hơn nhiều khi hướng thời gian của mình vào một thứ gì đó như Thiết kế web đáp ứng , để khách truy cập trên thiết bị di động của bạn có cùng nội dung với bố cục tốt hơn.


2

Đối với các chủ đề, cũng như iUI, có Nokia MobileMobile đơn giản .
Sử dụng mô-đun này để đặt chủ đề di động (nghĩa là chỉ được sử dụng bởi thiết bị di động): Chủ đề di động .


Điều này không có tùy chọn cho người dùng di động quay lại trang web chính, vì vậy hãy chuẩn bị để làm phiền mọi người với các trình duyệt di động phong nha như thiết bị iPhone hoặc Android.
Paul Jones

1
Đó là 'cái này', xin lỗi?
Dave Nattriss

Xin lỗi, mô-đun Chủ đề di động cho phép bạn chỉ định một chủ đề di động. Không có cách nào để cho phép người dùng di động xem trang web thông thường, họ phải sử dụng phiên bản di động.
Paul Jones

2

Chắc chắn đồng ý với Paul Jones, những thiết bị di động này không cần các trang web di động đặc biệt. Tôi nghĩ rằng trang web của bạn và tất cả nội dung của bạn nên có sẵn trên các thiết bị di động cũng như trên máy tính để bàn. Nó cũng có vẻ rất nhiều chi phí, tạo và duy trì các chủ đề riêng biệt.

Một giải pháp tốt hơn sẽ là một chủ đề thích ứng không mở rộng cho các thiết bị cụ thể như một số mô-đun hoặc chủ đề, nhưng điều đó phù hợp với kích thước màn hình, với những thứ như truy vấn phương tiện, lưới linh hoạt và bố cục linh hoạt.

Một cái gì đó như thế này: http://drupal.org/sandbox/kristofo/1086306 Cũng kiểm tra nhóm này: http://groups.drupal.org/responsive-web-design


2

Tôi cũng sẽ đề nghị kiểm tra jQuery Mobile UI được phát triển bởi Jason Savio. Tôi đã tham dự phiên họp của anh ấy tại Design 4 Drupal Boston 2011 và nó chắc chắn trông rất hứa hẹn. Ngoài ra, tôi không thấy bất kỳ mô-đun jQuery Mobile nào khác cho Drupal 6.


0

iui có sẵn dưới dạng một chủ đề sặc sỡ cho nền tảng di động và với các mô-đun được liên kết từ trang đó, bạn có thể tự động thay đổi chủ đề khi trang được xem từ thiết bị di động.


0

Nếu bạn muốn một chủ đề di động hoàn toàn riêng biệt, bạn có thể sử dụng mô-đun Công cụ di động với chủ đề Fusion Mobile .

Nếu bạn chỉ muốn một chủ đề đáp ứng, tôi sẽ cung cấp cho 320 và một cái nhìn.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.