Rellax।js (Pro) সহ এলিমেন্টর প্যারালাক্স প্রভাব
Rellax হল একটি Master Addons Pro এক্সটেনশন যা Rellax।js প্যারালাক্স লাইব্রেরীকে Elementor-এ নিয়ে আসে। একটি উপাদানের জন্য এটি চালু করুন, -10 থেকে 10 পর্যন্ত একটি গতি সেট করুন এবং সেই উপাদানটি পৃষ্ঠার বাকি অংশের তুলনায় দ্রুত বা ধীর গতিতে স্ক্রোল করে, যা গভীরতার অনুভূতি তৈরি করে। আপনি ট্যাবলেট এবং মোবাইলের জন্য একটি ভিন্ন গতি সেট করতে পারেন, উল্লম্ব বা অনুভূমিক দিক চয়ন করতে পারেন এবং আপনার সামগ্রীর পিছনে বা সামনে স্তরগুলি সরাতে Z-Index ব্যবহার করতে পারেন৷ কোন কোড বা স্ক্রিপ্ট লোডিং প্রয়োজন হয় না।
এলিমেন্টরে প্যারালাক্স স্ক্রলিং ইফেক্ট কিভাবে যোগ করবেন
আপনি Elementor এবং একটি সক্রিয় প্রয়োজন মাস্টার অ্যাডনস প্রো লাইসেন্স।
- যাও মাস্টার অ্যাডঅন, এক্সটেনশন, Rellax চালু করুন এবং সংরক্ষণ করুন।
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন এবং আপনি যে উইজেটটি সরাতে চান তা নির্বাচন করুন, যেমন একটি চিত্র, আইকন বা আকৃতি৷।
- সেই উপাদানটির জন্য Rellax সেটিংস খুলুন এবং চালু করুন Rellax সক্ষম.
- একটি গতি সেট করুন, উদাহরণস্বরূপ -2 একটি ধীর প্রবাহের জন্য, এবং ট্যাবলেট এবং মোবাইলের জন্য এটি সামঞ্জস্য করুন৷।
- উল্লম্ব বা অনুভূমিক চয়ন করুন এবং Z-সূচক সেট করুন যাতে স্তরটি আপনার পাঠ্যকে কভার না করে।
- পৃষ্ঠাটির পূর্বরূপ দেখুন এবং গতি পরীক্ষা করতে স্ক্রোল করুন।
আরো বিস্তারিত আছে Rellax এক্সটেনশন সেটিংস.
গতি, শতাংশ এবং দিকনির্দেশ
গতি 0.1 ধাপে -10 থেকে 10 পর্যন্ত চলে এবং প্রতি ডিভাইসে সেট করা যেতে পারে। নেতিবাচক মানগুলি উপাদানটিকে পৃষ্ঠার চেয়ে ধীর গতিতে সরাতে সাহায্য করে, তাই এটি আরও দূরে বোধ করে এবং ইতিবাচক মানগুলি এটিকে দ্রুত সরিয়ে দেয়, তাই এটি কাছাকাছি অনুভব করে। শতকরা হার (0 থেকে 1) সেট করে যেখানে উপাদানটি বসে যখন তার চলাচল শুরু হয়, এবং উল্লম্ব এবং অনুভূমিক বিকল্পগুলি দিক নির্বাচন করুন।
- একটি নায়কের পিছনে আলংকারিক আকারের জন্য -1 থেকে -2 এর একটি ধীর প্রবাহ।
- বিষয়বস্তুর সামনে ভাসমান আইকনগুলির জন্য একটি ছোট ইতিবাচক গতি।
- ছোট স্ক্রিনে গতি খুব শক্তিশালী মনে হলে মোবাইলে কম গতি বা 0।
Z-সূচক সহ লেয়ারিং
প্যারালাক্স স্তরগুলি পাঠ্য এবং বোতামগুলির উপর স্লাইড করতে পারে। Rellax একটি যোগ করে জেড-সূচক -1 থেকে 50 পর্যন্ত সেট করা, যাতে আপনি আপনার বিষয়বস্তুর নীচে একটি চলমান ব্যাকগ্রাউন্ড লেয়ার এবং এটির উপরে একটি অগ্রভাগের আকৃতি রাখতে পারেন। Rellax পুরো উপাদানটিকে সরিয়ে দেয়, এর ব্যাকগ্রাউন্ড ইমেজ নয়, তাই আপনি যে ছবিটি সরাতে চান সেটিকে তার নিজস্ব ইমেজ উইজেটে রাখুন।
- বিষয়বস্তুর পিছনে বসতে হবে এমন স্তরগুলির জন্য -1 ব্যবহার করুন।
- শিরোনাম এবং বোতামগুলি চলন্ত স্তরগুলির পথের বাইরে রাখুন।
- প্রকাশ করার আগে একটি বাস্তব ফোনে স্ক্রোল পরীক্ষা করুন।
এলিমেন্টর মোশন ইফেক্ট বনাম মাস্টার অ্যাডনস রেলাক্স
Elementor Pro এর ইতিমধ্যেই স্ক্রলিং প্রভাব সহ মোশন ইফেক্ট রয়েছে। এখানে কিভাবে দুটি তুলনা।
| বৈশিষ্ট্য | এলিমেন্টর প্রো মোশন ইফেক্টস | মাস্টার অ্যাডনস রেলাক্স |
|---|---|---|
| দাম | এলিমেন্টর প্রো প্রয়োজন | মাস্টার অ্যাডনস প্রো প্রয়োজন |
| স্ক্রোল আন্দোলন | গতি এবং ভিউপোর্ট পরিসীমা সহ উল্লম্ব এবং অনুভূমিক স্ক্রোল | Rellax।js গতি -10 থেকে 10, উল্লম্ব বা অনুভূমিক |
| অন্যান্য স্ক্রোল প্রভাব | স্বচ্ছতা, ঝাপসা, ঘোরানো এবং স্কেল | কোনটিই নয়, শুধু আন্দোলন |
| মাউস প্রভাব | মাউস ট্র্যাক এবং 3D টিল্ট | না |
| পটভূমি প্যারালাক্স | বিভাগ এবং পাত্রে পটভূমি গতি প্রভাব | পুরো উপাদান সরানো |
| প্রতি-ডিভাইস সেটিংস | এমন ডিভাইস বেছে নিন যেখানে প্রভাব চলে | ডিভাইস প্রতি গতি |
আপনার যদি ইতিমধ্যেই এলিমেন্টর প্রো থাকে, মোশন ইফেক্টগুলি আরও প্রভাবের ধরন কভার করে। আপনি যখন মাস্টার অ্যাডনস প্রো ব্যবহার করেন তখন রেল্যাক্স সাধারণ গতি-ভিত্তিক স্তরগুলির জন্য উপযুক্ত। লুপিং মোশনের জন্য যা স্ক্রলের উপর নির্ভর করে না, দেখুন ভাসমান প্রভাব (প্রো)।
Rellax.js কি?
Rellax।js হল ডিক্সন এবং মো-এর একটি ছোট, ওপেন সোর্স জাভাস্ক্রিপ্ট লাইব্রেরি যা একটি পৃষ্ঠা স্ক্রোল করার সময় উপাদানগুলিকে ভিন্ন গতিতে সরাতে সাহায্য করে। একটি হ্যান্ড-কোডেড সাইটে আপনি স্ক্রিপ্ট যোগ করুন, উপাদানগুলিকে একটি রিল্যাক্স ক্লাস দিন এবং কোডে গতি, শতাংশ, জেড-সূচক এবং দিকনির্দেশের মতো বিকল্পগুলি সেট করুন।
এই এক্সটেনশনটি মাস্টার অ্যাডনস প্রো-এর ভিতরে Rellax।js বান্ডিল করে এবং সেই বিকল্পগুলিকে এলিমেন্টর নিয়ন্ত্রণে ম্যাপ করে, যাতে আপনি প্যানেল থেকে গতি, শতাংশ, Z-সূচক এবং দিকনির্দেশ সেট করেন। স্ক্রিপ্টটি শুধুমাত্র সেই পৃষ্ঠাগুলিতে লোড হয় যেখানে একটি উপাদান Rellax ব্যবহার করে। আপনি যদি Elementor এ না থাকেন, তাহলে সরাসরি Rellax।js লাইব্রেরি ব্যবহার করুন।
Rellax এর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
প্যারালাক্স প্রভাব মোবাইলে কাজ করবে?
হ্যাঁ। ট্যাবলেট এবং মোবাইলের জন্য গতি আলাদাভাবে সেট করা যেতে পারে, তাই গতি খুব শক্তিশালী মনে হলে আপনি ফোনে একটি ছোট মান বা 0 ব্যবহার করতে পারেন। সর্বদা একটি বাস্তব ডিভাইসে পরীক্ষা করুন।
আমি কি একটি বিভাগের পটভূমি চিত্র সরাতে পারি?
Rellax পুরো উপাদানটি সরিয়ে দেয়, একটি পটভূমি চিত্র নয়। আপনার বিষয়বস্তুর পিছনে ইমেজটিকে তার নিজস্ব ইমেজ উইজেটে রাখুন এবং সেই উইজেটে Rellax যোগ করুন, অথবা একটি চলমান বিভাগের পটভূমির জন্য Elementor Pro এর ব্যাকগ্রাউন্ড মোশন ইফেক্ট ব্যবহার করুন।
Rellax এক্সটেনশন কি বিনামূল্যে?
নং Rellax এর অংশ মাস্টার অ্যাডনস প্রো। Rellax।js লাইব্রেরি নিজেই বিনামূল্যে এবং ওপেন সোর্স যদি আপনি এটি আপনার নিজের কোডের সাথে যোগ করেন।
অনেক প্যারালাক্স প্রভাব কি আমার সাইটকে ধীর করে দিতে পারে?
তারা পারে। প্রতিটি চলমান উপাদান স্ক্রল করার সময় ব্রাউজারকে আরও কাজ করতে বাধ্য করে। প্রতি পৃষ্ঠায় কয়েকটি মূল উপাদানে প্যারালাক্স ব্যবহার করুন এবং গতি পরিমিত রাখুন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
