ডিভিতে গ্রেডিয়েন্ট ডিভাইডার কীভাবে তৈরি করবেন

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

পূর্বরূপ

আমাদের গ্রেডিয়েন্ট ডিজাইন শেষ পর্যন্ত কেমন হবে তার একটি পূর্বরূপ এখানে রয়েছে।

কিভাবে Divi এর ডিভাইডার মডিউল দিয়ে গ্রেডিয়েন্ট ডিভাইডার তৈরি করবেন

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

বিভাজক লুকান

পদ্ধতিটি সহজ। প্রথমে আপনার লেআউটে একটি বিভাজক মডিউল যোগ করুন, এবং তারপর বিষয়বস্তু ট্যাবের অধীনে, বিভাজকটি লুকিয়ে রাখুন।

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

বিভাজক পটভূমি

এরপরে, বিষয়বস্তু ট্যাবের পটভূমি সেটিংস মেনু থেকে আপনি যে পটভূমির ধরণটি ব্যবহার করতে চান তা চয়ন করুন। আমরা এই পোস্টে পটভূমি গ্রেডিয়েন্ট বিকল্পগুলিতে মনোনিবেশ করব।

সাইজিং এবং স্পেসিং যোগ করুন

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

সীমানা ব্যাসার্ধ যোগ করুন

আকৃতিকে আরও স্টাইল করতে, বর্ডার ব্যাসার্ধের মতো বর্ডার অপশন যোগ করুন। আকর্ষণীয় আকার তৈরি করতে কোণগুলি যৌথভাবে বা পৃথকভাবে সামঞ্জস্য করা যেতে পারে। একটি বিশেষ নকশার জন্য, আপনি অতিরিক্ত সীমানা প্রস্থ, শৈলী, ইত্যাদি যোগ করতে পারেন।

গ্রেডিয়েন্ট ডিভাইডার

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

দৃশ্যমানতা

ডিভাইডার মডিউলের জন্য দৃশ্যমানতা বিকল্পের অধীনে শো ডিভাইডারের জন্য না বেছে নিন।

• শো ডিভাইডার: না

গ্রেডিয়েন্ট

ব্যাকগ্রাউন্ডে নিচে স্ক্রোল করে ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট ট্যাবটি নির্বাচন করুন। আমরা এর জন্য পাঁচটি গ্রেডিয়েন্ট স্টপ যোগ করব। অন্যান্য গ্রেডিয়েন্ট প্যারামিটারের জন্য ডিফল্ট মান ব্যবহার করা হবে। প্রতিটি গ্রেডিয়েন্ট স্টপের পরামিতি নীচে তালিকাভুক্ত করা হয়েছে।

• প্রথম গ্রেডিয়েন্ট স্টপ: 0px, #dcc087

• দ্বিতীয় গ্রেডিয়েন্ট স্টপ: 16px, #e6b060

• তৃতীয় গ্রেডিয়েন্ট স্টপ: 22px, #f19d33

• চতুর্থ গ্রেডিয়েন্ট স্টপ: 31px, #f49826

• পঞ্চম গ্রেডিয়েন্ট স্টপ: 48px, #3b261e

গ্রেডিয়েন্ট ইউনিট হিসাবে পিক্সেল ব্যবহার করা উচিত। আমরা যে রঙগুলি খুঁজছিলাম তা এখন উপলব্ধ৷ যা করা বাকি আছে আকার অপ্টিমাইজ করা হয়.

• গ্রেডিয়েন্ট ইউনিট: পিক্সেল

সাইজিং

তারপরে ডিজাইন ট্যাবটি নির্বাচন করুন। সাইজিংয়ের অধীনে প্রস্থের জন্য 100% রাখুন। তিনটি ডিভাইসের মাপের উচ্চতা 40px সেট করা উচিত। মডুলার ক্লোজার আপনার সেটিংস সংরক্ষণ করবে।

• প্রস্থ: 100%
• উচ্চতা: 40px

চূড়ান্ত পূর্বরূপ

এখন এখানে আমাদের গ্রেডিয়েন্ট ডিজাইনের একটি চূড়ান্ত প্রিভিউ আছে।

চিন্তার সমাপ্তি

এটি গ্রেডিয়েন্ট ডিভাইডার তৈরি করতে Divi এর বিভাজক মডিউল ব্যবহার করার বিষয়ে আমাদের আলোচনাকে শেষ করে। কাস্টম গ্রেডিয়েন্ট ডিভাইডার তৈরি করতে, ডিভাইডার মডিউলের গ্রেডিয়েন্ট বিকল্পটি ব্যবহার করুন। আমরা বর্ডার কর্নার, স্পেসিং এবং সাইজিং বিকল্পগুলি ব্যবহার করে বিভিন্ন আকার এবং আকারে গ্রেডিয়েন্ট ডিভাইডার তৈরি করতে পারি। আমরা স্বাতন্ত্র্যসূচক গ্রেডিয়েন্ট ডিভাইডার ডিজাইন করতে পারি যেগুলো শুধুমাত্র কয়েকটি মৌলিক পছন্দের সাথে ভিড় থেকে আলাদা হয়ে দাঁড়াবে।