ڈروپل تھیم میں ZURB فاؤنڈیشن فریم ورک کی طاقت حاصل کریں
ٹویٹر بوٹسٹریپ سے پہلے، ZURB فاؤنڈیشن موجود تھا، جس میں ایک فریم ورک تھا جس میں کچھ اچھی طرح سے سی ایس ایس کی کلاسوں کے ساتھ خوبصورت بٹن، بلاک گرڈ، پیش رفت سلاخوں، قیمتوں کا تعین میزیں اور بہت کچھ شامل ہوتا ہے. ڈروپل کے لئے ZURB فاؤنڈیشن مرکزی خیال، موضوع کے ساتھ، آپ کو موت کی آسانی کے ساتھ آپ کے ڈروپل سائٹ پر یہ سب پھنسانے میں ناکام ہوسکتی ہے.
ZURB فاؤنڈیشن فریم ورک کیا ہے؟
ZURB فاؤنڈیشن کے فریم ورک سی ایس ایس اور جاوا اسکرپٹ کوڈ کا مجموعہ ہے جس میں آپ کی ویب سائٹ پر شاید آپ چاہتے ہیں. اس میں پیش نظارہ والے بٹنوں کی طرح نہ صرف کلک قابل آنکھ کینڈی بھی شامل ہے بلکہ کچھ واقعی حیرت انگیز ذمہ دار طاقت شامل ہیں.
آپ کو خصوصی سی ایس ایس کی کلاسیں شامل کرکے ان میں سے زیادہ سے زیادہ خصوصیات استعمال کرتے ہیں. مثال کے طور پر:
یہاں ایک بٹن ہے. اور یہاں ایک چھوٹے بٹن ہے. ZURB فاؤنڈیشن فریم ورک ڈروپل سے مکمل طور پر الگ ہے. لوگ اسے ورڈپریس، جملہ، اور یہاں تک کہ جامد HTML سائٹس پر استعمال کرتے ہیں. ڈروپل ZURB فاؤنڈیشن مرکزی خیال، موضوع آپ کو صرف اس موضوع کو ڈاؤن لوڈ کرنے اور اس کو فعال کرنے کے ذریعہ اس تمام زوریبی طاقت کو خارج کرنے کی اجازت دیتا ہے (اور دستاویزات پڑھنے اور کچھ اضافی اقدامات، کورس کے لۓ). مثال کے طور پر، ZURB فاؤنڈیشن jQuery جاوا اسکرپٹ لائبریری پر انحصار کرتا ہے، لہذا آپ کو شاید jQuery اپ ڈیٹ انسٹال کرنا پڑے گا. چیک کریں کہ آپ کسی دوسرے ماڈیول کا استعمال کر رہے ہیں جو jQuery پر متفق ہیں. اگر آپ jQuery کا ایک نیا ورژن بھی استعمال کرتے ہیں تو، یہ ماڈیولز کام روک سکتے ہیں. اس کے علاوہ، آپ شاید اپنے مرکزی خیال، موضوع کے لئے مرکزی خیال، موضوع کے مرکزی خیال، موضوع کے طور پر اس مرکزی خیال کو استعمال کرنا چاہتے ہیں. حسب ضرورت یہ ہے کہ ZURB فاؤنڈیشن واقعی چمکتا ہے. آپ ZURB فاؤنڈیشن کے فریم ورک کو استعمال کرنے کے لئے اس موضوع کی ضرورت نہیں ہے . اس کے سب سے آسان پر، یہ تھیم صرف ZURB فاؤنڈیشن سی ایس ایس اور جاوا سکرپٹ کو آپ کی ویب سائٹ پر جوڑتا ہے، اور آپ اس دستی طور پر کر سکتے ہیں. لیکن یہ موضوع آسان بناتا ہے، اور اس میں ڈروپل کے ساتھ کچھ اور انضمام بھی شامل ہے. پلس، آپ مزید انضمام کے لئے چھوٹے اضافی ماڈیول شامل کرسکتے ہیں. مثال کے طور پر، ZURB مدار ماڈیول آپ کی تصویری شعبوں کے ساتھ ایک مدار سلائیڈ شو بناتا ہے. ZURB صاف کرنے ماڈیول آپ کو میڈیا تصاویر کے ساتھ ذمہ دار lightboxes بنانے کی اجازت دیتا ہے. نوٹ: میں ابھی تک اپنے چھوٹے ماڈیولز کو استعمال نہیں کروں گا، لہذا وہ خطرے سے بھرا ہوا ہوسکتے ہیں. اس تحریر کے مطابق، ZURB صاف کرنے کی میڈیا کو میڈیا- 2.x-dev کی ضرورت ہوتی ہے، جو آپ کو میڈیا 1.x کا استعمال کرتے ہوئے خطرناک اپ گریڈ ہوسکتا ہے. اور ماڈیول کے ترقی کے ورژن کے لئے ایک ضرورت ہمیشہ ایک رکاوٹ دینا چاہئے. پھر بھی، یہ اور دیگر ZURB ماڈیولز دیکھ کر قابل قدر ہیں. ZURB فاؤنڈیشن مرکزی خیال، موضوع ڈاؤن لوڈ کرنے سے پہلے، آپ کو کون سا ورژن استعمال کرنا چاہئے چیک کریں. ZURB فاؤنڈیشن فریم ورک کے مختلف بڑے ورژن ہیں، اور تھیم کے لئے اہم ورژن نمبر اس کے ساتھ کام کرتا ہے فریم ورک کے مطابق ہے. لہذا فاؤنڈیشن 3 ، 7.x- 4 ایکس ورژن کے ساتھ مرکزی خیال، موضوع کے 7x 3 3 ایکس ورژن فاؤنڈیشن 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 میں، یہ پراسرار طور پر ناکام رہے گی جب تک کہ آپ اضافی اقدامات نہیں کریں گے. اگر آپ اس مرکزی خیال، موضوع کے لئے سی ایس ایس کو چالو کرنے جا رہے ہیں، تو یقینی بنائیں کہ آپ: _variables.scss فائل خود کار طریقے سے ڈھلنے fst کی طرف سے پیدا ہوتا ہے. یہ ایک فائل آپ کے مرکزی خیال، موضوع سی ایس ایس میں موافقت کرنا چاہتے ہیں جس کے تقریبا کچھ بھی کے لئے متغیرات پر مشتمل ہے. یہ حیرت انگیز ہے! سب ایک ہی جگہ میں، آپ کو پہلے ہی ڈیفالٹ فونٹ سے اسکرین کی چوڑائی تک کی حد پر سرحد میں لے جا سکتے ہیں. بلاشبہ، آپ ہمیشہ اضافی فائلیں بھی قائم کرسکتے ہیں. لیکن _variables.scss شروع کرنے کے لئے ایک شاندار جگہ ہے. فائل کی توسیع کو نوٹس کریں: سکینڈا، سی ایس ایس نہیں. _variables.scss استعمال کرنے کے لئے، آپ کو SASS (ایک سی ایس ایس توسیع کی زبان) اور کمپاس (SASS کے ساتھ بنایا گیا ایک فریم ورک) قائم کرنے کی ضرورت ہوگی. جب آپ کمپاس مرتب کرتے ہیں تو، آپ کا ایس ایس ایس فائلیں علیحدہ فائلوں میں خوبصورت سی ایس ایس میں تبدیل ہوجائے گی. (میں کمپاس گھڑی کو ترجیح دیتا ہوں - یہ چل رہا ہے اور سی ایس ایس کو اپ ڈیٹ کرنے کے طور پر آپ کو سک ایس ایس کی فائلوں کو بہتر بنانے.) اگر آپ واقعی، واقعی SASS کے ساتھ پریشان نہیں کرنا چاہتے ہیں، آپ معمول کے مطابق سی ایس ایس فائلوں کو لکھ سکتے ہیں اور ان کے مرکزی خیال، موضوع کے .info فائل میں درج کر سکتے ہیں. لیکن مجھ پر بھروسہ کریں - _variables.scss مرتب کرنے کے لئے کافی سیکھنے کے لئے چھوٹے وقت سرمایہ کاری تقریبا فوری طور پر ادا کیا جائے گا. ZURB فاؤنڈیشن سب سے زیادہ عمدہ ہے، لیکن یہ صرف فرنٹ فریم فریم ورک نہیں ہے جو ڈروپل کے ساتھ ضم کر دیا گیا ہے. آپ شاید بوٹسٹریپ پر غور کرنا چاہتے ہیں، اسی طرح کے فریم ورک میں بھی ڈروپل تھیم ہے. اب کے لئے، میں زرا بی فاؤنڈیشن اپنے آپ کو استعمال کر رہا ہوں، لیکن یہی وجہ ہے کہ میری تحقیق نے اشارہ کیا ہے کہ یہ بوٹسٹریپ سے حسب ضرورت کرنا آسان ہے. اس کے علاوہ، Joyride جزو بہت خوبصورت ہے. اور اگر آپ ZURB فاؤنڈیشن، بوٹسٹریپ، یا کچھ دوسرے فریم ورک کا استعمال کرتے ہیں، تو ڈپپل کے ساتھ ایک فریم ورک کا استعمال کرتے ہوئے ان تجاویز کو یقینی بنانا. ZURB فاؤنڈیشن ڈروپل تھیم کیا ہے؟
ڈروپل میں ZURB فاؤنڈیشن استعمال کرنے کے لئے آپ کو یہ تھیم کی ضرورت ہے؟
استعمال کرنے کے لئے ZURB فاؤنڈیشن کے اس ورژن کا انتخاب کریں
SASS، کمپاس، اور & # 34؛ _variables.scss & # 34 ؛! استعمال کریں.
آپ ZURB فاؤنڈیشن کا استعمال کرنے سے پہلے