ប្រើប្រធានមូលនិធិ ZURB សម្រាប់ Drupal

ទទួលបានថាមពលនៃគម្រោងមូលនិធិ ZURB នៅក្នុងស្បែក Drupal

មុនពេលមាន Twitter Bootstrap មាន ZURB Foundation ដែលជាក្របខ័ណ្ឌដែលអនុញ្ញាតឱ្យអ្នកបន្ថែមប៊ូតុងស្អាតរាំងខ្ទប់របារវឌ្ឍនភាពតារាងតម្លៃនិងអ្វីៗជាច្រើនទៀតជាមួយថ្នាក់ CSS មួយចំនួនដែលដាក់យ៉ាងល្អ។ ជាមួយនឹងប្រធានបទ ZURB Foundation សម្រាប់ Drupal អ្នកអាចលុបបំបាត់អ្វីៗទាំងអស់នេះនៅលើគេហទំព័រ Drupal របស់អ្នកដោយងាយស្រួល។

តើក្របខ័ណ្ឌមូលនិធិ ZURB គឺជាអ្វី?

ក្របខ័ណ្ឌមូលនិធិ ZURB គឺជាការប្រមូល CSS និងកូដ Javascript សម្រាប់ bunch នៃវត្ថុដែលអ្នកប្រហែលជាចង់នៅលើគេហទំព័ររបស់អ្នក។ នេះរួមបញ្ចូលទាំងការមិនត្រឹមតែស្ករគ្រាប់ភ្នែកដែលអាចចុចបានដូចប៊ូតុងដែលបានបញ្ជាក់ខាងលើនោះទេប៉ុន្តែវាក៏មានថាមពល ឆ្លើយតប ដ៏អស្ចារ្យមួយចំនួនផងដែរ។

អ្នកប្រើលក្ខណៈពិសេសទាំងនេះភាគច្រើនដោយបន្ថែមថ្នាក់ CSS ពិសេស។ ឧទាហរណ៍:

នេះគឺជាប៊ូតុង ។ ។

ក្របខ័ណ្ឌមូលនិធិ ZURB គឺដាច់ដោយឡែកពី Drupal ។ មនុស្សប្រើវាលើប្លក, រូបភាព, Joomla, និងសូម្បីតែគេហទំព័រ HTML ឋិតិវន្ត ។

តើអ្វីទៅជាប្រធានបទ Drupal មូលនិធិ ZURB?

ប្រធានបទ Drupal ZURB Foundation អនុញ្ញាតឱ្យអ្នកបញ្ចេញថាមពល ZURBish ទាំងអស់នេះដោយគ្រាន់តែទាញយកនិងបើកស្បែកមួយ (ហើយអានឯកសារនិងចាត់វិធានការបន្ថែមទៀត) ។

ឧទាហរណ៍ ZURB Foundation ពឹងផ្អែកលើបណ្ណាល័យ jQuery Javascript ដូច្នេះអ្នកប្រហែលជាត្រូវដំឡើង jQuery Update ។ ពិនិត្យមើលថាតើអ្នកកំពុងប្រើម៉ូឌុលផ្សេងទៀតណាដែលពឹងផ្អែកលើ jQuery ។ ប្រសិនបើអ្នកប្រើកំណែ jQuery ថ្មីពេកម៉ូឌុលទាំងនេះអាចនឹងឈប់ដំណើរការ។

ដូចគ្នានេះផងដែរ, អ្នកនឹងប្រហែលជាចង់ប្រើស្បែកនេះជាប្រធានមូលដ្ឋានសម្រាប់ស្បែកផ្ទាល់ខ្លួនរបស់អ្នក។ ការប្ដូរតាមបំណងគឺជាកន្លែងដែលមូលនិធិ ZURB ពិតជារះ។

តើអ្នកត្រូវការធីបនេះដើម្បីប្រើមូលនិធិ ZURB នៅក្នុង Drupal ដែរឬទេ?

អ្នកមិន ត្រូវការធីប នេះដើម្បីប្រើក្របខ័ណ្ឌមូលនិធិ ZURB ។ នៅជំរើសដ៏សាមញ្ញរបស់វាប្រធានបទនេះគ្រាន់តែបន្ថែម ZURB Foundation CSS និង Javascript ទៅគេហទំព័ររបស់អ្នកហើយអ្នកអាចធ្វើវាដោយដៃ។

ប៉ុន្តែប្រធានបទនេះធ្វើឱ្យកាន់តែងាយស្រួលហើយវាក៏រួមបញ្ចូលការធ្វើសមាហរណកម្មបន្ថែមទៀតជាមួយ Drupal ។

បូកអ្នកអាចបន្ថែមម៉ូឌុលបន្ថែមតូចៗសម្រាប់បញ្ចូលបន្ថែមទៀត។ ឧទាហរណ៍ម៉ូឌុល ZURB Orbit អនុញ្ញាតឱ្យអ្នកបង្កើតការបញ្ចាំងស្លាយតាម Orbit ជាមួយវាលរូបភាព។ ម៉ូឌុល ZURB Clearing អនុញ្ញាតឱ្យអ្នកបង្កើតប្រអប់ស្រឡាយដែលឆ្លើយតបតាមរូបភាពប្រព័ន្ធផ្សព្វផ្សាយ។

ចំណាំ: ខ្ញុំមិនបានប្រើម៉ូឌុលតូចៗទាំងនេះទេតែខ្ញុំក៏ដូច្នេះដែរពួកគេអាចនឹងមានគ្រោះថ្នាក់។ ដោយសារតែការសរសេរនេះ ZURB Clearing ត្រូវការ Media-2.x-dev ដែលអាចធ្វើអោយមានភាពប្រសើរឡើងប្រសិនបើអ្នកកំពុងប្រើ Media 1.x ។ និងតម្រូវការសម្រាប់កំណែអភិវឌ្ឍន៍នៃម៉ូឌុលមួយគួរតែផ្តល់ឱ្យមួយផ្អាកជានិច្ច។ យ៉ាងណាក៏ដោយម៉ូឌុល ZURB ទាំងនេះនិងម៉ូឌុល ZURB ផ្សេងទៀតមានតម្លៃកំពុងសម្លឹងមើល។

ជ្រើសរើសកំណែ ZURB Foundation ណាដែលត្រូវប្រើ

មុនពេលអ្នកទាញយកប្រធានបទ ZURB Foundation សូមពិនិត្យមើលកំណែណាមួយដែលអ្នកគួរតែប្រើ។ មានកំណែសំខាន់ៗផ្សេងៗគ្នានៃក្របខ័ណ្ឌមូលនិធិ ZURB និង លេខកំណែសំខាន់ៗ សម្រាប់ប្រធានបទត្រូវគ្នានឹងគ្រោងការណ៍ដែលវាធ្វើការជាមួយ។ ដូច្នេះកំណែ 7.x- 3 .x នៃប្រធានបទធ្វើការជាមួយមូលនិធិ ទី 3 កំណែ 7.x- 4 .x ធ្វើការជាមួយមូលនិធិ 4 និងកំណែ 7.x- 5 .x ធ្វើការជាមួយមូលនិធិ 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, ត្រីវិស័យ & # 34; _variables.scss & # 34;!

ប្រសិនបើអ្នកនឹងកែប្រែ CSS សម្រាប់ស្បែកនេះសូមប្រាកដថាអ្នក:

• ប្រើប្រធានមូលនិធិ ZURB Foundation ជាប្រធានបទមួយសម្រាប់ subtheme ផ្ទាល់ខ្លួនរបស់អ្នក
• បង្កើត subtheme នេះដោយប្រើពាក្យបញ្ជា ចុករាប់ដែល ផ្តល់ដោយស្បែក។ ដូចនេះ: drush fst your_theme_name
• រីករាយក្នុងការប្រើឯកសារ _variables.scss ល្អបំផុត

ឯកសារ _variables.scss ត្រូវបានបង្កើតដោយស្វ័យប្រវត្តិដោយ drush fst ។ ឯកសារទោលនេះមានអថេរសម្រាប់ អ្វីដែល អ្នកចង់កែប្រែនៅក្នុង CSS របស់អ្នក។ វាអស្ចារ្យណាស់! ទាំងអស់នៅក្នុងកន្លែងតែមួយអ្នកអាចកំណត់អ្វីគ្រប់យ៉ាងពីពុម្ពអក្សរលំនាំដើមទៅទទឹងអេក្រង់ទៅស៊ុមនៅលើ breadcrumbs ។

ជាការពិតអ្នកអាចបង្កើតឯកសារបន្ថែមបានផងដែរ។ ប៉ុន្តែ _variables.scss គឺជាកន្លែងដ៏ស្អាតអស្ចារ្យដើម្បីចាប់ផ្តើម។

សូមកត់សម្គាល់ផ្នែកបន្ថែមឯកសារ: scss, មិនមែន css ។ ដើម្បីប្រើ _variables.scss អ្នកនឹងត្រូវបង្កើត SASS (ភាសាផ្នែកបន្ថែម CSS) និងត្រីវិស័យ (ក្របខ័ណ្ឌដែលបានស្ថាបនាដោយ SASS) ។ នៅពេលដែលអ្នកដំណើរការចងក្រងត្រីវិស័យ, ឯកសារ scss របស់អ្នកនឹងក្លាយជា CSS គួរឱ្យស្រឡាញ់នៅក្នុងឯកសារដាច់ដោយឡែក។ (ខ្ញុំចូលចិត្តនាឡិកាត្រីវិស័យ - វារក្សាដំណើរការនិងធ្វើបច្ចុប្បន្នភាព CSS នៅពេលអ្នកកែសម្រួលឯកសារ scss ។ )

ប្រសិនបើអ្នកពិតជាមិនចង់រំខានជាមួយ SASS អ្នកអាចសរសេរឯកសារ CSS ជាធម្មតាហើយរាយពួកវានៅក្នុងឯកសារ .info របស់ស្បែករបស់អ្នក។ ប៉ុន្តែទុកចិត្តខ្ញុំ - ការវិនិយោគពេលវេលាដ៏ខ្លីដើម្បីរៀនសូត្រគ្រប់គ្រាន់ដើម្បីចងក្រង _variables.scss នឹងត្រូវបានបង់ត្រឡប់មកវិញស្ទើរតែភ្លាមៗ។

មុនពេលអ្នកប្រើមូលនិធិ ZURB

មូលនិធិ ZURB គឺល្អឥតខ្ចោះបំផុតប៉ុន្តែវាមិនមែនជាក្របខណ្ឌផ្នែកខាងមុខតែមួយគត់ដែលត្រូវបានបញ្ចូលជាមួយនឹង Drupal នោះទេ។ អ្នកប្រហែលជាចង់ពិចារណា Bootstrap ដែលជាក្រដាសស្រដៀងគ្នាដែលមានស្បែក Drupal ផងដែរ។ សំរាប់ពេលនេះខ្ញុំកំពុងប្រើមូលនិធិ ZURB ដោយខ្លួនឯងប៉ុន្តែនោះដោយសារតែការស្រាវជ្រាវរបស់ខ្ញុំបានបង្ហាញថាវាងាយស្រួលក្នុងការធ្វើតាមបំណងជាង Bootstrap ។

ដូចគ្នានេះដែរសមាសភាគ Joyride គឺផ្អែមណាស់។

ហើយថាតើអ្នកប្រើមូលនិធិ ZURB, Bootstrap ឬក្របខ័ណ្ឌផ្សេងៗទៀតសូមប្រាកដថាអ្នកទទួលបាន គន្លឹះ ទាំងនេះ ដោយប្រើគ្រោងការណ៍ Drupal ។