Duyarlı bir temadaki blokları yönetme

İlk başta mobil düzene odaklanarak Omega tabanlı duyarlı bir temaya başlıyorum.

Mobil düzene eklenemeyecek kadar 'ağır' kabul edilecek bazı bloklar ve bu düzene özel olarak eklenmesi gereken diğer bloklar (sulandırılmış menüler, tonda kullanıcı çubuğu vb.) Vardır.

Mobil düzendeki istenmeyen blokları CSS ile kolayca gizleyebilir ve varsayılan düzene mobil cihazlara özgü blokları ekleyebilir ve bunları gizleyebilirim (böylece yalnızca mobil cihazlar için gösterilir), ancak bu, düşünmek için oldukça geri bir yol gibi görünüyor o. Bloklar gösterilmezse, ortaya çıkan ekstra yük gerçekten kabul edilemez olacaktır (özellikle gizli bloklardaki içeriğin ekleyeceği ekstra db sorgularının sayısı dikkate alındığında).

Sayfa oluşturma erken blok karar verme sürecini durdurmak ve bazı os algılama dayalı blokları dahil etmek / dahil etmek için güzel ve temiz bir yol olması gerektiğini düşünüyorum, ama bunun nasıl olabileceğini boş bir çizim mümkün.

Ayrıca Varnish'in bu sitenin önünde çalıştığı gerçeğini de atacağım, bu da işleri daha eğlenceli hale getirmeli :)

Bu konuda yardımcı olabilecek modüller / bilinen stratejiler var mı?

Site zaten tam teşekküllü olduğu için Context modülünü kullanmanın bir seçenek olmadığını ve onu Context'e taşımanın bu noktada büyük bir girişim olacağını eklemeliyim.

blok karar verme sürecini sayfa derlemesinin başlarında durdurmak ve bazı os algılamaya dayalı blokları hariç tutmak / dahil etmek

Vernik bu sitenin önünde çalışıyor

Zaten yorumlarda belirtildiği gibi, bu, verniği yalnızca istek URL'sinde önbelleklemek için değil , aynı zamanda kullanıcı aracısında da değişiklik gösterecek şekilde yapılandırmanızı gerektirir . Vernik wiki VCLExampleNormalizeUserAgent'da ilgili bir örnek var .

İstek aslında kez etmez siteyi vurmak, göstermek ve göstermek için değil hangi engeller belirlemek gerekir. Bunu eval ile yapmanın bir felaketten daha az olmadığını düşünürüm , bu yüzden kalan en yaygın seçenekler Bağlam ve Panellerdir .

Site zaten inşa edilmiş. her iki modülle tüm sayfaları / blok yerleşimini yeniden yapmak muhtemelen bir seçenek değildir, ancak bir profil oluşturucu ve 80-20 uygulayarak , yalnızca belirli sayfaları yeniden yaparak önemli performans kazançları elde etmek mümkün olabilir.

Her iki modülü de uzun süredir kullanmadığım için çok fazla ayrıntıya giremiyorum (tüm sitelerimi Context ile go kelimesinden oluşturuyorum ve bir bu yüzden daha önce bu problemi yaşamadım), ancak Mobil Araçlar ve Alanlar ile bir şeyler koyabilmeniz gerektiğini düşünüyorum.

Spaces

Spaces, bir Drupal sitesindeki ayrı "boşluklar" tarafından yapılandırılabilir ve geçersiz kılınacak yapılandırma seçeneklerini genellikle yalnızca site genelinde kullanılabilir hale getirmeye yönelik bir API modülüdür. Şu şekilde tanımlanmıştır:

• Bir Drupal sitesinin birkaç site gibi davranmasını sağlamanın bir yolu
• Çok daha yapılandırılabilir, tam özellikli Organik Gruplar veya kullanıcı ana sayfaları sağlamanın bir yolu
• Bağlamsal yapılandırma için genelleştirilmiş bir API

Mobil Araçlar

Mobil Araçlar modülü, Drupal geliştiricilerine, ziyaretçinin cihazına göre sitenizde ayarlamalar yapmanıza yardımcı olacak bazı araçlar sunar.

MT'nin proje sayfası, üretime hazır olmadığını söylüyor, bu bir sorun olabilir - son taahhüt bu ay olduğu için son güncellenme zamanına bağlıdır.

*DÜZENLE

BU HAKKI TAMAMEN UNUTTUM!

browscap

Browscap, PHP'nin get_browser () işlevinin geliştirilmiş bir sürümünü sağlar.

Browscap bloğu

Tarayıcı Bloğu, mobil cihazlarda blokları gizlemenize veya göstermenize izin vermek için yapılandırma ayarlarını engellemek için görünürlük seçenekleri ekler.

Tarayıcı sunucu kurulumunuza bağlıdır, ancak kullanabiliyorsanız, ikinci modül blok düzenleme sayfasındaki her blok için ekstra görünürlük ayarları sağlar.

ekran çözünürlüğünü almak için jQuery çapraz tarayıcı desteğini kullanabilirsiniz:

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

İlgili bloğun ayarını görüntülemek için basit PHP betiği ekleyin.

Mobil Algılama Bloğu'nu kullanabilirsiniz, ancak şu anda AdaptiveThemebu kodu çoğaltmamak ve son kullanıcı yüklemesini olduğundan daha fazla tartmamak için pencere genişliği ve ya da Breakpoints modülü medya sorgularıyla çalışan bir çözüm arıyorum . Ayrıca, Mobile Detect ile test ettiğim bir cihazdan almama konusunda karışık sonuçlar aldım, bu da güvenilir sonuçlar sağlayamazsa Browscap gibi işe yaramaz hale getiriyor.

Bazı tartışmalarda bazı sebeplerden dolayı Browscap'dan uzaklaşmak isteyen bazı insanlar var, bu nedenle Mobil Algılama'ya geçiliyor .