Käyttämällä Twitter Bootstrap teema Drupalille

Hanki Bootstrap Frameworkin teho Drupal-teemalla

Bootstrap on erittäin suosittu kehys, jonka on kehittänyt Twitter. Drupalin Bootstrap-teeman avulla voit saada (ja ylläpitää) kaiken tämän Power Drupalin verkkosivustolle. Hanki valmiina lisäämällä sileitä painikkeita, tyyliteltyjä lomakkeita, jumbotroneja ja paljon muuta, kunnes sivustosi urheilevat jonkin verran blingiä!

Mikä on Bootstrap Framework?

Bootstrap-kehys on kokoelma CSS- ja Javascript-koodeja, joiden avulla voit lisätä verkkosivustosi kauniita ja / tai hyödyllisiä asioita. Luettelo sisältää komeat painikkeet, "badges" -listat, "wells" ja paljon muuta.

Blotin lisäksi Bootstrap pakkaa myös vakavan herkän tehon, joka auttaa sinua suunnittelemaan sivuston, joka ei murene kokonaan, kun pomo avasi puhelimen.

Sen sijaan, että kirjoittaisit kaikki tämän koodin itse, käytät Bootstrapin määrittämiä CSS-luokkia ja HTML-elementtejä. Jos haluat melkoisen merkinnän, lisäät luokkamerkin. Kuten tämä:

Katso tämä melko etiketti .

Bootstrap-puitteissa ei ole yhteyttä Drupaliin. Voit käyttää sitä millä tahansa CMS: llä, joka ei räjähtänyt kosketuksissa jQueryn kanssa (ks. Alla) tai jopa staattisen HTML- sivuston kanssa.

Mikä on Bootstrap-teema Drupalille?

Bootstrap teema Drupalille helpottaa Bootstrapin käyttöä verkkosivustollasi. Lataa tämä teema ja aseta se oletuksena.

Itse asiassa, luultavasti haluat käyttää Bootstrap-teemaa omana alaotsikonne perustana. Vaikka on totta, että Bootstrap-teema tarjoaa niin laajaa hallintasovellusta, että voit mukauttaa sen tyydyttävästi ilman koodin riviä.

Bootstrap luottaa jQuery Javascript -kirjastoon. JQuery Update -moduuli saattaa myös olla tarpeen, jotta saat tarvitsemasi version. Jos sivustosi muut moduulit käyttävät jQueryä, ole varovainen - ne eivät ehkä toimi liian uudella jQuery-versiolla.

Sinun täytyy lukea tämän teeman dokumentaatiota ja varmistaa, että sinun ei tarvitse tehdä ylimääräisiä lisätoimenpiteitä. Mutta se on silti melko helppoa.

Onko sinun käytettävä Bootstrap-teema Bootstrapin käyttämiseen Drupalissa?

Koska Bootstrap-kehys on vain CSS ja Javascript, sinun ei tarvitse käyttää Bootstrap-teemaa. Voit ladata Bootstrap-kirjaston manuaalisesti ja linkittää sen teemamalleihin.

Kuitenkin Bootstrap-teema on jo tehnyt tämän tyydytyksen sinulle. Se on myös integroitu erilaisia ​​Bootstrap-ominaisuuksia Drupalin admin-näytöille. Jos haluat napsauttaa koodausta, tämä teema voi helpottaa elämääsi.

Valitse mikä Bootstrap-versio käyttää

Ennen kuin lataat tämän teeman, lue projekti-sivu ja varmista, että ymmärrät, minkä version haluat ladata. Erilaiset versiot vastaavat Bootstrap-kehyksen eri versioita.

Esimerkiksi Bootstrap- teeman 7.x-2.2-julkaisu oli viimeinen tukemaan Bootstrap- kehyksen julkaisua 2.3.2. Tämän kirjoittamisen jälkeen Bootstrap-teeman vakaa versio on 7.x-3.0, joka toimii Bootstrap 3: n kanssa.

Huomaa, miten Bootstrap-teemoittajat ovat ystävällisesti koordinoineet tärkeimpiä versionumeroitaan Bootstrapilla. 7.x-2.x -päivitykset ovat Bootstrap 2: lle ja 7.x-3.x -päivitykset ovat Bootstrap 3: lle.

Bootstrap 2 ja Bootstrap 3 ovat lähinnä samankaltaisia, mutta kiinnittävät huomiota eroja lukiessasi puiteasiakirjoja. On helppoa lukea dokumentaatiota väärälle versiolle huomaamatta sitä.

Vaikka luultavasti haluat käyttää viimeisintä vakaa versiota, voit myös huomata, että Bootstrap 3 vaatii jQuery 1.9+: n, kun taas Bootstrap 2 vaatii vain jQuery 1.7+: n. Jos jQuery 1.9: n käyttö rikkoo tärkeän moduulin sivustossasi, saatat joutua käyttämään Bootstrap 2 nyt.

Ennen kuin käytät Bootstrapia

Bootstrap voi säästää paljon työtä ja auttaa sivustosi kimallusta. Mutta ennen kuin kiinnität itsesi Bootstrapiin, tutustu ZURB-säätiön teemaan. ZURB-säätiö on samanlainen kehys, jolla on merkittäviä eroja. Henkilökohtaisesti olen käyttänyt ZURB-säätiötä tähän mennessä vain, mutta tutkimukseni osoittaa, että vaikka Bootstrap on parempi, jos pidät Bootstrap "oletusarvoista", ZURB-säätiö on parempi, jos aiot tehdä vakavasti räätälöityä teemasi. Olen varmasti löytänyt ZURB-säätiön iloksi mukauttaa.

Vaikka olet varma, että haluat käyttää Bootstrapia, älä unohda näitä vinkkejä Drupalin kanssa käytävän kehyksen käyttämiseen.