ড্রুপালের জন্য জার্ব ফাউন্ডেশন থিম ব্যবহার করে

একটি Drupal থিম মধ্যে ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক পাওয়ার পান

টুইটার বুটস্ট্র্যাপের আগে, ZURB ফাউন্ডেশনের (ফ্রেমওয়ার্ক) একটি কাঠামো ছিল যা আপনাকে বেশ ভাল বোতাম, ব্লক গ্রিডস, অগ্রগতি বার, মূল্য সারণী এবং আরো কয়েকটি সুসংগঠিত CSS ক্লাসগুলির সাথে আরও কিছু যোগ করতে দেয়। ড্রুপালের জন্য জার্ব ফাউন্ডেশন থিমের সাহায্যে আপনি আপনার ড্রুপাল সাইটে এই সব ব্লিংকে মারাত্মক স্বচ্ছন্দে ব্যবহার করতে পারেন।

ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক কি?

ZURB ফাউন্ডেশনের কাঠামোটি আপনার ওয়েবসাইটে সম্ভবত আপনি চাইলে এমন একটি স্টাফের জন্য CSS এবং Javascript কোডের একটি সংগ্রহ। এই অন্তর্ভুক্ত না শুধুমাত্র ক্লিকযোগ্য চোখের মিছরি যেমন aforementioned বোতাম কিন্তু কিছু সত্যিই আশ্চর্যজনক প্রতিক্রিয়া ক্ষমতা অন্তর্ভুক্ত।

আপনি বিশেষ CSS ক্লাস যোগ করে এই বৈশিষ্ট্যটি ব্যবহার করেন। এই ক্ষেত্রে:

এখানে বোতাম ।

এবং এখানে ক্ষুদ্র বোতাম "> ক্ষুদ্র বোতাম ।

জার্চ ফাউন্ডেশনের কাঠামোটি ড্রুপাল থেকে সম্পূর্ণ আলাদা। মানুষ ওয়ার্ডপ্রেস, জুমলা, এমনকি স্ট্যাটিক এইচটিএমএল সাইট ব্যবহার করে।

ZURB ফাউন্ডেশন ড্রুপাল থিম কি?

ড্রুপাল জার্ব ফাউন্ডেশন থিম আপনাকে ডাউনলোড করে এবং একটি থিম সক্ষম করার জন্য (এবং ডকুমেন্টেশন পড়া এবং কয়েকটি অতিরিক্ত পদক্ষেপ গ্রহণ করে) এই সব ZURBish শক্তিগুলিকে মুক্ত করতে দেয়।

উদাহরণস্বরূপ, জার্চ ফাউন্ডেশনটি jQuery জাভাস্ক্রিপ্ট লাইব্রেরির উপর নির্ভর করে, তাই আপনি সম্ভবত jQuery আপডেটটি ইনস্টল করতে পারেন। আপনি jQuery উপর নির্ভর করে যে অন্য কোন মডিউল ব্যবহার করছেন কিনা তা পরীক্ষা করুন। যদি আপনি jQuery এর একটি নতুন সংস্করণ ব্যবহার করেন তবে এই মডিউল কাজ বন্ধ করতে পারে।

এছাড়াও, আপনি সম্ভবত আপনার নিজস্ব কাস্টম থিম জন্য একটি বেস থিম হিসাবে এই থিম ব্যবহার করতে চাইবেন। কাস্টমাইজেশন হল যেখানে ZURB ফাউন্ডেশন সত্যিই shines।

ড্রুপালের জার্ব ফাউন্ডেশন ব্যবহার করতে কি এই থিমটি দরকার?

আপনি ZURB ফাউন্ডেশন ফ্রেমওয়ার্ক ব্যবহার করার জন্য এই থিম প্রয়োজন নেই । তার সহজতম সময়ে, এই থিমটি কেবল আপনার সাইটে ZURB ফাউন্ডেশন CSS এবং জাভাস্ক্রিপ্ট যোগ করে, এবং আপনি নিজেও তা করতে পারেন।

কিন্তু এই থিম যে সহজ করে তোলে, এবং এটি ড্রুপালের সাথে আরও কিছু ইন্টিগ্রেশন অন্তর্ভুক্ত করে।

প্লাস, আপনি আরও ইন্টিগ্রেশন জন্য ছোট অতিরিক্ত মডিউল যোগ করতে পারেন। উদাহরণস্বরূপ, ZURB অরবিট মডিউল আপনাকে চিত্র ক্ষেত্রগুলির সাথে একটি অরবিট স্লাইডশো তৈরি করতে দেয়। ZURB ক্লিয়ারিং মডিউল আপনাকে মিডিয়া ইমেজগুলির সাথে প্রতিক্রিয়াশীল আলোবাক্স তৈরি করতে দেয়।

দ্রষ্টব্য: আমি এই ক্ষুদ্র মডিউলগুলি এখনও আমার নিজের জন্য ব্যবহার করি নি, তাই তারা বিপদের মুখে পড়ে থাকতে পারে। এই লেখা হিসাবে, ZURB ক্লিয়ারিং মিডিয়া-২.x-dev প্রয়োজন, যা একটি বিপজ্জনক আপগ্রেড হতে পারে যদি আপনি বর্তমানে Media 1.x ব্যবহার করেন। এবং একটি মডিউল একটি উন্নয়ন সংস্করণ জন্য একটি প্রয়োজন সবসময় একটি বিরতি দেওয়া উচিত। এখনও, এই এবং অন্যান্য ZURB মডিউল মধ্যে মূল্যবান হয় মূল্যবান।

ZURB ফাউন্ডেশনের ব্যবহার কোন সংস্করণ চয়ন করুন

আপনি ZURB ফাউন্ডেশন থিম ডাউনলোড করার আগে, আপনার কোন সংস্করণটি ব্যবহার করা উচিত তা পরীক্ষা করুন। ZURB ফাউন্ডেশন ফ্রেমওয়ার্কের বিভিন্ন প্রধান সংস্করণ রয়েছে এবং থিমটির প্রধান সংস্করণ নম্বর এটির সাথে কাজ করে কাঠামোর সাথে সম্পর্কিত। তাই, থিমের 7.x- 3 .x সংস্করণগুলি ফাউন্ডেশন 3 , 7.x- 4 .x সংস্করণগুলির সাথে ফাউন্ডেশন 4 এবং 7x- 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, কম্পাস, এবং & # 34; _variables.scss & # 34; ব্যবহার করুন!

আপনি এই থিম এ CSS জন্য tweak চলুন, সব আপনি নিশ্চিত করুন:

• ZURB ফাউন্ডেশন থিমটি আপনার নিজস্ব কাস্টম উপমাইয়ের জন্য একটি বেস থিম হিসাবে ব্যবহার করুন
• থিম দ্বারা প্রদত্ত ড্রাশ কমান্ড ব্যবহার করে এই সাবটাইটটি তৈরি করুন। ভালো লেগেছে: drush fst your_theme_name
• চমৎকারভাবে _variables.scss ফাইল উদ্বুদ্ধ করা

_variables.scss ফাইল স্বয়ংক্রিয়ভাবে ড্রিস্ট Fst দ্বারা তৈরি করা হয়। এই একক ফাইলে ভেরিয়েবল রয়েছে যা প্রায়শই আপনার থিম সিএসএইচ করতে পারে। এটা আশ্চর্যজনক! এক জায়গায় সব, আপনি ডিফল্ট ফন্ট থেকে স্ক্রিন প্রস্থের সবকিছুকে breadcrumbs- এর সীমানায় সেট করতে পারেন।

অবশ্যই, আপনি সবসময় অতিরিক্ত ফাইলগুলিও সেট আপ করতে পারেন কিন্তু _variables.scss শুরু করার জন্য একটি চমত্কার জায়গা।

ফাইল এক্সটেনশন লক্ষ্য করুন: সিসিএস, CSS না _variables.scss ব্যবহার করার জন্য, আপনাকে SASS (একটি CSS এক্সটেনশান ভাষা) এবং কম্পাস (SASS দিয়ে তৈরি একটি ফ্রেমওয়ার্ক) সেট আপ করতে হবে। আপনি কম্পাস কম্পাইল চালানোর সময়, আপনার scss ফাইল স্বতন্ত্র ফাইলের মধ্যে পৃথক সিএসএস মধ্যে চালু হবে। (আমি কম্পাসকে পছন্দ করি - এটি CSS চালানোর এবং আপডেট করে আপনি scss ফাইলগুলিকে পরিবর্তন করেন।)

যদি আপনি সত্যিই, সত্যিই SASS সঙ্গে বিরক্ত করতে চান না, আপনি স্বাভাবিক হিসাবে CSS ফাইল লিখতে পারেন এবং আপনার থিম এর। ইনফো ফাইল তাদের তালিকা। কিন্তু আমার বিশ্বাস - _variables.scss কম্পাইল করার জন্য যথেষ্ট শিখতে ছোট্ট বিনিয়োগটি প্রায় সঙ্গে সঙ্গে ফেরত দেওয়া হবে।

আপনি ZURB ফাউন্ডেশন ব্যবহার করার আগে

জার্চ ফাউন্ডেশনটি সবচেয়ে চমৎকার, কিন্তু এটি শুধু ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক নয় যা ডুপালের সাথে একীভূত করা হয়েছে। আপনি বুটস্ট্র্যাপ বিবেচনা করতে চাইতে পারেন, একটি অনুরূপ কাঠামো যা একটি ড্রুপাল থিম আছে। এখন আমি ZURB ফাউন্ডেশন ব্যবহার করছি, কিন্তু আমার গবেষণায় এটি বুটস্ট্র্যাপের তুলনায় কাস্টমাইজ করা সহজ ছিল বলে নির্দেশ করে।

এছাড়াও, Joyride উপাদান সুন্দর মিষ্টি হয়।

এবং আপনি ZURB ফাউন্ডেশন, বুটস্ট্র্যাপ, অথবা অন্য কোন ফ্রেমওয়ার্ক ব্যবহার করেন কিনা তা নিশ্চিত করুন, Drupal এর সাথে একটি ফ্রেমওয়ার্ক ব্যবহার করার জন্য এই টিপসগুলি নিশ্চিত করুন ।