Menggunakan Tema Twitter Bootstrap untuk Drupal

Dapatkan Kekuatan Kerangka Bootstrap dalam Tema Drupal

Bootstrap adalah kerangka kerja yang sangat populer, dibangun oleh Twitter. Dengan Theme Bootstrap untuk Drupal, Anda bisa mendapatkan (dan memelihara) semua daya itu untuk situs web Drupal Anda. Bersiaplah untuk menambahkan tombol halus, formulir bergaya, jumbotrons, dan banyak lagi, sampai situs Anda menampilkan bling!

Apa Kerangka Bootstrap?

Kerangka Bootstrap adalah kumpulan kode CSS dan Javascript yang memudahkan Anda untuk menambahkan daftar panjang hal-hal yang cantik dan / atau berguna ke situs web Anda. Daftar ini termasuk tombol yang tampak bagus, daftar dengan "lencana", inset "well" dan banyak lagi.

Di luar bling, Bootstrap juga mengemas kekuatan responsif yang serius, membantu Anda mendesain situs yang tidak akan benar-benar hancur ketika atasan Anda membukanya di telepon.

Daripada harus menulis semua kode ini sendiri, Anda menggunakan kelas CSS dan elemen HTML yang ditentukan oleh Bootstrap. Jika Anda menginginkan label yang cantik, Anda menambahkan label kelas. Seperti ini:

Lihatlah label cantik ini .

Kerangka Bootstrap tidak memiliki koneksi ke Drupal. Anda dapat menggunakannya dengan CMS apa pun yang tidak akan meledak saat kontak dengan jQuery (lihat di bawah), atau bahkan dengan situs web HTML statis .

Apa Tema Bootstrap untuk Drupal?

The Bootstrap Theme for Drupal membuatnya lebih mudah untuk menggunakan Bootstrap di situs web Anda. Unduh tema ini dan atur sebagai default Anda.

Sebenarnya, Anda mungkin ingin menggunakan tema Bootstrap sebagai tema dasar untuk subtema Anda sendiri. Meskipun, memang benar bahwa tema Bootstrap menawarkan layar administrasi yang begitu luas sehingga Anda dapat menyesuaikannya secara memuaskan tanpa baris kode.

Bootstrap bergantung pada pustaka jQuery Javascript. Anda mungkin juga perlu menginstal modul pembaruan jQuery untuk mendapatkan versi yang dibutuhkan. Jika ada modul lain di situs Anda menggunakan jQuery, berhati-hatilah - mereka mungkin tidak bekerja dengan versi jQuery yang terlalu baru.

Anda harus membaca dokumentasi untuk tema ini dan pastikan Anda tidak perlu mengambil langkah ekstra. Tapi itu masih cukup mudah.

Apakah Anda Harus Menggunakan Tema Bootstrap untuk Menggunakan Bootstrap di Drupal?

Karena framework Bootstrap hanya CSS dan Javascript, Anda tidak perlu menggunakan tema Bootstrap. Anda dapat mengunduh pustaka Bootstrap secara manual dan menautkannya ke template tema Anda.

Namun, tema Bootstrap telah melakukan kebosanan ini untuk Anda. Ini juga terintegrasi berbagai fitur Bootstrap ke layar admin Drupal. Jika Anda lebih suka mengklik untuk coding, tema ini dapat membuat hidup Anda lebih mudah.

Pilih Versi Bootstrap yang Akan Digunakan

Sebelum Anda mengunduh tema ini, baca halaman proyek dan pastikan Anda memahami versi mana yang harus Anda unduh. Versi yang berbeda sesuai dengan berbagai versi kerangka Bootstrap.

Sebagai contoh, rilis 7.x-2.2 untuk tema Bootstrap adalah yang terakhir untuk mendukung rilis 2.3.2 untuk kerangka Bootstrap. Pada tulisan ini, versi stabil dari tema Bootstrap adalah 7.x-3.0, yang bekerja dengan Bootstrap 3.

Perhatikan bagaimana pengembang tema Bootstrap telah mengoordinasikan nomor versi utama mereka dengan Bootstrap. Rilis 7.x-2.x untuk Bootstrap 2, dan rilis 7.x-3.x untuk Bootstrap 3.

Bootstrap 2 dan Bootstrap 3 kebanyakan mirip tetapi perhatikan perbedaan ketika Anda membaca dokumentasi kerangka. Sangat mudah untuk membaca dokumentasi untuk versi yang salah tanpa menyadarinya.

Meskipun Anda mungkin ingin menggunakan versi stabil terbaru jika bisa, perhatikan bahwa Bootstrap 3 membutuhkan jQuery 1.9+, sementara Bootstrap 2 hanya membutuhkan jQuery 1.7+. Jika menggunakan jQuery 1.9 akan merusak modul penting di situs Anda, Anda mungkin harus menggunakan Bootstrap 2 untuk saat ini.

Sebelum Anda Menggunakan Bootstrap

Bootstrap dapat menghemat banyak pekerjaan dan membantu gemerlapnya situs web Anda. Namun sebelum Anda mengikatkan diri ke Bootstrap, lihat tema ZURB Foundation. ZURB Foundation adalah kerangka kerja serupa yang memiliki perbedaan penting. Secara pribadi, saya hanya menggunakan ZURB Foundation sejauh ini, tetapi penelitian saya menunjukkan bahwa sementara Bootstrap lebih baik jika Anda menyukai Bootstrap "default", ZURB Foundation lebih baik jika Anda berencana untuk melakukan kustomisasi serius pada tema Anda. Saya sudah pasti menemukan Yayasan ZURB menyenangkan untuk menyesuaikan.

Bahkan jika Anda yakin ingin menggunakan Bootstrap, jangan lewatkan kiat-kiat ini dalam menggunakan kerangka kerja dengan Drupal.