টুইটার বুটস্ট্র্যাপ হওয়ার আগে, জুরব ফাউন্ডেশন (এবং এটি) ছিল, এটি একটি ফ্রেমওয়ার্ক যা আপনাকে সুন্দর বোতামগুলি যুক্ত করতে, গ্রিড অবরোধ, অগ্রগতি বার, মূল্য টেবিল এবং কয়েকটি ভাল CSS CSS ক্লাসগুলির সাথে আরও অনেক কিছু করতে দেয়। ড্রুপালের জন্য ZURB ফাউন্ডেশনের থিম দিয়ে, আপনি আপনার ড্রুপাল সাইটে এই সমস্ত ব্লিংকে মারাত্মক আরাম দিয়ে মুক্ত করতে পারেন।
ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক কি?
ZURB ফাউন্ডেশন ফ্রেমওয়ার্কটি আপনার ওয়েবসাইটটিতে সম্ভবত আপনি চান এমন কিছু সামগ্রীর জন্য CSS এবং জাভাস্ক্রিপ্ট কোড সংগ্রহ। এই aforementioned বাটন কিন্তু শুধুমাত্র কিছু সত্যিই আশ্চর্যজনক প্রতিক্রিয়াশীল শক্তি মত ক্লিকযোগ্য চোখের চর্বি অন্তর্ভুক্ত।
আপনি বিশেষ CSS ক্লাস যোগ করে এই বৈশিষ্ট্যগুলির বেশিরভাগই ব্যবহার করেন। এই ক্ষেত্রে:
এখানে একটি .
এবং এখানে একটি ছোট বোতাম.
ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক Drupal থেকে সম্পূর্ণ পৃথক। মানুষ ওয়ার্ডপ্রেস, জুমলা, এমনকি স্ট্যাটিক এইচটিএমএল সাইটগুলিতে এটি ব্যবহার করে।
ZURB ফাউন্ডেশন Drupal থিম কি?
Drupal ZURB ফাউন্ডেশন বিষয় আপনি কেবলমাত্র একটি থিম ডাউনলোড এবং সক্ষম করে এই সমস্ত ZurbBish পাওয়ারটি প্রকাশ করতে পারবেন (এবং অবশ্যই ডকুমেন্টেশনটি পড়তে এবং অবশ্যই কিছু অতিরিক্ত পদক্ষেপ নিতে)।
উদাহরণস্বরূপ, জুরব ফাউন্ডেশনটি জাভাস্ক্রিপ্ট জাভাস্ক্রিপ্ট লাইব্রেরিতে নির্ভর করে, তাই আপনাকে সম্ভবত jQuery আপডেট ইনস্টল করতে হবে। আপনি jQuery এ নির্ভর করে যে অন্য কোন মডিউল ব্যবহার করছেন কিনা তা পরীক্ষা করুন। আপনি যদি jQuery এর সংস্করণটি খুব নতুন ব্যবহার করেন তবে এই মডিউলগুলি কাজ বন্ধ করতে পারে।
এছাড়াও, আপনি সম্ভবত আপনার নিজস্ব কাস্টম থিমের জন্য বেস থিম হিসাবে এই থিমটি ব্যবহার করতে চান। কাস্টমাইজেশন যেখানে ZURB ফাউন্ডেশন সত্যিই shines।
Drupal মধ্যে ZURB ফাউন্ডেশন ব্যবহার করার জন্য আপনি এই থিম প্রয়োজন?
আপনি না প্রয়োজন ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক ব্যবহার করার জন্য এই থিমটি। সর্বাধিক সহজেই, এই থিমটি কেবল আপনার সাইটে ZURB ফাউন্ডেশন সিএসএস এবং জাভাস্ক্রিপ্ট যুক্ত করে এবং আপনি নিজে নিজে এটি করতে পারেন।
কিন্তু এই থিমটি সহজ করে তোলে, এবং এটি ড্রুপালের সাথে আরও কিছু ইন্টিগ্রেশন অন্তর্ভুক্ত করে।
প্লাস, আপনি আরও ইন্টিগ্রেশন জন্য ছোট অতিরিক্ত মডিউল যোগ করতে পারেন। উদাহরণস্বরূপ, ZURB অর্বিট মডিউল আপনাকে চিত্র ক্ষেত্রগুলির সাথে একটি অর্বিট স্লাইডশো তৈরি করতে দেয়। ZURB ক্লিয়ারিং মডিউল আপনাকে মিডিয়া চিত্রগুলির সাথে প্রতিক্রিয়াশীল লাইটবক্স তৈরি করতে দেয়।
দ্রষ্টব্য: আমি এখনও এই ক্ষুদ্র মডিউলগুলি ব্যবহার করি নি, তাই তারা বিপদে পড়তে পারে। এই লেখার হিসাবে, ZURB ক্লিয়ারিং প্রয়োজন
মিডিয়া-2.x-দেব, যদি আপনি বর্তমানে মিডিয়া 1.x ব্যবহার করছেন তবে এটি একটি বিপজ্জনক আপগ্রেড হতে পারে। এবং একটি মডিউল একটি উন্নয়ন সংস্করণ জন্য একটি প্রয়োজন সবসময় একটি বিরতি দিতে হবে। এখনো, এই এবং অন্যান্য ZURB মডিউল খুঁজছেন মূল্যবান।
ব্যবহার করতে ZURB ফাউন্ডেশন কোন সংস্করণ চয়ন করুন
আপনি ZURB ফাউন্ডেশনের থিম ডাউনলোড করার আগে, কোন সংস্করণটি ব্যবহার করা উচিত তা পরীক্ষা করুন। ZURB ফাউন্ডেশনের ফ্রেমওয়ার্কের বিভিন্ন প্রধান সংস্করণ রয়েছে এবং থিমের প্রধান সংস্করণ নম্বরটি যে কাঠামোর সাথে কাজ করে তার সাথে সংশ্লিষ্ট। তাহলে
7.x-3.এক্স ফাউন্ডেশন সঙ্গে থিম কাজ সংস্করণ 3, দ্য
7.x-4.এক্স সংস্করণ ফাউন্ডেশন সঙ্গে কাজ 4, এবং
7.x-5.এক্স সংস্করণ ফাউন্ডেশন সঙ্গে কাজ 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, কম্পাস, এবং "_variables.scss" ব্যবহার করুন!
আপনি যদি এই থিমটির জন্য সিএসএস টিক্চ করতে যাচ্ছেন তবে নিশ্চিত করুন যে:
- আপনার নিজস্ব কাস্টম সাবথেমের জন্য বেস থিম হিসাবে ZURB ফাউন্ডেশনের থিমটি ব্যবহার করুন
- ব্যবহার করে এই subtheme জেনারেট করুন
drush থিম দ্বারা সরবরাহিত কমান্ড। এটার মত:
আপনার _theme_name fust
- আরামদায়ক চমত্কার peruse
_variables.scss ফাইল
দ্য
_variables.scss ফাইল স্বয়ংক্রিয়ভাবে তৈরি করা হয়
ড্রাস fst। এই একক ফাইল প্রায় জন্য ভেরিয়েবল রয়েছে কিছু আপনি আপনার থিম সিএসএস মধ্যে টিক্চ করতে চান হতে পারে। এটা আশ্চর্যজনক! সমস্ত এক জায়গায়, আপনি ডিফল্ট ফন্ট থেকে পর্দা প্রস্থে রুট পর্যন্ত রুটিন পর্যন্ত সবকিছু সেট করতে পারেন।
অবশ্যই, আপনি সবসময় অতিরিক্ত ফাইল সেট আপ করতে পারেন। কিন্তু
_variables.scss শুরু করার জন্য একটি চমত্কার জায়গা।
ফাইল এক্সটেনশন লক্ষ্য করুন:
SCSS, না
CSS। ব্যবহার করা
_variables.scss, আপনাকে SASS (একটি CSS এক্সটেনশন ভাষা) এবং কম্পাস (SASS দিয়ে নির্মিত ফ্রেমওয়ার্ক) সেট আপ করতে হবে। আপনি চালানোর সময়
কম্পাস কম্পাইল, তোমার
SCSS ফাইল পৃথক ফাইল সুদৃশ্য সিএসএস মধ্যে চালু হবে। (আমি পছন্দ করি
কম্পাস ঘড়ি - আপনি এই tweak হিসাবে চলমান এবং সিএসএস আপডেট আপডেট রাখে
SCSS নথি পত্র.)
আপনি সত্যিই, SASS এর সাথে বিরক্ত করতে চান না তবে আপনি স্বাভাবিক হিসাবে সিএসএস ফাইলগুলি লিখতে পারেন এবং তাদের থিমগুলিতে তালিকাবদ্ধ করতে পারেন
.info ফাইল। কিন্তু আমার বিশ্বাস - কম্পাইল করতে যথেষ্ট শিখতে ছোট সময় বিনিয়োগ
_variables.scss প্রায় অবিলম্বে ফিরে দেওয়া হবে।
আপনি ZURB ফাউন্ডেশন ব্যবহার করার আগে
জুরব ফাউন্ডেশন সবচেয়ে চমৎকার, তবে এটি ড্রপালের সাথে একীভূত হওয়া একমাত্র সামনের ফ্রেমওয়ার্ক নয়। আপনি বুটস্ট্র্যাপ বিবেচনা করতে পারেন, একই ড্রপল থিম রয়েছে এমন ফ্রেমওয়ার্ক। এখনকার জন্য, আমি নিজেই জুরব ফাউন্ডেশন ব্যবহার করছি, কিন্তু আমার গবেষণায় দেখা গেছে যে বুটস্ট্র্যাপের চেয়ে কাস্টমাইজ করা সহজ ছিল।
এছাড়াও, Joyride উপাদান বেশ মিষ্টি।
এবং আপনি ZURB ফাউন্ডেশন, বুটস্ট্র্যাপ, বা অন্য কোন ফ্রেমওয়ার্ক ব্যবহার করেন কিনা, ড্রুপালের সাথে ফ্রেমওয়ার্ক ব্যবহার করার বিষয়ে এই টিপসগুলি নিশ্চিত করুন।
