Menggunakan Tema Bootstrap Twitter untuk Drupal

Dapatkan Kekuatan Rangka Kerja Bootstrap dalam Tema Drupal

Bootstrap adalah kerangka yang sangat popular, dibina oleh Twitter. Dengan Tema Bootstrap untuk Drupal, anda boleh mendapatkan (dan mengekalkan) semua kuasa itu untuk laman web Drupal anda. Bersiap-siap untuk menambah butang lancar, bentuk gaya, jumbotrons, dan banyak lagi, sehingga laman web anda beraksi dengan bling!

Apakah Rangka Kerja Bootstrap?

Rangka kerja Bootstrap adalah koleksi kod CSS dan Javascript yang menjadikannya mudah bagi anda untuk menambah senarai panjang perkara yang cantik dan / atau bermanfaat ke laman web anda. Senarai ini termasuk butang cantik, senarai dengan "lencana", masukkan "telaga" dan banyak lagi.

Di luar bling, Bootstrap juga mengemas tenaga responsif yang serius, membantu anda merancang tapak yang tidak akan memecahkan apabila bos anda membukanya pada telefon.

Daripada menulis semua kod ini sendiri, anda menggunakan kelas CSS dan elemen HTML yang ditentukan oleh Bootstrap. Jika anda mahukan label cantik, anda menambah label kelas. Seperti ini:

Lihat label cantik ini.

Rangka kerja Bootstrap tidak mempunyai sambungan ke Drupal. Anda boleh menggunakannya dengan mana-mana CMS yang tidak akan meletupkan hubungan dengan jQuery (lihat di bawah), atau bahkan dengan laman web HTML statik .

Apakah Tema Bootstrap untuk Drupal?

Tema Bootstrap untuk Drupal menjadikannya lebih mudah untuk menggunakan Bootstrap di laman web anda. Muat turun tema ini dan tetapkan sebagai lalai anda.

Sebenarnya, anda mungkin mahu menggunakan tema Bootstrap sebagai tema asas untuk subtema anda sendiri. Walau bagaimanapun, tema Bootstrap menawarkan skrin pentadbiran yang luas yang membolehkan anda menyesuaikannya dengan memuaskan tanpa garis kod.

Bootstrap bergantung kepada perpustakaan jQuery Javascript. Anda juga mungkin perlu memasang modul Kemas Kini jQuery untuk mendapatkan versi yang diperlukan. Jika mana-mana modul lain di laman web anda menggunakan jQuery, berhati-hati - mereka mungkin tidak berfungsi dengan versi baru jQuery.

Anda perlu membaca dokumentasi untuk tema ini dan pastikan anda tidak perlu mengambil langkah tambahan lagi. Tetapi ia masih cukup mudah.

Adakah Anda Perlu Menggunakan Tema Bootstrap untuk Menggunakan Bootstrap di Drupal?

Kerana rangka kerja Bootstrap hanya CSS dan Javascript, anda tidak perlu menggunakan tema Bootstrap. Anda boleh memuat turun perpustakaan Bootstrap secara manual dan memautnya pada templat tema anda.

Walau bagaimanapun, tema Bootstrap telah melakukan ini untuk anda. Ia juga menggabungkan pelbagai ciri Bootstrap ke dalam skrin admin Drupal. Jika anda lebih suka mengklik pengekodan, tema ini boleh menjadikan hidup anda lebih mudah.

Pilih Versi Bootstrap Yang Digunakan

Sebelum anda memuat turun tema ini, baca halaman projek dan pastikan anda memahami versi mana yang harus anda muat turun. Versi berbeza sesuai dengan versi berbeza rangka kerja Bootstrap.

Sebagai contoh, pelancaran 7.x-2.2 untuk tema Bootstrap adalah yang terakhir untuk menyokong pelepasan 2.3.2 untuk rangka kerja Bootstrap. Sehingga penulisan ini, versi stabil tema Bootstrap ialah 7.x-3.0, yang berfungsi dengan Bootstrap 3.

Perhatikan bagaimana pemaju tema Bootstrap telah menyelaraskan nombor versi utama mereka dengan Bootstrap. Siaran 7.x-2.x adalah untuk Bootstrap 2, dan siaran 7.x-3.x adalah untuk Bootstrap 3.

Bootstrap 2 dan Bootstrap 3 kebanyakannya sama tetapi perhatikan perbezaan apabila anda membaca dokumentasi rangka kerja. Sangat mudah untuk membaca dokumentasi untuk versi yang salah tanpa menyedari.

Walaupun anda mungkin mahu menggunakan versi stabil yang terkini jika anda boleh, perhatikan bahawa Bootstrap 3 memerlukan jQuery 1.9+, manakala Bootstrap 2 hanya memerlukan jQuery 1.7+. Jika menggunakan jQuery 1.9 akan memecah modul penting di laman web anda, anda mungkin perlu menggunakan Bootstrap 2 untuk sekarang.

Sebelum Anda Menggunakan Bootstrap

Bootstrap boleh menjimatkan banyak kerja dan membantu laman web anda berkilau. Tetapi sebelum anda mengikat diri ke Bootstrap, lihatlah tema ZURB Foundation. Yayasan ZURB adalah kerangka yang sama yang mempunyai perbezaan penting. Secara peribadi, saya hanya menggunakan Yayasan ZURB setakat ini, namun penyelidikan saya menunjukkan bahawa sementara Bootstrap lebih baik jika anda suka "default" Bootstrap, Yayasan ZURB lebih baik jika anda bercadang untuk melakukan penyesuaian serius pada tema anda. Saya sudah pasti menemui ZURB Foundation yang menyenangkan untuk disesuaikan.

Walaupun anda pasti mahu menggunakan Bootstrap, jangan ketinggalan tip ini menggunakan rangka kerja dengan Drupal.