ການນໍາໃຊ້ຫົວຂໍ້ພື້ນຖານ ZURB ສໍາລັບ Drupal

ໄດ້ຮັບອໍານາດຂອງໂຄງການພື້ນຖານ ZURB ໃນຫົວຂໍ້ Drupal

ກ່ອນທີ່ຈະມີ Twitter Bootstrap , ມີ ZURB ມູນລະນິທິ, ໂຄງການທີ່ຊ່ວຍໃຫ້ທ່ານສາມາດເພີ່ມປຸ່ມທີ່ສວຍງາມ, ຕາຂ່າຍໄຟຟ້າ, ແຖບຄວາມຄືບຫນ້າ, ຕາຕະລາງການກໍານົດລາຄາແລະອື່ນໆອີກດ້ວຍ CSS ບາງຊັ້ນທີ່ຖືກຈັດໃສ່ໄວ້. ດ້ວຍຫົວຂໍ້ ZURB Foundation ສໍາລັບ Drupal, ທ່ານສາມາດປ່ອຍໃຫ້ທຸກໆ bling ນີ້ຢູ່ໃນເວັບໄຊທ໌ Drupal ຂອງທ່ານໄດ້ງ່າຍ.

ຂອບເຂດໂຄງການ ZURB ແມ່ນຫຍັງ?

ຂອບຂອງໂຄງການ ZURB Foundation ແມ່ນການລວບລວມລະຫັດ CSS ແລະ Javascript ສໍາລັບຊໍ່ສິ່ງທີ່ທ່ານອາດຈະຕ້ອງການຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ. ນີ້ປະກອບມີບໍ່ພຽງແຕ່ເຂົ້າຫນົມອົມຕາກົດໄດ້ເຊັ່ນປຸ່ມທີ່ໄດ້ກ່າວມາແຕ່ຍັງມີພະລັງແຮງ ຕອບສະຫນອງ ຢ່າງແທ້ຈິງບາງຢ່າງ.

ທ່ານນໍາໃຊ້ຫຼາຍທີ່ສຸດຂອງຄຸນນະສົມບັດເຫຼົ່ານີ້ໂດຍການເພີ່ມຊັ້ນຮຽນ CSS ພິເສດ. ຕົວ​ຢ່າງ:

ນີ້ແມ່ນປຸ່ມ .

ຂອບຂອງໂຄງການ ZURB Foundation ແມ່ນແຍກຕ່າງຫາກຈາກ Drupal. ປະຊາຊົນໃຊ້ມັນໃນ WordPress, Joomla, ແລະແມ້ແຕ່ເວັບໄຊທ໌ HTML ຄົງ .

Theme Drupal ZURB Foundation ແມ່ນຫຍັງ?

ຫົວຂໍ້ Drupal ZURB Foundation ຊ່ວຍໃຫ້ທ່ານສາມາດປ່ອຍໃຫ້ທຸກໄຟຟ້າ ZURBish ນີ້ໄດ້ໂດຍການດາວໂຫລດແລະເປີດໃຊ້ຫົວຂໍ້ (ແລະອ່ານເອກະສານແລະໃຊ້ຂັ້ນຕອນພິເສດບາງຢ່າງແນ່ນອນ).

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

ນອກຈາກນັ້ນ, ທ່ານອາດຈະຕ້ອງການໃຊ້ຫົວຂໍ້ນີ້ເປັນຫົວຂໍ້ພື້ນຖານສໍາລັບຫົວຂໍ້ລູກຄ້າຂອງທ່ານເອງ. ການປັບແຕ່ງແມ່ນບ່ອນທີ່ ZURB Foundation ກໍ່ສ່ອງແສງ.

ທ່ານຕ້ອງການ Theme ນີ້ເພື່ອໃຊ້ ZURB Foundation ໃນ Drupal?

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

ແຕ່ຫົວຂໍ້ນີ້ເຮັດໃຫ້ງ່າຍຂຶ້ນ, ແລະມັນຍັງມີການເຊື່ອມໂຍງກັບ Drupal ຕື່ມອີກ.

ນອກຈາກນັ້ນ, ທ່ານສາມາດເພີ່ມໂມດູນເພີ່ມເຕີມສໍາລັບການເຊື່ອມໂຍງຕື່ມອີກ. ຕົວຢ່າງ, ໂມດູນ ZURB Orbit ຊ່ວຍໃຫ້ທ່ານສ້າງຮູບແບບສະໄລດ໌ທີ່ມີຮູບທີ່ມີຮູບພາບ. ໂມດູນການຊົດເຊີຍ ZURB ຊ່ວຍໃຫ້ທ່ານສ້າງຫ້ອງ Lightbox ຕອບສະຫນອງດ້ວຍຮູບພາບສື່.

ຫມາຍເຫດ: ຂ້າພະເຈົ້າບໍ່ໄດ້ນໍາໃຊ້ໂມດູນຂະຫນາດນ້ອຍເຫຼົ່ານີ້ມາແຕ່ຂ້ອຍເອງ, ດັ່ງນັ້ນພວກເຂົາອາດຈະເປັນອັນຕະລາຍ. ໃນຖານະເປັນລາຍລັກອັກສອນນີ້, ZURB Clearing ຮຽກຮ້ອງໃຫ້ Media-2.x-dev, ເຊິ່ງອາດຈະເປັນການຍົກລະດັບອັນຕະລາຍຖ້າທ່ານກໍາລັງໃຊ້ Media 1.x. ແລະຄວາມຕ້ອງການສໍາລັບການພັດທະນາສະບັບຂອງໂມດູນສະເຫມີຄວນໃຫ້ຫນຶ່ງພັກໄວ້. ຍັງ, ເຫຼົ່ານີ້ແລະໂມດູນ ZURB ອື່ນໆແມ່ນຕົກເປັນມູນຄ່າເບິ່ງ.

ເລືອກລຸ້ນໃດຫນຶ່ງຂອງມູນນິທິ ZURB ທີ່ໃຊ້

ກ່ອນທີ່ທ່ານຈະດາວໂຫລດຫົວຂໍ້ ZURB Foundation, ໃຫ້ກວດເບິ່ງວ່າທ່ານຄວນໃຊ້ເວີຊັ່ນໃດ. ມີສະບັບທີ່ແຕກຕ່າງກັນທີ່ແຕກຕ່າງກັນຂອງຂອບເຂດພື້ນຖານຂອງ ZURB, ແລະ ຈໍານວນຮຸ່ນທີ່ສໍາຄັນ ສໍາລັບຫົວຂໍ້ແມ່ນສອດຄ່ອງກັບໂຄງຮ່າງທີ່ມັນເຮັດວຽກຮ່ວມກັບ. ດັ່ງນັ້ນ, ຮຸ່ນ 7x- 3 .x ຂອງຫົວຂໍ້ການເຮັດວຽກກັບ Foundation 3 , ລຸ້ນ 7x- 4 .x ເຮັດວຽກຮ່ວມກັບມູນລະນິທິ 4 ແລະຮຸ່ນ 7x- 5 .x ເຮັດວຽກຮ່ວມກັບ Foundation 5 .

ໃນເວລາທີ່ບົດຂຽນນີ້, ຮູບແບບຄວາມຫມັ້ນຄົງຫຼ້າສຸດຂອງຫົວຂໍ້ແມ່ນ 7.x-4.x, ເຊິ່ງເຮັດວຽກຮ່ວມກັບມູນລະນິທິ 4. ຮຸ່ນ 7.x-5.x ຍັງຄົງຢູ່ໃນການພັດທະນາ. ດັ່ງນັ້ນ, ເຖິງແມ່ນວ່າເວັບໄຊທ໌ໂຄງການພື້ນຖານຄາດວ່າທ່ານຈະໃຊ້ມູນລະນິທິ 5, ທ່ານອາດຈະຕ້ອງຕິດກັບມູນນິທິ 4 ຕອນນີ້.

ນອກຈາກນີ້ສັງເກດວ່າມູນນິທິ 5 ມີຄວາມຕ້ອງການພິເສດ, ໂດຍສະເພາະແມ່ນ jQuery 1.10. ມູນນິທິ 4 ພຽງແຕ່ຕ້ອງການ jQuery 1.7+.

ຈົ່ງຮູ້ເຖິງສະບັບຂອງມູນນິທິທີ່ທ່ານໃຊ້ໃນເວລາທີ່ທ່ານອ່ານເອກະສານອອນໄລນ໌. ນີ້ແມ່ນຄວາມຈິງໂດຍສະເພາະຖ້າທ່ານບໍ່ໃຊ້ສະບັບຫລ້າສຸດຂອງໂຄງການ. ມັນເປັນເລື່ອງງ່າຍທີ່ຈະລົ້ມລົງໃນການອ່ານເອກສານສໍາລັບ, ເວົ້າວ່າ, ມູນນິທິ 5, ຫຼັງຈາກນັ້ນໄດ້ຮັບຄວາມເສຍໃຈເມື່ອຄຸນນະສົມບັດໃຫມ່ບໍ່ໄດ້ເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌ມູນນິທິ 4 ຂອງທ່ານ.

ຕົວຢ່າງ, ມູນນິທິ 5 ມີຊຸດຂອງຊັ້ນກາງສໍາລັບຫນ້າຈໍຂະຫນາດກາງ. ໃນມູນນິທິ 4, ເຫຼົ່ານີ້ຈະລົ້ມເຫລວຢ່າງລຶກລັບເວັ້ນເສຍແຕ່ວ່າທ່ານຈະໃຊ້ຂັ້ນຕອນພິເສດ.

ໃຊ້ SASS, Compass, & # 34; _variables.scss & # 34;

ຖ້າທ່ານກໍາລັງດັດແປງ CSS ສໍາລັບຫົວຂໍ້ນີ້, ໃຫ້ແນ່ໃຈວ່າທ່ານ:

ໄຟ _variablesscss ຖືກສ້າງຂື້ນໂດຍອັດຕະໂນມັດໂດຍ drush fst. ໄຟລ໌ດຽວນີ້ມີຕົວແປສໍາລັບເກືອບ ທຸກສິ່ງທີ່ ທ່ານອາດຈະຕ້ອງການໃນ CSS ຂອງທ່ານ. ມັນ​ມະ​ຫັດ​ສະ​ຈັນ! ທັງຫມົດຢູ່ໃນສະຖານທີ່ຫນຶ່ງ, ທ່ານສາມາດກໍານົດທຸກສິ່ງທຸກຢ່າງຈາກຕົວອັກສອນເລີ່ມຕົ້ນໄປຫາຫນ້າຈໍຂອງຫນ້າຈໍທີ່ມີຂອບເທິງ breadcrumbs.

ແນ່ນອນ, ທ່ານກໍ່ສາມາດຕັ້ງຄ່າໄຟລ໌ເພີ່ມເຕີມເຊັ່ນກັນ. ແຕ່ _variables.scss ແມ່ນບ່ອນທີ່ສວຍງາມທີ່ຈະເລີ່ມຕົ້ນ.

ແຈ້ງການຂະຫຍາຍໄຟລ໌: scss, ບໍ່ css. ການນໍາໃຊ້ _variablesscss, ທ່ານຈໍາເປັນຕ້ອງຕັ້ງຄ່າ SASS (ພາສາການສະຫນັບສະຫນູນ CSS) ແລະ Compass (ກອບສ້າງດ້ວຍ SASS). ໃນເວລາທີ່ທ່ານດໍາເນີນການຄອມພິວເຕີ້ລວບລວມ, ໄຟລ໌ scss ຂອງທ່ານຈະກາຍເປັນ CSS ງາມໃນໄຟລ໌ແຍກຕ່າງຫາກ. (ຂ້າພະເຈົ້າມັກເບິ່ງເຂັມ - ນີ້ເຮັດໃຫ້ແລ່ນແລະປັບປຸງ CSS ໃນຂະນະທີ່ທ່ານປັບຂໍ້ມູນ scss.)

ຖ້າທ່ານຈິງໆ, ກໍ່ບໍ່ຕ້ອງການທີ່ຈະກັງວົນກັບ SASS, ທ່ານສາມາດຂຽນໄຟລ໌ CSS ຕາມປົກກະຕິແລະບອກພວກເຂົາໃນໄຟລ໌ .info ຂອງຫົວຂໍ້ຂອງທ່ານ. ແຕ່ໄວ້ວາງໃຈຂ້ອຍ - ການລົງທຶນທີ່ໃຊ້ເວລານ້ອຍໆເພື່ອຮຽນຮູ້ພຽງພໍທີ່ຈະລວບລວມ _variables.scss ຈະໄດ້ຮັບການຈ່າຍຄືນເກືອບທັນທີ.

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

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

ນອກຈາກນີ້, ອົງປະກອບ Joyride ແມ່ນຫວານ pretty.

ແລະບໍ່ວ່າທ່ານຈະໃຊ້ ZURB Foundation, Bootstrap, ຫຼືບາງກອບອື່ນໆ, ໃຫ້ແນ່ໃຈວ່າໄດ້ຮັບ ຄໍາແນະນໍາ ເຫຼົ່ານີ້ ກ່ຽວກັບການໃຊ້ກອບກັບ Drupal .