ໄດ້ຮັບອໍານາດຂອງໂຄງການພື້ນຖານ ZURB ໃນຫົວຂໍ້ Drupal
ກ່ອນທີ່ຈະມີ Twitter Bootstrap , ມີ ZURB ມູນລະນິທິ, ໂຄງການທີ່ຊ່ວຍໃຫ້ທ່ານສາມາດເພີ່ມປຸ່ມທີ່ສວຍງາມ, ຕາຂ່າຍໄຟຟ້າ, ແຖບຄວາມຄືບຫນ້າ, ຕາຕະລາງການກໍານົດລາຄາແລະອື່ນໆອີກດ້ວຍ CSS ບາງຊັ້ນທີ່ຖືກຈັດໃສ່ໄວ້. ດ້ວຍຫົວຂໍ້ ZURB Foundation ສໍາລັບ Drupal, ທ່ານສາມາດປ່ອຍໃຫ້ທຸກໆ bling ນີ້ຢູ່ໃນເວັບໄຊທ໌ Drupal ຂອງທ່ານໄດ້ງ່າຍ.
ຂອບເຂດໂຄງການ ZURB ແມ່ນຫຍັງ?
ຂອບຂອງໂຄງການ ZURB Foundation ແມ່ນການລວບລວມລະຫັດ CSS ແລະ Javascript ສໍາລັບຊໍ່ສິ່ງທີ່ທ່ານອາດຈະຕ້ອງການຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ. ນີ້ປະກອບມີບໍ່ພຽງແຕ່ເຂົ້າຫນົມອົມຕາກົດໄດ້ເຊັ່ນປຸ່ມທີ່ໄດ້ກ່າວມາແຕ່ຍັງມີພະລັງແຮງ ຕອບສະຫນອງ ຢ່າງແທ້ຈິງບາງຢ່າງ.
ທ່ານນໍາໃຊ້ຫຼາຍທີ່ສຸດຂອງຄຸນນະສົມບັດເຫຼົ່ານີ້ໂດຍການເພີ່ມຊັ້ນຮຽນ CSS ພິເສດ. ຕົວຢ່າງ:
ນີ້ແມ່ນປຸ່ມ span>. span> span> span> span> span> span> ຂອບຂອງໂຄງການ ZURB Foundation ແມ່ນແຍກຕ່າງຫາກຈາກ Drupal. ປະຊາຊົນໃຊ້ມັນໃນ WordPress, Joomla, ແລະແມ້ແຕ່ເວັບໄຊທ໌ HTML ຄົງ . ຫົວຂໍ້ Drupal ZURB Foundation ຊ່ວຍໃຫ້ທ່ານສາມາດປ່ອຍໃຫ້ທຸກໄຟຟ້າ ZURBish ນີ້ໄດ້ໂດຍການດາວໂຫລດແລະເປີດໃຊ້ຫົວຂໍ້ (ແລະອ່ານເອກະສານແລະໃຊ້ຂັ້ນຕອນພິເສດບາງຢ່າງແນ່ນອນ). ຕົວຢ່າງເຊັ່ນ, ZURB Foundation ອີງໃສ່ຫ້ອງສະຫມຸດ jQuery Javascript, ດັ່ງນັ້ນທ່ານອາດຈະຕ້ອງຕິດຕັ້ງ jQuery Update. ກວດເບິ່ງວ່າທ່ານກໍາລັງໃຊ້ໂມດູນອື່ນໆທີ່ອີງໃສ່ jQuery. ຖ້າທ່ານໃຊ້ jQuery version ໃຫມ່ເກີນໄປ, ມັນອາດຈະຢຸດການເຮັດວຽກ. ນອກຈາກນັ້ນ, ທ່ານອາດຈະຕ້ອງການໃຊ້ຫົວຂໍ້ນີ້ເປັນຫົວຂໍ້ພື້ນຖານສໍາລັບຫົວຂໍ້ລູກຄ້າຂອງທ່ານເອງ. ການປັບແຕ່ງແມ່ນບ່ອນທີ່ ZURB Foundation ກໍ່ສ່ອງແສງ. ທ່ານບໍ່ ຈໍາເປັນຕ້ອງໃຊ້ ຫົວຂໍ້ນີ້ເພື່ອໃຊ້ຂອບພື້ນຖານ ZURB. ໃນລັກສະນະທີ່ງ່າຍທີ່ສຸດ, ຫົວຂໍ້ນີ້ພຽງແຕ່ເພີ່ມ ZURB Foundation CSS ແລະ Javascript ໄປຫາເວັບໄຊທ໌ຂອງທ່ານ, ແລະທ່ານສາມາດເຮັດໄດ້ດ້ວຍຕົນເອງ. ແຕ່ຫົວຂໍ້ນີ້ເຮັດໃຫ້ງ່າຍຂຶ້ນ, ແລະມັນຍັງມີການເຊື່ອມໂຍງກັບ Drupal ຕື່ມອີກ. ນອກຈາກນັ້ນ, ທ່ານສາມາດເພີ່ມໂມດູນເພີ່ມເຕີມສໍາລັບການເຊື່ອມໂຍງຕື່ມອີກ. ຕົວຢ່າງ, ໂມດູນ ZURB Orbit ຊ່ວຍໃຫ້ທ່ານສ້າງຮູບແບບສະໄລດ໌ທີ່ມີຮູບທີ່ມີຮູບພາບ. ໂມດູນການຊົດເຊີຍ ZURB ຊ່ວຍໃຫ້ທ່ານສ້າງຫ້ອງ Lightbox ຕອບສະຫນອງດ້ວຍຮູບພາບສື່. ຫມາຍເຫດ: ຂ້າພະເຈົ້າບໍ່ໄດ້ນໍາໃຊ້ໂມດູນຂະຫນາດນ້ອຍເຫຼົ່ານີ້ມາແຕ່ຂ້ອຍເອງ, ດັ່ງນັ້ນພວກເຂົາອາດຈະເປັນອັນຕະລາຍ. ໃນຖານະເປັນລາຍລັກອັກສອນນີ້, ZURB Clearing ຮຽກຮ້ອງໃຫ້ Media-2.x-dev, ເຊິ່ງອາດຈະເປັນການຍົກລະດັບອັນຕະລາຍຖ້າທ່ານກໍາລັງໃຊ້ Media 1.x. ແລະຄວາມຕ້ອງການສໍາລັບການພັດທະນາສະບັບຂອງໂມດູນສະເຫມີຄວນໃຫ້ຫນຶ່ງພັກໄວ້. ຍັງ, ເຫຼົ່ານີ້ແລະໂມດູນ 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, ເຫຼົ່ານີ້ຈະລົ້ມເຫລວຢ່າງລຶກລັບເວັ້ນເສຍແຕ່ວ່າທ່ານຈະໃຊ້ຂັ້ນຕອນພິເສດ. ຖ້າທ່ານກໍາລັງດັດແປງ 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 ແມ່ນດີເລີດທີ່ສຸດ, ແຕ່ມັນບໍ່ແມ່ນໂຄງການດ້ານຫນ້າທາງດ້ານຫນ້າທໍາອິດທີ່ໄດ້ປະສົມປະສານກັບ Drupal. ທ່ານອາດຈະຕ້ອງພິຈາລະນາ Bootstrap , ກອບທີ່ຄ້າຍຄືກັນທີ່ມີຫົວຂໍ້ Drupal. ສໍາລັບໃນປັດຈຸບັນ, ຂ້າພະເຈົ້າໃຊ້ມູນນິທິ ZURB ຕົວເອງ, ແຕ່ວ່າເພາະວ່າການຄົ້ນຄວ້າຂອງຂ້ອຍຊີ້ໃຫ້ເຫັນວ່າມັນງ່າຍຕໍ່ການປັບແຕ່ງກວ່າ Bootstrap. ນອກຈາກນີ້, ອົງປະກອບ Joyride ແມ່ນຫວານ pretty. ແລະບໍ່ວ່າທ່ານຈະໃຊ້ ZURB Foundation, Bootstrap, ຫຼືບາງກອບອື່ນໆ, ໃຫ້ແນ່ໃຈວ່າໄດ້ຮັບ ຄໍາແນະນໍາ ເຫຼົ່ານີ້ ກ່ຽວກັບການໃຊ້ກອບກັບ Drupal . Theme Drupal ZURB Foundation ແມ່ນຫຍັງ?
ທ່ານຕ້ອງການ Theme ນີ້ເພື່ອໃຊ້ ZURB Foundation ໃນ Drupal?
ເລືອກລຸ້ນໃດຫນຶ່ງຂອງມູນນິທິ ZURB ທີ່ໃຊ້
ໃຊ້ SASS, Compass, & # 34; _variables.scss & # 34;
ກ່ອນທີ່ທ່ານຈະໃຊ້ ZURB Foundation