ফ্রি এলিমেন্টর গ্রেডিয়েন্ট টেক্সট উইজেট
Elementor এর হেডিং উইজেট শুধুমাত্র একটি কঠিন টেক্সট রঙ নেয়, তাই গ্রেডিয়েন্ট টেক্সট সাধারণত CSS লেখার অর্থ background-clip: text। ফ্রি মাস্টার অ্যাডনস প্লাগইনের গ্রেডিয়েন্ট হেডলাইন উইজেট প্যানেল থেকে এটি করে। শিরোনাম টাইপ করুন, দুটি রঙ চয়ন করুন, একটি রৈখিক বা রেডিয়াল গ্রেডিয়েন্ট চয়ন করুন এবং অক্ষরগুলি এটি দিয়ে পূরণ করুন। এছাড়াও আপনি একটি পৃথক হোভার গ্রেডিয়েন্ট, 13টি ব্লেন্ড মোড, একটি টেক্সট শ্যাডো, একটি লিঙ্ক এবং শিরোনাম ট্যাগের একটি পছন্দ পাবেন। এটি নায়ক শিরোনাম, বিভাগ শিরোনাম এবং বিক্রয় ব্যানার উপযুক্ত।
এলিমেন্টরে গ্রেডিয়েন্ট টেক্সট কিভাবে যোগ করবেন
আপনার এলিমেন্টর এবং ফ্রি মাস্টার অ্যাডঅন প্লাগইন দরকার। কোন কাস্টম CSS এবং কোন Elementor Pro নেই।
- ইনস্টল করুন এবং সক্রিয় করুন WordPress.org থেকে মাস্টার অ্যাডঅন.
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন, এর জন্য উইজেট প্যানেল অনুসন্ধান করুন গ্রেডিয়েন্ট হেডলাইন এবং এটি টেনে আনুন।
- আপনার টেক্সট টাইপ করুন শিরোনাম, তারপর শিরোনাম HTML ট্যাগ এবং প্রান্তিককরণ সেট করুন।
- স্টাইল, গ্রেডিয়েন্ট স্টাইলে, প্রথম রঙ এবং দ্বিতীয় রঙ চয়ন করুন এবং তাদের অবস্থান স্লাইডারগুলি সামঞ্জস্য করুন।
- রৈখিক চয়ন করুন এবং কোণ বা রেডিয়াল সেট করুন এবং অবস্থান সেট করুন।
- টাইপোগ্রাফি সেট করুন, আপনার পটভূমিতে একটি ব্লেন্ড মোড চেষ্টা করুন এবং আপনি চাইলে একটি হোভার গ্রেডিয়েন্ট যোগ করুন।
প্রতিটি ধাপের স্ক্রিনশট রয়েছে গ্রেডিয়েন্ট টেক্সট গাইড.

দুই রঙের লিনিয়ার বা রেডিয়াল গ্রেডিয়েন্ট
স্টাইলে, গ্রেডিয়েন্ট স্টাইল, সেট টেক্সট কালার গ্রেডিয়েন্টে (বা একটি সাধারণ রঙের জন্য ক্লাসিক)। প্রথম বাছাই করুন রঙ এবং দ্বিতীয় রঙ, এবং প্রতিটি সরান অবস্থান একটি অন্যটির সাথে কোথায় মিশে যায় তা নির্ধারণ করতে স্লাইডার। টাইপ করা রৈখিক মধ্যে সুইচ, একটি সঙ্গে কোণ (ডিফল্টরূপে 180 ডিগ্রী উপরে থেকে নীচে চলে), এবং রেডিয়াল, a সহ অবস্থান যেমন কেন্দ্র কেন্দ্র। একটি গ্রেডিয়েন্টের জন্য যা পাঠ্যের পরিবর্তে একটি সম্পূর্ণ বিভাগের পিছনে চলে যায়, দেখুন অ্যানিমেটেড গ্রেডিয়েন্ট বিজি এক্সটেনশন (প্রো)।
- সাধারণ এবং হোভার ট্যাব: একটি দ্বিতীয় গ্রেডিয়েন্ট সেট করুন যা দর্শকরা শিরোনাম ঘোরানোর সময় প্রদর্শিত হয়।
- প্রতিটি গ্রেডিয়েন্ট দুটি রঙের স্টপ ব্যবহার করে। তিন বা ততোধিক রঙের জন্য আপনার কাস্টম CSS প্রয়োজন হবে।
- ডিফল্টগুলি বেগুনি (#9929ea) থেকে লাল (#FB083E) পর্যন্ত চলে, তাই প্রথমে সেগুলিকে আপনার ব্র্যান্ডের রঙে পরিবর্তন করুন৷।
CSS বনাম গ্রেডিয়েন্ট হেডলাইন সহ এলিমেন্টর হেডিং
আপনি যদি CSS এর সাথে স্বাচ্ছন্দ্য বোধ করেন তবে আপনি Elementor এর নিজস্ব হেডিং উইজেট দিয়ে গ্রেডিয়েন্ট টেক্সট তৈরি করতে পারেন। এখানে প্রতিটি রুট জড়িত কি।
| বৈশিষ্ট্য | এলিমেন্টর হেডিং + CSS | মাস্টার অ্যাডঅন গ্রেডিয়েন্ট হেডলাইন |
|---|---|---|
| সেটআপ | ব্যাকগ্রাউন্ড-ক্লিপ সহ CSS যোগ করুন: ওয়ার্ডপ্রেস অতিরিক্ত CSS, Elementor Pro Custom CSS বা বিনামূল্যের মাস্টার অ্যাডঅন-এ পাঠ্য কাস্টম CSS এক্সটেনশন | প্যানেলে রং বাছাই করুন |
| গ্রেডিয়েন্ট প্রকার | তিন বা ততোধিক রঙ সহ যেকোন কিছু CSS অনুমতি দেয় | রৈখিক বা রেডিয়াল, দুটি রঙ স্টপ |
| হোভার গ্রেডিয়েন্ট | অতিরিক্ত CSS | অন্তর্নির্মিত হোভার ট্যাব |
| মোড এবং ছায়া মিশ্রিত করুন | অতিরিক্ত CSS | 13 মিশ্রিত মোড এবং একটি পাঠ্য ছায়া নিয়ন্ত্রণ |
| দাম | আপনি নিজে CSS লিখলে বিনামূল্যে | মাস্টার অ্যাডঅন সহ বিনামূল্যে |
আপনার যদি দুটির বেশি রঙ বা একটি অ্যানিমেটেড গ্রেডিয়েন্টের প্রয়োজন হয় তবে CSS লিখুন। গ্রেডিয়েন্ট হেডলাইন ব্যবহার করুন যখন আপনি এটিকে এক মিনিটের মধ্যে দৃশ্যত সেট আপ করতে চান। সম্পর্কিত বিনামূল্যে উইজেট: দ্বৈত শিরোনাম এবং অ্যানিমেটেড শিরোনাম.
টাইপোগ্রাফি, ব্লেন্ড মোড এবং টেক্সট শ্যাডো
প্রতিটি ট্যাবের নিজস্ব আছে টাইপোগ্রাফি, তাই হোভারেও ফন্ট, আকার এবং ওজন পরিবর্তন হতে পারে। ব্লেন্ড মোড নরমাল, মাল্টিপ্লাই এবং স্ক্রিন থেকে ডিফারেন্স এবং লুমিনোসিটি পর্যন্ত 13টি বিকল্প অফার করে, যা পাঠ্যের পিছনে একটি চিত্র বা রঙের সাথে গ্রেডিয়েন্টকে মিশ্রিত করে। টেক্সট শ্যাডো ব্যস্ত ফটোতে অতিরিক্ত গভীরতা বা পাঠযোগ্যতার জন্য রঙ, অস্পষ্ট এবং অফসেট যোগ করে।
- গ্রেডিয়েন্টগুলি বিশুদ্ধ CSS, তাই লোড করার জন্য কোনও চিত্র নেই।
- ব্লেন্ড মোডগুলি শিরোনামের পিছনে যা কিছু বসে তাতে প্রতিক্রিয়া দেখায়, তাই বাস্তব পটভূমিতে তাদের পূর্বরূপ দেখুন।
- পঠনযোগ্যতার জন্য উভয় রঙ এবং পটভূমির মধ্যে যথেষ্ট বৈসাদৃশ্য রাখুন।


লিঙ্ক, শিরোনাম ট্যাগ এবং প্রান্তিককরণ
বিষয়বস্তু ট্যাবে, একটি যোগ করুন শিরোনাম URL পুরো শিরোনাম একটি লিঙ্ক করতে। নির্বাচন করুন শিরোনাম HTML ট্যাগ (H1 থেকে H6, div, span বা p) তাই শিরোনামটি আপনার পৃষ্ঠার কাঠামোর সাথে মানানসই, এবং সেট করুন প্রান্তিককরণ বাম, কেন্দ্র বা ডানে।
- প্রতি পৃষ্ঠায় একটি H1 ব্যবহার করুন, সাধারণত হিরো শিরোনাম এবং বিভাগের শিরোনামের জন্য H2 ব্যবহার করুন।
- একটি লিঙ্কযুক্ত গ্রেডিয়েন্ট শিরোনাম দোকানে যায় এমন একটি বিক্রয় ব্যানারের জন্য ভাল কাজ করে।
- শিরোনাম পাঠ্য এলিমেন্টর প্রিভিউতে ইনলাইন সম্পাদনা সমর্থন করে।
















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

গ্লাসমরফিজম

ধারক অতিরিক্ত

নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর


