ZURB فائونڊيشن لاء ڊراپ فائونڊيشن لاء استعمال ڪريو

هڪ ڊراپل ڊيمو ۾ زوري بي فائونڊيشن فريم ورڪ جي طاقت حاصل ڪريو

کان اڳ، هوٽٽ بوٽ اسٽرپپ هيو، اتي (۽ هو) ZURB فائونڊيشن هوندي هئي، هڪ فريم ورڪ جيڪو توهان کي خوبصورت بٽڻ، بلاڪ گرڊ، ترقي بار، قيمت جدولز ۽ گهڻو ڪجهه ڏيکاريون آهي. ڊراپ فائونڊيشن لاء زرا بي فائونڊيشن موضوع سان، توهان موذي آسانيء سان توهان جي ڊپپل سائٽ تي سڀ هن ڦهل کي ختم ڪري سگهو ٿا.

ZURB فائونڊيشن فريم ورڪ ڇا آهي؟

ZURB فاؤنڊيشن فريم ورڪ جيڪي شيون توهان جي ويب سائيٽ تي چاهيندا هئڻ جي لاء سي ايس ايس ۽ جاوا اسڪرپٽ ڪوڊ جو هڪ مجموعو آهي. هن ۾ شامل نه صرف قابل نظر آور کینڊي هيٺ ڏنل بسون وانگر وانگر آهي پر ڪجهه به صحيح جوابدار جوابدار طاقت.

توھان خاص خاص سي ايس ايسز شامل ڪندي ھي خاصيتون استعمال ڪريو. مثال طور:

هتي هڪ بٽڻ آهي.

۽ هتي آهي هڪ "ڪل ڪلاس" ننڍي بٽڻ "> ننڍو بٽڻ .

ZURB فاؤنڊيشن فريم ورڪ ڊرپل کان مڪمل طور تي الڳ آهي. ماڻهو ان کي ورڈپریس، جوملا، ۽ اڃا به مستحڪم HTML سائيٽن تي استعمال ڪريو.

ZURB فائونڊيشن ڊولال موضوع ڇا آهي؟

ڊپول ZURB فائونڊيشن موضوع توهان کي هي زوري بيش کي صرف هڪ موضوع ڊائونلوڊ ڪرڻ ۽ توانائي ڏيڻ کي ختم ڪرڻ جي اجازت ڏئي ٿو (۽ دستاويز پڙهڻ ۽ ڪجهه اضافي قدم کڻڻ،).

مثال طور، ZURB فائونڊيشن jQuery جاوا اسڪرپٽ لائبريري تي ٻڌل آهي، تنهنڪري توهان کي شايد jQuery تازه ڪاري نصب ڪرڻو پوندو. چيڪ ڪريو ته توهان ڪنهن ٻئي ماڊل استعمال ڪري رهيا آهيو جنهن تي ڳنڍيل آهي jQuery. جيڪڏهن توهان jQuery جو نئون نسخو استعمال ڪيو آهي، اهي ماڊل ڪم کي بند ڪري ڇڏيون آهن.

انهي سان گڏ، توهان شايد هن موضوع کي پنهنجو بنيادي موضوع لاء بنيادي بنياد طور استعمال ڪرڻ چاهيندا. حسب ضرورت آهي جتي ZURB فائونڊي واقعي جو چمڪيو آهي.

ڇا توهان ڊيمو ۾ زرا بي فائونڊيشن استعمال ڪرڻ لاء هي موضوع جي ضرورت آهي؟

توهان هن موضوع کي زرا بي فائونڊيشن فريم ورڪ استعمال ڪرڻ جي ضرورت ناهي . اهو آسان ترين تي، هي موضوع صرف پنهنجي زوري لاء ZURB فائونڊيشن ايس ايس ۽ جاوا اسڪرپٽ ۾ اضافو ڪري ٿو، ۽ توهان اهو دستي طور تي ڪري سگهي ٿو.

پر هي موضوع انهي کي آسان بڻائي ٿو، ۽ اهو پڻ ڊراپل سان وڌيڪ هڪ وڌيڪ شامل آهي.

ان سان گڏ، توهان وڌيڪ هڪجهڙائي لاء ننڍا وڌيڪ ماڊل شامل ڪري سگهو ٿا. مثال طور، ZURB مدار ماڊل توهان کي تصويرن جي شعبي سان ھڪڙو مدار شو بنائڻ جي اجازت ڏئي ٿو. ZURB صاف ڪرڻ ماڊل توهان کي ميڊيا تصويرن سان قبول lightboxes ٺاهڻ جي اجازت ڏئي ٿي.

نوٽ: مون اڃا تائين هنن ننڍن ماڊل استعمال نه ڪيو آهي، تنهن ڪري اهي خطرناڪ ٿي ويندا آهن. هن لکڻ جي ڪري، ZURB صاف ڪرڻ کي ميڊيا -2x-dev جي ضرورت هوندي آهي، جيڪو توهان ميڊيا 1.x استعمال ڪري رهيا آهيو، هڪ خطرناڪ اپڊيٽ ٿي سگهي ٿو. ۽ هڪ ماڊل جي ترقي وارو نسخ جي گهربل هميشه هميشه هڪ رڪاوٽ ڏي. اڃان تائين، اهي ۽ ٻيا ZURB ماولول ڏسي رهيا آهن.

استعمال ڪريو ZURB فائونڊيشن جو ڪهڙو نسخو چونڊيو

توهان کي ZURB فائونڊيشن موضوع ڊائونلوڊ ڪرڻ کان پهريان، ڪهڙو نسخو توهان کي استعمال ڪرڻ گهرجي. ZURB فائونڊيشن فريم ورڪ جي مختلف اهم نسخن ۾ موجود آهن، ۽ موضوع لاء اهم نسخو نمبر فريم ورڪ سان لاڳاپيل فريم ورڪ سان لاڳاپيل آهي. سو، فائونڊيشن 3 سان موضوع ڪم جي 7x- 3xx نسخ، 7 فين 7x- 4 .x ورزن فائونڊيشن 4 سان ڪم ڪيو، ۽ فائونڊيشن 5 سان 7x- 5 .x ورجن ڪم.

هن لکڻين جي طور تي، موضوع جي آخري مستحڪم نسخ 7.x-4.x آهي، جيڪا فائونڊيشن سان ڪم ڪري ٿو. 7. 7.x-5.x نسخ اڃا ترقي ۾ آهي. تنهنڪري، فائونڊيشن فريم ورڪ ويب سائيٽ جو فرض آهي ته توهان فائونڊيشن 5 استعمال ڪندا سين، توهان شايد هاڻي فائونڊيشن 4 سان لٺ ڪرڻ چاهيندا.

اهو پڻ نوٽ ڪريو ته فاؤنڊيشن 5 اضافي گهرجن، خاص طور تي jQuery 1.10 آهي. فائونڊيشن 4 صرف jQuery 1.7+ جي ضرورت آهي.

توهان کي آن لائين دستاويز پڙهڻ پڙهندا آهيو جنهن جو توهان فائونڊيشن جو نسخو توهان استعمال ڪيو آهي. اهو خاص طور تي درست آهي جيڪڏهن توهان فريم ورڪ جي جديد ورزن کي استعمال نه ڪيو آهي. اهو انتهائي آسان آهي ته ڊائونڪس پڙهڻ ۾ فلپ ڪرڻ لاء، چوندا آهن، فائونڊيشن 5، پوء انهي کي مايوس ٿي جڏهن نئين فائونڊيشن پنهنجي فاؤنڊيشن 4 سائيٽ تي ڪم نه ڪندو آهي.

مثال طور، فائونڊيشن 5 وچولي ننڍين اسڪرين جي لاء وچولي ڪلاس جو هڪ مجموعو سيٽ شامل آهي. فائونڊيشن 4 ۾، اهو پراسرار طور تي ناڪام ٿيندو جيستائين توهان ڪجهه قدم کڻندا.

SASS، کمپاس، ۽ & # 34؛ _variables.scss & # 34؛ استعمال ڪريو

جيڪڏهن توهان هن موضوع لاء سي ايس ٽيپ کي ڇڪيندا آهيو، انهي کي يقيني بڻايو وڃي ته توهان:

• توهان جي پنهنجي ترتيب وارو سبٽميم لاء بنيادي طور تي ZURB فائونڊيشن موضوع هڪ بنيادي موضوع وانگر استعمال ڪريو
• موضوع پاران مهيا ڪيل ڊشمن حڪم استعمال ڪندي هن سبيٽر کي ٺاهيو. هن وانگر: سرسبز fst your_theme_name
• تفريح سان شاندار _variables.scss فائل جو عڪس ڏيو

The _variables.scss فائل خودڪار ٺاھيل مشش فوٽ طرفان. هي واحد فائيل تقريبا هر شيء لاء متغير هوندي آهي جيڪو توهان پنهنجي موضوع سي ايس ۾ ٽائيڪ ڪرڻ چاهيو ٿا. اها حيرت آهي! سڀ هڪ جڳهه تي، توهان هر شي کي ڊفالٽ جي چوٽي کان اسڪرين تائين چوٿين سيٽ تي سرحد ڪري بيهندي آهي.

يقينن، توھان هميشه ھميشھ اضافي اضافو قائم ڪري سگھو ٿا. پر _variables.scss شروع ڪرڻ لاء ھڪڙو جڳھ جڳھ آھي.

فائل جي واڌاري کي نوٽيس ڪريو: سي ايس ايس، سي سي ايس نه. _variables.scss استعمال ڪرڻ لاء، توهان کي SASS (هڪ سي ڊي لڳائڻ وارو زبان) ۽ ڪمپاس (SASS سان ٺاهيل فريم ورڪ) جي ضرورت پوندي. جڏهن توهان کمپاس گڏ ڪرڻ هلندا آهيو، توهان جو ايس ايس ايس فائلون الڳ الڳ فائلن ۾ پي ايم ايس ۾ تبديل ٿيندا. (مون کي گڏاس ڏسڻ واريون ترجيح ڏيکاري ٿو - هي ڊوڙندو رهي ۽ سي ايس ايس کي تازه ڪاري ڪري ٿو جيئن توهان ايس ايس ايس فائلن کي ٽوڪ ڪريو.)

جيڪڏهن توهان واقعي، حقيقت ۾ SASS سان نه چاهيندا، توهان عام طور تي سي ڊي فائيلون لکي سگهو ٿا ۽ انهن کي پنهنجي موضوع جي انٽمنٽ ۾ فهرست لسٽ ڪري سگهو ٿا. پر مون تي ڀروسو - ننڍڙو وقت پانوڻو ٺاهڻ لاء ڪافي وقت سيڙپڻ جي سيڙپڪاري. سي ايس ايس تقريبا فوري طور تي ادا ڪئي ويندي.

توهان ZURB فائونڊيشن استعمال ڪرڻ کان اڳ

ZURB فائونڊيشن تمام بهترين آهي، پر اهو صرف فريمل فريم ورڪ ناهي، جيڪو ڊولپل سان گڏ هوندو آهي. توهان بوٽسٽپرا ، ساڳئي فريم ورڪ تي پڻ غور ڪرڻ چاهيندو، جيڪو ڊراپل موضوع وارو هوندو. هاڻي لاء، آئون پنهنجي طرفان زرا بي فائونڊيشن استعمال ڪري رهيو آهيان، پر اهو آهي ڇو ته منهنجي تحقيق مان اشارو ڪيو ويو آهي ته بوٽسٽپپ کان وڌيڪ حسب ضرورت آهي.

اهو پڻ، Joyride جزو خوبصورت مٺي آهي.

۽ ڇا توهان ZURB فاؤنڊيشن، بوٽ اسٽيٽپپ، يا ڪجهه ٻيو فريم ورڪ استعمال ڪريو ٿا، انهن ٽائڪن کي ڊراپل سان فريم ورڪ استعمال ڪرڻ تي يقين رکجو .