Გამოყენება ZURB Foundation თემა Drupal

მიიღეთ ZURB- ის ფონდის სიმძლავრე Drupal Theme- ში

სანამ Twitter იყო, იყო (და არის) ZURB Foundation, რომელიც საშუალებას გაძლევთ დაამატოთ საკმაოდ ღილაკები, ბლოკი ბადეები, პროგრესი ბარები, ფასების მაგიდები და ბევრად უფრო რამდენიმე კარგად განთავსებული CSS კლასები. ერთად ZURB ფონდის თემა Drupal, შეგიძლიათ გაუხსნის ყველა ამ bling თქვენს Drupal საიტი ფატალური მარტივია.

რა არის ZURB ფონდის ჩარჩო?

ZURB- ის ფონდის ჩარჩო არის CSS- ისა და Javascript- ის კოდის კოლექცია, რომელიც თქვენს ვებ-გვერდზე გსურთ. ეს მოიცავს არა მხოლოდ clickable თვალის Candy როგორც ზემოთ აღნიშნული ღილაკები, არამედ ზოგიერთი მართლაც შესანიშნავი საოცარი ძალა.

თქვენ გამოიყენებთ უმეტეს ამ თვისებებს სპეციალური CSS კლასების დამატებას. მაგალითად:

აქ არის ღილაკი .

აქ არის პატარა ღილაკი .

ZURB- ის ფონდის სტრუქტურა სრულიად განსხვავდება Drupal- დან. ხალხი იყენებს WordPress, Joomla, და კიდევ სტატიკური HTML საიტები.

რა არის ZURB Foundation Drupal თემა?

Drupal ZURB- ის ფონური თემა გაძლევთ საშუალებას გამოაშკარავოთ ZURBish- ის ყველა დემონსტრირებას და მხოლოდ თემის ჩამოტვირთვასა და საშუალებას (და კითხულობს დოკუმენტაციას და რამდენიმე დამატებით ნაბიჯებს, რა თქმა უნდა).

მაგალითად, ZURB ფონდი ეყრდნობა jQuery JavaScript ბიბლიოთეკას, ასე რომ თქვენ ალბათ უნდა დააყენოთ jQuery განახლება. შეამოწმეთ თუ არა სხვა მოდულები, რომლებიც იმოქმედებენ jQuery. თუ jQuery- ს ძალიან ახალი ვერსია იყენებთ, ეს მოდულები შეიძლება შეჩერდეს მუშაობა.

ასევე, თქვენ ალბათ გსურთ გამოიყენოთ ეს თემა, როგორც ძირითადი თემა თქვენი საკუთარი თემა. მორგებულია, სადაც ZURB ფონდი ნამდვილად ბრწყინავს.

გჭირდებათ ეს თემა გამოიყენოს ZURB Foundation Drupal- ში?

თქვენ არ გჭირდებათ ამ თემის გამოყენება ZURB- ის ფონდის ფარგლებში. მისი მარტივი, ამ თემას მხოლოდ დასძენს ZURB Foundation CSS და Javascript თქვენს საიტზე, და თქვენ შეიძლება გავაკეთოთ, რომ ხელით.

მაგრამ ეს თემა ხდის უფრო ადვილად, და ასევე მოიცავს ზოგიერთი დამატებითი ინტეგრაციის Drupal.

გარდა ამისა, თქვენ შეგიძლიათ დაამატოთ პატარა დამატებითი მოდულები შემდგომი ინტეგრაციისათვის. მაგალითად, ZURB ორბიტის მოდული გაძლევთ ორბიტის სლაიდების აშენებას იმიჯსთან ერთად. ZURB- ის გაწმენდის მოდული საშუალებას გაძლევთ შექმნათ საპასუხო Lightboxes with Media Images.

შენიშვნა: მე არ ვარ ამ პატარა მოდულები ჯერ კიდევ თავს, ასე რომ ისინი შეიძლება ექნებათ საფრთხის ქვეშ. როგორც წერილობით, ZURB- ს კლიპი საჭიროებს Media-2.x-dev- ს, რომელიც შესაძლოა საშიში განახლება იყოს, თუ თქვენ ამჟამად იყენებთ მედიას 1.x. მოდულის განვითარების ვერსიის მოთხოვნა ყოველთვის უნდა იყოს ერთი პაუზა. მიუხედავად ამისა, ეს და სხვა ZURB მოდულები ღირს შესასწავლად.

აირჩიეთ ZURB ფონდის რომელი ვერსია გამოიყენეთ

სანამ ჩამოტვირთეთ ZURB Foundation თემა, შეამოწმეთ რომელი ვერსია უნდა გამოიყენოთ. არსებობს ZURB- ის ფონდის სხვადასხვა ძირითადი ვერსიები და ძირითადი ვერსია ნომრის თემაა, რომელიც მუშაობს იმ ფარგლებში, რომელიც მუშაობს. 7.x- 3 . Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -

რაც შეეხება ამ სტატიის ბოლო სტატიას, 7.x-4.x მუშაობს, რომელიც მუშაობს ფონდ 4-ზე. 7.x-5.x ვერსია ჯერ კიდევ განვითარებაა. ასე რომ, მიუხედავად იმისა, რომ ფონდის ჩარჩო ვებსაიტი მიიჩნევს, რომ თქვენ იყენებთ ფონდს 5, შესაძლოა დაგჭირდეთ ფონდისთვის 4.

ასევე აღნიშნავენ, რომ ფონდი 5 აქვს დამატებითი მოთხოვნები, განსაკუთრებით jQuery 1.10. ფონდი 4 მხოლოდ სჭირდება jQuery 1.7+.

გაითვალისწინეთ ფონდის რომელი ვერსია თქვენ იყენებთ ინტერნეტის დოკუმენტაციის წაკითხვისას. ეს განსაკუთრებით მნიშვნელოვანია, თუ თქვენ არ იყენებთ ჩარჩოს უახლეს ვერსიას. ეს fatally ადვილი slip შევიდა კითხულობს Docs, ვთქვათ, ფონდი 5, მაშინ იმედგაცრუებული როდესაც ახალი ფუნქცია არ მუშაობს თქვენი ფონდი 4 საიტი.

მაგალითად, ფონდი 5 შეიცავს საშუალო ზომის საშუალო კლასებს საშუალო ზომის ეკრანებისთვის. ფონდში 4, ეს იდუმალურად ვერ მოხერხდება, თუ არ მიიღებთ დამატებით ნაბიჯებს.

გამოიყენეთ SASS, Compass და # 34; _variables.scss & # 34;

თუ თქვენ აპირებთ tweak CSS ამ თემას ყველა, დარწმუნდით, რომ თქვენ:

• გამოიყენეთ ZURB- ის ფონური თემა, როგორც თემატური თემა თქვენი საკუთარი საბაჟო subtheme
• გენერირება ამ subtheme გამოყენებით drush ბრძანება გათვალისწინებული თემა. მომწონს: drush fst your_theme_name
• Leisurely peruse შესანიშნავი _variables.scss ფაილი

_variables.scss ფაილი იქმნება ავტომატურად drush fst. ეს ერთი ფაილი შეიცავს ცვლადების თითქმის არაფერი დაგვჭირდება tweak თქვენი თემა CSS. ეს გასაოცარია! ყველა ერთ ადგილას, შეგიძლიათ დააყენოთ ყველაფერს სტანდარტული შრიფტი ეკრანის სიგანეზე სასაზღვრო საზღვარზე.

რა თქმა უნდა, თქვენ ყოველთვის შეგიძლიათ შეიქმნას დამატებითი ფაილიც. მაგრამ _variables.scss არის ბრწყინვალე ადგილი დაიწყოს.

გაითვალისწინეთ ფაილი გაფართოება: scss, არ css. იმისათვის, რომ გამოიყენოთ _variables.scss, თქვენ უნდა შეიქმნას SASS (CSS გაფართოების ენა) და Compass (ფარგლებში აშენებული SASS). როდესაც თქვენ აწარმოებთ კომპასის შედგენას, თქვენი scss ფაილი გადაიქცევა ლამაზი CSS ცალკე ფაილებში. (მირჩევნია კომპასი watch - ეს ინახავს გაშვებული და განახლება CSS როგორც თქვენ tweak scss ფაილი.)

თუ ნამდვილად, ნამდვილად არ მინდა შეწუხება SASS, შეგიძლიათ ჩაწეროთ CSS ფაილი, როგორც ყოველთვის და სიაში მათ თქვენი თემა .ინფორმაციის ფაილი. მაგრამ მერწმუნეთ - მცირე დრო საინვესტიციო, რათა შეისწავლოს საკმარისი იმისათვის, რომ შევაჯამოთ _variables.scss უკან გადახდილი იქნება თითქმის მყისიერად.

სანამ გამოიყენებთ ZURB ფონდს

ZURB- ის ფონდი საუკეთესოა, მაგრამ ეს არ არის ერთადერთი ფრონტის ჩარჩო, რომელიც ინტეგრირებულია Drupal- თან. დაგვჭირდება განიხილოს Bootstrap , მსგავსი ჩარჩო, რომელიც ასევე აქვს Drupal თემა. ახლა, მე გამოყენებით ZURB ფონდი თავს, მაგრამ ეს იმიტომ, რომ ჩემი კვლევის მიანიშნა, რომ ეს იყო ადვილი Customize ვიდრე Bootstrap.

ასევე, Joyride კომპონენტი საკმაოდ ტკბილია.

და თუ არა იყენებთ ZURB Foundation, Bootstrap ან სხვა ჩარჩო, დარწმუნდით, რომ ეს რჩევები გამოიყენოთ Drupal- ის ფარგლებში .