স্লাইড-আউট প্যানেল এবং মেনু (প্রো) এর জন্য এলিমেন্টর অফ-ক্যানভাস উইজেট
অফ-ক্যানভাস কন্টেন্ট হল একটি মাস্টার অ্যাডনস প্রো উইজেট যা পৃষ্ঠায় একটি বোতাম রাখে এবং যখন একজন দর্শক এটিতে ক্লিক করে তখন একটি প্যানেল খোলে। প্যানেলটি একটি সংরক্ষিত এলিমেন্টর টেমপ্লেট দেখায়, যাতে আপনি এটির ভিতরে একটি মেনু, একটি পরিচিতি ফর্ম, ফিল্টার বা একটি প্রচার রাখতে পারেন এবং অন্যান্য পৃষ্ঠাগুলিতে একই টেমপ্লেটটি পুনরায় ব্যবহার করতে পারেন৷ প্যানেলটি কোথায় প্রদর্শিত হবে, এটি কীভাবে অ্যানিমেট হবে এবং বোতামটি কেমন দেখাচ্ছে তা চয়ন করুন৷ দর্শকরা ওভারলে ক্লিক করে বা Esc টিপে ক্লোজ আইকন দিয়ে এটি বন্ধ করে।
এলিমেন্টরে একটি অফ-ক্যানভাস প্যানেল কীভাবে যুক্ত করবেন
আপনি Elementor এবং একটি সক্রিয় প্রয়োজন মাস্টার অ্যাডনস প্রো লাইসেন্স।
- যাও টেমপ্লেট, সংরক্ষিত টেমপ্লেট, একটি টেমপ্লেট তৈরি করুন, প্যানেলের বিষয়বস্তু তৈরি করুন এবং এটি প্রকাশ করুন।
- পৃষ্ঠাটি সম্পাদনা করুন, অনুসন্ধান করুন অফ-ক্যানভাস সামগ্রী এবং বোতামটি যেখানে উপস্থিত হওয়া উচিত সেখানে টেনে আনুন।
- মধ্যে টেমপ্লেট নির্বাচন করুন, আপনার সংরক্ষিত টেমপ্লেট চয়ন করুন।
- একটি বাছাই অবস্থান এবং প্রস্থ বা উচ্চতা সেট করুন।
- একটি প্রবেশ অ্যানিমেশন এবং সময়কাল চয়ন করুন।
- শিরোনাম বা আইকন বোতামটি সেট করুন, তারপর স্টাইল ট্যাবে বোতাম, হেডার এবং ধারকটি স্টাইল করুন।
দেখুন অফ-ক্যানভাস সামগ্রী সেটিংস প্রতিটি বিকল্পের জন্য গাইড।
প্যানেলের অবস্থান, আকার এবং অ্যানিমেশন
অবস্থান ডান, বাম, উপরে, নীচে, মধ্য এবং আপেক্ষিক অফার করে। বাম, ডান এবং মধ্য প্যানেলগুলি px, % বা vw-এ একটি প্রস্থ পায় এবং শীর্ষ, নীচে এবং মধ্য প্যানেলগুলি px, % বা vh-এ উচ্চতা পায়, প্রতিটি ডিভাইস প্রতি সামঞ্জস্যযোগ্য। প্রবেশ অ্যানিমেশন ফেইড, স্লাইড বা গ্রো, এবং শুধুমাত্র ফেইড রিলেটিভের সাথে কাজ করে। বাম, ডান এবং শীর্ষ প্যানেল এছাড়াও একটি আছে প্রবেশের ধরন কভার বা পুশ। সেট অ্যানিমেশন সময়কাল সেকেন্ডের মধ্যে, এবং চালু করুন ডিফল্টরূপে খুলুন যদি প্যানেল খোলা শুরু করা উচিত।
- ছোট পর্দার জন্য আপনার সাইট মেনু সহ একটি বাম বা ডান প্যানেল।
- একটি সংক্ষিপ্ত ঘোষণা বা অনুসন্ধান ফর্মের জন্য একটি শীর্ষ প্যানেল৷।
- একটি সাইনআপ ফর্মের জন্য একটি সাধারণ মডেল হিসাবে একটি মধ্যম প্যানেল৷।
ট্রিগার বোতাম, হেডার এবং কন্টেইনার স্টাইলিং
ট্রিগার বোতামটি আইকন দূরত্ব এবং সারিবদ্ধ সেটিংস সহ একটি শিরোনাম, একটি আইকন বা উভয়ই দেখাতে পারে। সাধারণ এবং হোভারের জন্য এর রঙ, পটভূমির রঙ এবং বর্ডার কালার, প্লাস বক্স শ্যাডো, টাইপোগ্রাফি, এসভিজি সাইজ, প্যাডিং, বর্ডার টাইপ এবং বর্ডার রেডিয়াস স্টাইল করুন। প্যানেলের ভিতরে, হেডার বিভাগটি ক্লোজ আইকন এবং ঐচ্ছিক শিরোনাম শিরোনাম স্টাইল করে এবং বিপরীত শিরোনাম তাদের স্থান অদলবদল করে। দ্য ধারক বিভাগটি প্যানেলের পটভূমি, সীমানা, প্যাডিং, ওভারলে রঙ এবং স্ক্রলবারের রঙ এবং প্রস্থ সেট করে।
- হেডারে একটি আইকন-শুধু হ্যামবার্গার বোতাম।
- একটি “আমাদের সাথে যোগাযোগ করুন" পাঠ্য বোতাম যা একটি ফর্ম খোলে৷।
- একটি ব্র্যান্ডেড ওভারলে রঙ যা প্যানেলের পিছনের পৃষ্ঠাটিকে ম্লান করে দেয়।
এলিমেন্টর প্রো অফ-ক্যানভাস বনাম মাস্টার অ্যাডঅন অফ-ক্যানভাস সামগ্রী
একটি অফ-ক্যানভাস মেনু সবচেয়ে সাধারণ ব্যবহার। এই উইজেটটি নিজেই মেনু তৈরি করে না, তাই আপনি প্রথমে একটি টেমপ্লেটে একটি মেনু উইজেট রাখুন। আপনার যদি শুধুমাত্র মেনুর প্রয়োজন হয়, মাস্টার অ্যাডঅন নেভি মেনু উইজেটে প্রো-তে অফ-ক্যানভাস টাইপ সহ একটি হ্যামবার্গার লেআউট রয়েছে, যা টেমপ্লেট ধাপটি এড়িয়ে যায়। অফ-ক্যানভাস সামগ্রী ব্যবহার করুন যখন প্যানেলে একটি মেনু যেমন লোগো, যোগাযোগের বিবরণ এবং সামাজিক লিঙ্কগুলির চেয়ে বেশি রাখা উচিত।
| বৈশিষ্ট্য | এলিমেন্টর প্রো অফ-ক্যানভাস | মাস্টার অ্যাডঅন অফ-ক্যানভাস সামগ্রী |
|---|---|---|
| দাম | এলিমেন্টর প্রো প্রয়োজন | মাস্টার অ্যাডনস প্রো প্রয়োজন |
| প্যানেল বিষয়বস্তু | এডিটিং মোডে উইজেটের ভিতরে তৈরি | একটি সংরক্ষিত এলিমেন্টর টেমপ্লেট আপনি পুনরায় ব্যবহার করতে পারেন |
| এটা কিভাবে খোলে | অফ-ক্যানভাস অ্যাকশন ব্যবহার করে যেকোনো বোতাম বা লিঙ্ক | উইজেটের নিজস্ব ট্রিগার বোতাম |
| অবস্থান | অনুভূমিক এবং উল্লম্ব শুরু, কেন্দ্র বা শেষ | ডান, বাম, উপরে, নীচে, মধ্য বা আপেক্ষিক |
| অ্যানিমেশন | প্রবেশ এবং প্রস্থান অ্যানিমেশন | কভার বা পুশ সহ ফেইড, স্লাইড বা গ্রো |
| বন্ধ | ওভারলে এবং Esc, প্রতিটি বন্ধ করা যেতে পারে; পৃষ্ঠা স্ক্রোল লক করতে পারেন | আইকন, ওভারলে ক্লিক বা Esc বন্ধ করুন |
| অন্তর্নির্মিত হেডার | না | হেডার শিরোনাম এবং বন্ধ আইকন |
| ডিফল্টরূপে খুলুন | একটি উইজেট সেটিং নয় | হ্যাঁ |
এলিমেন্টর প্রো জয়ী হয় যখন পৃষ্ঠার যেকোনো লিঙ্ক প্যানেল খুলবে বা আপনি যখন অ্যানিমেশন থেকে প্রস্থান করতে চান। অনেক পৃষ্ঠায় একটি রেডিমেড বোতামের পিছনে একটি টেমপ্লেট উপস্থিত হলে মাস্টার অ্যাডঅনগুলি ফিট হয়৷ একটি অনুসন্ধান প্যানেলের জন্য, এছাড়াও দেখুন অনুসন্ধান উইজেট।
এলিমেন্টরে কীভাবে একটি অফ-ক্যানভাস মেনু তৈরি করবেন
একটি অফ-ক্যানভাস মেনু সবচেয়ে সাধারণ ব্যবহার। উইজেট নিজেই মেনু তৈরি করে না, তাই আপনি প্রথমে একটি টেমপ্লেটে একটি মেনু উইজেট রাখুন।
- একটি সংরক্ষিত টেমপ্লেট তৈরি করুন এবং একটি মেনু উইজেট যোগ করুন, যেমন বিনামূল্যের মাস্টার অ্যাডঅন নেভি মেনু একটি উল্লম্ব বিন্যাসে সেট করুন।
- টেমপ্লেট প্রকাশ করুন।
- আপনার হেডারে, অফ-ক্যানভাস সামগ্রী যোগ করুন এবং সেই টেমপ্লেটটি নির্বাচন করুন।
- বাম বা ডানে অবস্থান সেট করুন, প্রস্থ প্রায় 320px এবং প্রবেশদ্বার অ্যানিমেশন স্লাইড করুন।
- শো শিরোনাম বন্ধ করুন, আইকন দেখান চালু করুন এবং একটি বার আইকন চয়ন করুন যাতে বোতামটি হ্যামবার্গারের মতো দেখায়।
- শুধুমাত্র ট্যাবলেট এবং মোবাইলে এই বোতামটি দেখানোর জন্য Elementor এর প্রতিক্রিয়াশীল দৃশ্যমানতা ব্যবহার করুন যদি ডেস্কটপ হেডার তার স্বাভাবিক মেনু রাখে।
অফ-ক্যানভাস সামগ্রীর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
অফ-ক্যানভাস কন্টেন্ট উইজেট কি বিনামূল্যে?
না। অফ-ক্যানভাস বিষয়বস্তু এর অংশ মাস্টার অ্যাডনস প্রো। বিনামূল্যে প্লাগইন এটি অন্তর্ভুক্ত করে না।
আমি কিভাবে অফ-ক্যানভাস প্যানেলে বিষয়বস্তু যোগ করব?
প্রথমে একটি সংরক্ষিত এলিমেন্টর টেমপ্লেট হিসাবে বিষয়বস্তু তৈরি করুন, যেমন একটি মেনু, ফর্ম বা প্রচার৷ তারপর উইজেটের সিলেক্ট টেমপ্লেট ড্রপডাউনে সেই টেমপ্লেটটি বেছে নিন। আপনি বিভিন্ন প্যানেলে একটি টেমপ্লেট পুনরায় ব্যবহার করতে পারেন।
আমি কি এটি দিয়ে একটি অফ-ক্যানভাস মেনু তৈরি করতে পারি?
হ্যাঁ। একটি মেনু উইজেট রাখুন যেমন মাস্টার অ্যাডঅন নেভি মেনু একটি সংরক্ষিত টেমপ্লেটে, অফ-ক্যানভাস সামগ্রীতে এটি নির্বাচন করুন, বাম বা ডানে অবস্থান সেট করুন এবং বোতামের জন্য একটি বার আইকন ব্যবহার করুন৷ শুধুমাত্র একটি মেনুর জন্য, প্রো-তে Nav মেনু হ্যামবার্গার লেআউটের নিজস্ব অফ-ক্যানভাস টাইপ রয়েছে।
প্যানেলের বিষয়বস্তু কি আমার পৃষ্ঠার গতি কমিয়ে দেয়?
টেমপ্লেটটি লোড হওয়ার সময় পৃষ্ঠায় রেন্ডার করা হয়, তারপর বোতামটি ক্লিক না করা পর্যন্ত লুকানো হয়। কয়েকটি উইজেট সহ একটি প্যানেল সামান্য ওজন যোগ করে, তবে এর ভিতরে ভারী স্লাইডার বা ভিডিওগুলি পৃষ্ঠার সাথে লোড হয়, তাই প্যানেল টেমপ্লেটগুলি হালকা রাখুন৷।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
