ການໃຊ້ Twitter Theme Bootstrap ສໍາລັບ Drupal

ໄດ້ຮັບອໍານາດຂອງ Bootstrap Framework ໃນຫົວຂໍ້ Drupal

Bootstrap ແມ່ນຂອບເຂດທີ່ບໍ່ມີປະໂຫຍດ, ສ້າງໂດຍ Twitter. ກັບ Bootstrap Theme ສໍາລັບ Drupal, ທ່ານສາມາດໄດ້ຮັບ (ແລະຮັກສາ) ພະລັງງານທັງຫມົດສໍາລັບເວັບໄຊທ໌ Drupal ຂອງທ່ານ. ໄດ້ຮັບຄວາມພ້ອມທີ່ຈະເພີ່ມປຸ່ມລຽບ, ຮູບແບບທີ່ມີຮູບແບບ, jumbotrons, ແລະອື່ນໆ, ຈົນກ່ວາເວັບໄຊທ໌ຂອງທ່ານບາງກິລາ!

Bootstrap Framework ແມ່ນຫຍັງ?

ກອບການ Bootstrap ແມ່ນການເກັບກໍາຂໍ້ມູນ CSS ແລະ Javascript ທີ່ເຮັດໃຫ້ທ່ານງ່າຍທີ່ຈະເພີ່ມບັນຊີລາຍຊື່ຍາວແລະ / ຫຼືສິ່ງທີ່ເປັນປະໂຫຍດໃຫ້ກັບເວັບໄຊທ໌ຂອງທ່ານ. ບັນຊີລາຍຊື່ນີ້ປະກອບມີປຸ່ມທີ່ດີງາມ, ລາຍການທີ່ມີ "badges", inset "wells" ແລະຫຼາຍຫຼາຍ.

ນອກເຫນືອຈາກ bling, Bootstrap ຍັງສະ ຫນອງ ພະລັງງານ ຕອບສະຫນອງ ຢ່າງຮຸນແຮງ, ຊ່ວຍໃຫ້ທ່ານອອກແບບເວັບໄຊທ໌ທີ່ຈະບໍ່ແຕກແຫນ້ນໃນເວລາທີ່ນາຍຈ້າງຂອງທ່ານເປີດມັນໃນໂທລະສັບ.

ແທນທີ່ຈະຕ້ອງຂຽນລະຫັດທັງຫມົດນີ້ຕົວທ່ານເອງ, ທ່ານໃຊ້ CSS classes ແລະ HTML element ທີ່ລະບຸໄວ້ໂດຍ Bootstrap. ຖ້າທ່ານຕ້ອງການປ້າຍທີ່ສວຍງາມ, ທ່ານຈະເພີ່ມປ້າຍຫ້ອງຮຽນ. ເຊັ່ນນີ້:

ເບິ່ງແບບນີ້ label ທີ່ສວຍງາມ .

ກອບ Bootstrap ບໍ່ມີການເຊື່ອມຕໍ່ກັບ Drupal. ທ່ານສາມາດໃຊ້ມັນກັບ CMS ທີ່ຈະບໍ່ເກີດຂື້ນໃນການຕິດຕໍ່ກັບ jQuery (ເບິ່ງຂ້າງລຸ່ມນີ້), ຫຼືແມ້ກະທັ່ງກັບເວັບໄຊທ໌ HTML ແບບຄົງທີ່ .

Theme Bootstrap ສໍາລັບ Drupal ແມ່ນຫຍັງ?

ທີມ Bootstrap ສໍາລັບ Drupal ເຮັດໃຫ້ມັນງ່າຍຕໍ່ການໃຊ້ Bootstrap ໃນເວັບໄຊທ໌ຂອງທ່ານ. ດາວໂຫລດຫົວຂໍ້ນີ້ແລະຕັ້ງຄ່າເປັນຄ່າເລີ່ມຕົ້ນຂອງທ່ານ.

ຕົວຈິງແລ້ວ, ທ່ານອາດຈະຕ້ອງການໃຊ້ Bootstrap theme ເປັນຫົວຂໍ້ພື້ນຖານສໍາລັບ subtheme ຂອງທ່ານເອງ. ເຖິງແມ່ນວ່າ, ມັນເປັນຄວາມຈິງທີ່ຫົວຂໍ້ Bootstrap ມີຫນ້າຈໍການບໍລິຫານຢ່າງກວ້າງຂວາງທີ່ທ່ານອາດຈະສາມາດປັບແຕ່ງມັນໄດ້ອຍ່າງຫມັ້ນໃຈໂດຍບໍ່ຕ້ອງມີລະຫັດ.

Bootstrap ອີງໃສ່ຫ້ອງສະຫມຸດ jQuery Javascript. ນອກນັ້ນທ່ານຍັງຈໍາເປັນຕ້ອງຕິດຕັ້ງໂມດູນປັບປຸງ jQuery ເພື່ອໃຫ້ໄດ້ສະບັບທີ່ຕ້ອງການ. ຖ້າມີໂມດູນອື່ນໆໃນເວັບໄຊຂອງທ່ານໃຊ້ jQuery, ຈົ່ງລະມັດລະວັງ - ພວກມັນອາດບໍ່ເຮັດວຽກກັບ jQuery version ໃຫມ່ເກີນໄປ.

ທ່ານຈະຕ້ອງອ່ານເອກສານສໍາລັບຫົວຂໍ້ນີ້ແລະໃຫ້ແນ່ໃຈວ່າທ່ານບໍ່ຈໍາເປັນຕ້ອງໃຊ້ຂັ້ນຕອນພິເສດໃດໆ. ແຕ່ມັນຍັງງ່າຍດາຍງ່າຍດາຍ.

ທ່ານຕ້ອງໃຊ້ຫົວ Bootstrap ເພື່ອໃຊ້ Bootstrap ໃນ Drupal?

ເນື່ອງຈາກກອບ Bootstrap ແມ່ນພຽງແຕ່ CSS ແລະ Javascript, ທ່ານບໍ່ ຈໍາເປັນຕ້ອງ ໃຊ້ຫົວ Bootstrap. ທ່ານສາມາດດາວໂຫລດຫໍສະມຸດ Bootstrap ແລະເຊື່ອມໂຍງກັບມັນໃສ່ແມ່ແບບຫົວຂໍ້ຂອງທ່ານ.

ຢ່າງໃດກໍຕາມ, ຫົວຂໍ້ Bootstrap ໄດ້ເຮັດແລ້ວ tedium ນີ້ສໍາລັບທ່ານ. ມັນຍັງປະສົມປະສານຕ່າງໆຂອງ Bootstrap ໃນຫນ້າຈໍ admin ຂອງ Drupal. ຖ້າທ່ານຕ້ອງການທີ່ຈະເຂົ້າລະຫັດ, ຫົວຂໍ້ນີ້ສາມາດເຮັດໃຫ້ຊີວິດຂອງທ່ານງ່າຍຂຶ້ນ.

ເລືອກເວີຊັ່ນ Bootstrap ທີ່ຕ້ອງໃຊ້

ກ່ອນທີ່ທ່ານຈະດາວໂຫລດຫົວຂໍ້ນີ້ໃຫ້ອ່ານຫນ້າໂຄງການແລະໃຫ້ແນ່ໃຈວ່າທ່ານເຂົ້າໃຈວ່າທ່ານຄວນດາວໂຫລດເວີຊັນໃດ. ສະບັບຕ່າງໆທີ່ສອດຄ່ອງກັບສະບັບທີ່ແຕກຕ່າງກັນຂອງຂອບ Bootstrap.

ຕົວຢ່າງ, ການປ່ອຍ 7x-2.2 ສໍາລັບ ຫົວຂໍ້ Bootstrap ແມ່ນການສະຫນັບສະຫນູນ 2.3.2 ສໍາລັບໂຄງການ Bootstrap. ໃນຖານະບົດຂຽນນີ້, ຮູບແບບ Bootstrap ຄົງທີ່ແມ່ນ 7.x-3.0, ຊຶ່ງເຮັດວຽກກັບ Bootstrap 3.

ໃຫ້ສັງເກດວິທີການພັດທະນາຂອງຫົວຂໍ້ Bootstrap ໄດ້ປະສານງານ ຢ່າງລະອຽດ ກ່ຽວກັບ ຕົວເລກທີ່ສໍາຄັນ ຂອງພວກເຂົາກັບ Bootstrap. ການປ່ອຍ 7x-2.x ແມ່ນສໍາລັບ Bootstrap 2, ແລະປ່ອຍ 7.x-3.x ສໍາລັບ Bootstrap 3.

Bootstrap 2 ແລະ Bootstrap 3 ສ່ວນໃຫຍ່ແມ່ນຄ້າຍຄືກັນແຕ່ໃສ່ໃຈກັບຄວາມແຕກຕ່າງໃນເວລາທີ່ທ່ານອ່ານເອກະສານກອບ. ມັນງ່າຍທີ່ຈະອ່ານເອກະສານສໍາລັບການສະບັບຜິດພາດໂດຍບໍ່ໄດ້ຮັບຮູ້ມັນ.

ເຖິງແມ່ນວ່າທ່ານອາດຈະຕ້ອງການໃຊ້ສະບັບທີ່ມີຄວາມຫມັ້ນຄົງໃນປະຈຸບັນຫຼາຍທີ່ສຸດຖ້າທ່ານສາມາດເຮັດໄດ້, ໃຫ້ສັງເກດວ່າ Bootstrap 3 ຕ້ອງມີ jQuery 1.9+, ໃນຂະນະທີ່ Bootstrap 2 ພຽງແຕ່ຕ້ອງການ jQuery 1.7+. ຖ້າໃຊ້ jQuery 19 ຈະທໍາລາຍຫຼັກທີ່ສໍາຄັນຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ, ທ່ານອາດຈະຕ້ອງໃຊ້ Bootstrap 2 ສໍາລັບໃນປັດຈຸບັນ.

ກ່ອນທີ່ທ່ານຈະໃຊ້ Bootstrap

Bootstrap ສາມາດຊ່ວຍປະຢັດທ່ານຢ່າງຫຼາຍຂອງການເຮັດວຽກແລະຊ່ວຍໃຫ້ເວັບໄຊທ໌ຂອງທ່ານ sparkle. ແຕ່ກ່ອນທີ່ທ່ານຈະຕິດຕົວເຈົ້າເຂົ້າໄປໃນ Bootstrap, ເບິ່ງຫົວຂໍ້ ZURB Foundation. ZURB Foundation ແມ່ນກອບທີ່ຄ້າຍຄືກັນເຊິ່ງມີຄວາມແຕກຕ່າງທີ່ສໍາຄັນ. ສ່ວນບຸກຄົນ, ຂ້ອຍໄດ້ໃຊ້ ZURB Foundation ເທົ່ານັ້ນ, ແຕ່ການຄົ້ນຄວ້າຂອງຂ້ອຍຊີ້ໃຫ້ເຫັນວ່າໃນຂະນະທີ່ Bootstrap ດີກວ່າຖ້າທ່ານຢາກ Bootstrap "Defaults", ZURB Foundation ແມ່ນດີກວ່າຖ້າທ່ານວາງແຜນທີ່ຈະເຮັດການປັບແຕ່ງຢ່າງຫນັກໃນຫົວຂໍ້ຂອງທ່ານ. ຂ້າພະເຈົ້າແນ່ນອນໄດ້ພົບກັບມູນນິທິ ZURB ທີ່ເພີດເພີນກັບການປັບແຕ່ງ.

ເຖິງແມ່ນວ່າທ່ານ ແນ່ໃຈວ່າ ທ່ານຕ້ອງການໃຊ້ Bootstrap, ຢ່າພາດຄໍາແນະນໍາເຫຼົ່ານີ້ກ່ຽວກັບການໃຊ້ກອບກັບ Drupal.