Quản lý các khối trong một chủ đề đáp ứng

Lúc đầu tôi chỉ bắt đầu một chủ đề đáp ứng dựa trên Omega, tập trung vào bố cục di động.

Có một số khối nhất định có thể được coi là quá 'nặng' để bao gồm bố cục trên thiết bị di động và các khối khác sẽ cần được giới thiệu cụ thể cho bố cục đó (menu giảm nước, thanh người dùng giảm âm, v.v.).

Tôi có thể dễ dàng ẩn các khối không mong muốn trên bố cục di động bằng CSS và bao gồm các khối dành riêng cho thiết bị di động trên bố cục mặc định và ẩn các khối đó (vì vậy chúng chỉ hiển thị cho thiết bị di động), nhưng đó có vẻ là một cách suy nghĩ ngược nó Nếu các khối không được hiển thị, chi phí bổ sung mà chúng phải chịu sẽ thực sự không được chấp nhận (đặc biệt là xem xét số lượng truy vấn db bổ sung mà nội dung trong các khối ẩn sẽ thêm vào).

Tôi nghĩ rằng phải có một cách sạch đẹp để ngăn chặn quá trình ra quyết định chặn ngay từ đầu trong quá trình xây dựng trang và loại trừ / bao gồm các khối dựa trên một số phát hiện os, nhưng tôi đang vẽ trống về cách có thể khả thi.

Tôi cũng sẽ đưa ra một thực tế rằng Varnish đang chạy trước trang web này, điều này sẽ khiến mọi thứ trở nên thú vị hơn :)

Có các mô-đun / chiến lược đã biết ngoài kia có thể giúp với điều này không?

Tôi nên nói thêm rằng việc sử dụng mô-đun Bối cảnh không phải là một tùy chọn vì trang web đã được hỗ trợ đầy đủ và việc chuyển nó vào Ngữ cảnh sẽ là một công việc lớn vào thời điểm này.

chặn quá trình ra quyết định chặn ngay từ đầu trong quá trình xây dựng trang và loại trừ / bao gồm các khối dựa trên một số phát hiện os

Varnish đang chạy trước trang web này

Như đã lưu ý trong các nhận xét đã có, điều này yêu cầu bạn định cấu hình véc ni để không chỉ lưu vào bộ đệm yêu cầu, mà còn thay đổi tùy theo tác nhân người dùng. Có một ví dụ có liên quan trong wiki vecni, VCLExampleN normalizeUserAgent .

Khi yêu cầu thực sự xuất hiện trên trang web, bạn cần xác định khối nào sẽ hiển thị và không hiển thị. Tôi sẽ xem xét nó không ít hơn một thảm họa để làm điều này với eval , vì vậy các tùy chọn phổ biến nhất còn lại sau đó là Ngữ cảnh và Bảng điều khiển .

Với các trang web đã được xây dựng. làm lại tất cả các trang / vị trí khối với một trong hai mô-đun có thể không phải là một tùy chọn, nhưng với một trình lược tả và áp dụng 80-20 , có thể tăng hiệu suất đáng kể chỉ bằng cách làm lại các trang cụ thể.

Tôi không thể đi sâu vào nhiều chi tiết, vì tôi đã không sử dụng một trong hai mô-đun từ lâu (Tôi xây dựng tất cả các trang web của mình với Ngữ cảnh từ đó và tôi đã không nhận phản hồi về thứ mà tôi chưa xây dựng cho trong khi đó, vì vậy tôi chưa gặp vấn đề này trước đây), nhưng tôi nghĩ bạn sẽ có thể kết hợp một thứ gì đó với Công cụ và không gian di động.

Không gian

Spaces là một mô-đun API nhằm mục đích làm cho các tùy chọn cấu hình thường chỉ có sẵn ở cấp độ trang web để có thể định cấu hình và ghi đè bởi các "khoảng trắng" riêng lẻ trên trang web Drupal. Nó đã được mô tả là:

• Một cách để làm cho một trang web Drupal hoạt động như một số trang web
• Một cách để cung cấp các Nhóm hữu cơ hoặc trang chủ đầy đủ tính năng có thể định cấu hình hơn nhiều
• API tổng quát cho cấu hình theo ngữ cảnh

Công cụ di động

Mô-đun Công cụ Di động cung cấp cho các nhà phát triển Drupal một số công cụ để hỗ trợ điều chỉnh trang web của bạn dựa trên thiết bị của khách truy cập.

Trang dự án cho MT nói rằng nó chưa sẵn sàng để sản xuất, đây có thể là một vấn đề - nó phụ thuộc vào thời điểm cập nhật lần cuối, vì lần cam kết cuối cùng là trong tháng này.

*BIÊN TẬP

TÔI HOÀN TOÀN GIỚI THIỆU VỀ NÀY!

Duyệt web

Browsecap cung cấp một phiên bản cải tiến của hàm get_browser () của PHP.

Khối trình duyệt

Khối trình duyệt thêm các tùy chọn hiển thị để chặn cài đặt cấu hình để cho phép bạn ẩn hoặc hiển thị các khối trong thiết bị di động.

Browsecap không phụ thuộc vào thiết lập máy chủ của bạn, nhưng nếu bạn có thể sử dụng nó thì mô-đun thứ hai cung cấp cho bạn các cài đặt hiển thị thêm cho mỗi khối trên trang chỉnh sửa khối.

bạn có thể sử dụng hỗ trợ trình duyệt chéo jQuery để có độ phân giải màn hình:

var browserWidth  = $(window).width();
var browserHeight = $(window).height();

Thêm tập lệnh PHP đơn giản để hiển thị cài đặt của khối liên quan.

Bạn có thể sử dụng Khối phát hiện di động nhưng hiện tại tôi đang tìm giải pháp hoạt động với độ rộng cửa sổ và AdaptiveThemehoặc truy vấn phương tiện mô-đun Breakpoint để không sao chép mã đó và cân nhắc tải xuống của người dùng cuối. Tôi cũng đã có kết quả hỗn hợp với Phát hiện di động không chọn trên một thiết bị mà tôi đã thử nghiệm, điều này làm cho nó khá vô dụng như Browsecap nếu nó không thể cung cấp kết quả đáng tin cậy.

Một số cuộc thảo luận có một số người muốn thoát khỏi Browsecap vì lý do này hay lý do khác, do đó chuyển sang Phát hiện di động .