Drupal için Twitter Bootstrap Tema Kullanımı

Drupal Temada Bootstrap Çerçevesinin Gücünü Alın

Bootstrap, Twitter tarafından oluşturulmuş, popüler bir çerçevedir. Drupal için Bootstrap Theme ile, Drupal web siteniz için tüm bu gücü elde edebilirsiniz (ve devam ettirebilirsiniz). Siteniz biraz bling sporuna başlayınca pürüzsüz düğmeler, stil formları, jumbotronlar ve daha fazlasını eklemeye hazır olun!

Önyükleme Çerçevesi nedir?

Bootstrap çerçevesi, web sitenize hoş ve / veya yararlı şeylerin uzun bir listesini eklemenizi kolaylaştıran bir CSS ve Javascript kodu topluluğudur. Bu liste, güzel görünümlü düğmeler, "rozetler" içeren listeler, eklenmiş "kuyular" ve çok daha fazlasını içerir.

Önyüklemenin ötesinde, Bootstrap aynı zamanda ciddi bir duyarlılık gücü de harcayarak, patronunuz onu bir telefona açtığında tamamen paramparça olmayacak bir site tasarlamanıza yardımcı oluyor.

Tüm bu kodu kendiniz yazmanız yerine, Bootstrap tarafından belirtilen CSS sınıflarını ve HTML öğelerini kullanırsınız. Güzel bir etiket istiyorsanız, sınıf etiketini eklersiniz. Bunun gibi:

Şuna bakın güzel etiket .

Bootstrap çerçevesinde Drupal ile bağlantı yok. JQuery ile temas halinde patlayamayacak CMS'lerle (aşağıya bakınız) veya hatta statik bir HTML web sitesinde bile kullanabilirsiniz.

Drupal için Bootstrap Tema nedir?

Drupal için Bootstrap Tema, web sitenizde Bootstrap'i kullanmanın daha kolay olmasını sağlar. Bu temayı indirin ve varsayılan olarak ayarlayın.

Aslında, muhtemelen Bootstrap temasını kendi alt tasarımınız için temel tema olarak kullanmak isteyeceksiniz. Ancak, Bootstrap temasının bu tür kapsamlı yönetim ekranları sunduğu ve kod satırı olmadan tatmin edici bir şekilde özelleştirebileceğiniz doğrudur.

Bootstrap jQuery Javascript kütüphanesine dayanır. Gereksinim duyduğu sürümü almak için jQuery Güncelleme modülünü de yüklemeniz gerekebilir. Sitenizdeki diğer modüller jQuery kullanıyorsa, dikkatli olun - jQuery'nin yeni bir sürümü ile çalışmayabilirler.

Bu temanın belgelerini okumanız gerekecek ve daha fazla ek adım atmanız gerekmediğinden emin olmalısınız. Ama yine de oldukça kolay.

Bootstrap'i Drupal'da Kullanmak İçin Bootstrap Tema Kullanmanız Gerekir mi?

Önyükleme çerçevesi yalnızca CSS ve Javascript olduğundan, Bootstrap temasını kullanmanız gerekmez . Önyükleme kitaplığını el ile karşıdan yükleyebilir ve tema şablonlarınızda ona bağlayabilirsiniz.

Ancak, Bootstrap teması sizin için bu tediumu zaten yapmış. Ayrıca çeşitli Bootstrap özelliklerini Drupal yönetici ekranlarına entegre etti. Kodlamak için tıklamayı tercih ederseniz, bu tema hayatınızı çok daha kolaylaştırabilir.

Kullanılacak Bootstrap Sürümünü Seç

Bu temayı indirmeden önce, proje sayfasını okuyun ve hangi sürümü indirmeniz gerektiğini anladığınızdan emin olun. Farklı sürümler Bootstrap çerçevesinin farklı sürümlerine karşılık gelir.

Örneğin, Bootstrap teması için 7.x-2.2 sürümü, Bootstrap çerçevesi için 2.3.2 sürümünü destekleyen son kişiydi. Bu yazıya göre Bootstrap temasının kararlı sürümü Bootstrap 3 ile çalışan 7.x-3.0.

Bootstrap tema geliştiricilerinin Bootstrap ile ana sürüm numaralarını nasıl koordine ettiklerini not edin. 7.x-2.x sürümleri Bootstrap 2 içindir ve 7.x-3.x sürümleri Bootstrap 3 içindir.

Bootstrap 2 ve Bootstrap 3 çoğunlukla benzerdir ancak çerçeve belgelerini okuduğunuzda farklılıklara dikkat edin. Yanlış sürümün belgelerini fark etmeden okumak kolaydır.

Muhtemelen en yeni kararlı sürümü kullanmak isteyebilirsiniz, ancak Bootstrap 3 jQuery 1.9+ gerektirir, Bootstrap 2 sadece jQuery 1.7+ gerektirir. JQuery 1.9 'un sitenizde önemli bir modül kullanması durumunda, Bootstrap 2'yi şimdilik kullanmak zorunda kalabilirsiniz.

Önyükleme Kullanmadan Önce

Bootstrap size çok fazla iş yükleyebilir ve web sitenizin ışıltılı olmasına yardımcı olabilir. Ancak kendinizi Bootstrap'e takmadan önce ZURB Vakfı temasına bir göz atın. ZURB Vakfı, önemli farklılıkları olan benzer bir çerçevedir. Şahsen, şimdiye kadar sadece ZURB Vakfı'nı kullandım, ancak araştırmalarım, Bootstrap'in "varsayılanları" beğenirseniz Bootstrap'in daha iyi olduğunu gösterirken, temanızda ciddi bir kişiselleştirme yapmayı planlıyorsanız ZURB Foundation'ın daha iyi olduğunu gösterir. Kesinlikle ZURB Vakfı'nı özelleştirmek için bir zevk buldum.

Bootstrap'i kullanmak istediğinizden emin olsanız bile, Drupal ile bir çerçeve kullanma konusunda bu ipuçlarını kaçırmayın.