একটি উপাদান যা কেবল স্ক্রলে প্রদর্শিত হয় তা ঠিক আছে। একটি উপাদান যে অনাবৃত, একটি রঙিন প্যানেল এটি প্রকাশ করার জন্য দূরে স্লাইড হিসাবে, ডিজাইন করা অনুভূত হয়। দ্য এক্সটেনশন প্রকাশ করুন মধ্যে মাস্টার অ্যাডনস প্রো যোগ করে যে স্ক্রোল-ট্রিগার করা ব্লক এলিমেন্টর উইজেট এবং কলামগুলিতে প্রভাব প্রকাশ করে: একটি রঙিন ওভারলে ভিউপোর্টে প্রবেশ করার সাথে সাথে উপাদান জুড়ে মুছে যায়, তারপর নীচের বিষয়বস্তু দেখানোর জন্য পরিষ্কার করে। আপনি এলিমেন্টর প্যানেল থেকে ওভারলে রঙ, মোছার দিক, গতি এবং বিলম্ব নিয়ন্ত্রণ করেন।
প্রকাশ এক্সটেনশন কি? #
দ্য প্রকাশ করা এক্সটেনশন হল একটি মাস্টার অ্যাডনস প্রো অ্যানিমেশন এক্সটেনশন যা একটি উইজেট বা কলামে একটি ব্লক রিভিল প্লে করে যখন এটি দৃশ্যে স্ক্রোল করে। বিবর্ণ বা স্লাইড করার পরিবর্তে, উপাদানটি একটি কঠিন রঙের প্যানেলের পিছনে বসে যা এটি প্রকাশ করার জন্য দূরে সরে যায়। যেহেতু অ্যানিমেশনটি স্ক্রোল অবস্থানের সাথে আবদ্ধ থাকে, প্রতিটি উপাদান ঠিক তখনই নিজেকে প্রকাশ করে যখন দর্শক এটিতে পৌঁছায়, যা পৃষ্ঠার নিচের দিকে চোখ টানে। এটি প্রতি পৃষ্ঠা লোড একবার খেলে।
একবার এক্সটেনশন সক্রিয় হয়ে গেলে, উইজেট এবং কলামগুলির অধীনে একটি প্রকাশ বিকল্প লাভ করে উন্নত ট্যাব, চারটি সেটিংস সহ: প্রকাশ রঙ (উপাদানটি কভার করে এমন প্যানেল), অভিমুখ প্যানেল এটি পরিষ্কার হিসাবে ভ্রমণ, গতি, এবং বিলম্ব। এটি শিরোনাম, ছবি, বোতাম এবং অন্যান্য উইজেট এবং উত্তরাধিকার বিভাগে কলামগুলিতে কাজ করে৷ ফ্লেক্সবক্স কন্টেইনার এবং বিভাগগুলি বিকল্প পায় না।
আপনি শুরু করার আগে #
- ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? অনুসরণ কর ইনস্টলেশন গাইড প্রথম।
- মাস্টার অ্যাডনস প্রো সক্রিয়, যেহেতু প্রকাশ একটি প্রো এক্সটেনশন।
কিভাবে প্রকাশ এক্সটেনশন সক্রিয় করতে হয় #
আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, খুলুন মাস্টার অ্যাডনস এবং যান এক্সটেনশন ট্যাব। প্রকাশ বসে অ্যানিমেশন উইজেট গ্রুপ, পাশাপাশি প্রবেশ অ্যানিমেশন (প্রো) এবং রূপান্তরিত করে। এটির টগল ক্লিক করুন যাতে এটি চালু হয়, তারপর টিপুন পরিবর্তন সংরক্ষণ করুন এবং নিশ্চিতকরণ বিজ্ঞপ্তির জন্য অপেক্ষা করুন। প্রকাশ বিকল্পটি এখন এলিমেন্টর সম্পাদকের উইজেট এবং কলামগুলিতে উপলব্ধ।
একটি উপাদান একটি প্রকাশ অ্যানিমেশন যোগ করুন #
এলিমেন্টর এডিটরে, আপনি যে উপাদানটি অ্যানিমেট করতে চান সেটি নির্বাচন করুন, তারপর খুলুন উন্নত ট্যাব এবং প্রসারিত প্রকাশ করা বিভাগ চালু করুন সক্রিয় প্রকাশ এবং নিয়ন্ত্রণ সেট করুন:
- রঙ: কঠিন প্যানেল যা উপাদানটি প্রকাশের আগে কভার করে। একটি বিজোড় মোছার জন্য এটিকে আপনার বিভাগের পটভূমিতে মেলান, বা আরও সাহসী ঝাড়ু দেওয়ার জন্য একটি ব্র্যান্ডের রঙ ব্যবহার করুন৷।
- নির্দেশনা: কেন্দ্র, বাম থেকে ডান, ডান থেকে বাম, উপরে থেকে নীচে, বা নীচে থেকে উপরে।
- গতি: 0 থেকে 10, যেখানে ডিফল্ট 5 অর্ধ সেকেন্ড। নিম্ন দ্রুত।
- বিলম্ব: 0 থেকে 20, প্যানেল সরানোর আগে দুই সেকেন্ড পর্যন্ত। বিভিন্ন উপাদান স্তব্ধ করতে এটি ব্যবহার করুন।
প্রকাশটি স্ক্রোল-ট্রিগার করা হয়েছে, তাই উপাদানটি ভিউপোর্টে স্ক্রোল না করা পর্যন্ত কিছুই বাজবে না। সম্পাদকে এটি পৃষ্ঠা লোড হওয়ার কিছুক্ষণ পরেই চলে। লাইভ পৃষ্ঠায় উপাদানটি ভিউপোর্টে প্রবেশ করলে এটি একবার প্লে হয় এবং একটি পুনরায় লোড এটি আবার প্লে করে।
পৃষ্ঠায় ফলাফল #
প্রকাশ বা পূর্বরূপ এবং পৃষ্ঠা নিচে স্ক্রোল। রিভিল সক্ষম সহ প্রতিটি উপাদান স্ক্রিনে প্রবেশ করার সাথে সাথে, এর রঙের প্যানেলটি আপনার বেছে নেওয়া দিক এবং আপনি যে গতিতে সেট করেছেন সেদিকে ঝাড়ু দেয়, নীচের বিষয়বস্তু উন্মোচন করে। কারণ ইফেক্ট কী স্ক্রোল পজিশন বন্ধ করে, ভিজিটর পৃষ্ঠার নিচে যাওয়ার সাথে সাথে প্রকাশিত উপাদানগুলির একটি স্ট্যাক ক্যাসকেড হয়। দ্য এক্সটেনশন পৃষ্ঠা প্রকাশ করুন একটি ডেমো আছে।
যেখানে প্রকাশ প্রভাব তার স্থান অর্জন করে #
- বিভাগের শিরোনাম। একটি H2-এ একটি প্রকাশ পাঠক এটিতে আসার সাথে সাথে একটি নতুন বিভাগ শুরু হওয়ার সংকেত দেয়।
- নায়কের ছবি। একটি রঙিন মুছা দিয়ে একটি নায়কের ছবি উন্মোচন করা একটি সাধারণ বিবর্ণ থেকে একটি শক্তিশালী প্রথম ছাপ তৈরি করে৷।
- বৈশিষ্ট্য বা পোর্টফোলিও গ্রিড। স্ক্রলে একবারে এক সারি কার্ড প্রকাশ করা চোখকে গ্রিডের মধ্য দিয়ে চলাচল করে।
- কর্মের আহ্বান। একটি বোতাম বা অফার ব্লকের একটি প্রকাশ দৃষ্টি আকর্ষণ করে যখন এটি দৃশ্যে স্ক্রোল করে।
- পরিসংখ্যান এবং উদ্ধৃতি। একটি সংখ্যা বা একটি প্রশংসাপত্র উন্মোচন এটি ফোকাস একটি মুহূর্ত দেয়।
প্রকাশ ব্যবহার করার জন্য টিপস #
- গতি আরামদায়ক রাখুন। একটি খুব ধীর প্রকাশ দর্শকদের পড়ার অপেক্ষায় রেখে যেতে পারে; একটি দ্রুত মুছা সাধারণত আরো প্রতিক্রিয়াশীল মনে হয়।
- বিভাগে রঙ মেলে। বিভাগের পটভূমিতে প্রকাশের রঙ সেট করা প্যানেলটিকে অদৃশ্য করে তোলে যতক্ষণ না এটি সরে যায়, তাই উপাদানটি মনে হচ্ছে এটি অস্তিত্বে মুছে ফেলা হচ্ছে।
- অল্প ব্যবহার করুন। পৃষ্ঠার প্রতিটি উপাদান প্রকাশ করা প্রভাবকে পাতলা করে। আপনি যে উপাদানগুলি লক্ষ্য করতে চান তার জন্য এটি সংরক্ষণ করুন।
- মোবাইল চেক করুন। সংক্ষিপ্ত স্ক্রিনগুলি দ্রুত স্ক্রোল করে, তাই প্রকাশ নিশ্চিত করুন যে এখনও আগুন জ্বলছে এবং ফোন এবং ট্যাবলেটগুলিতে ভালভাবে পড়ে।
- অন্যান্য অ্যানিমেশন এক্সটেনশনের সাথে এটি জুড়ুন। এর সাথে প্রকাশ একত্রিত করুন প্রবেশ অ্যানিমেশন অথবা সম্পূর্ণ পরিসীমা অন্বেষণ এলিমেন্টর অ্যানিমেশন প্রভাব সমৃদ্ধ গতির জন্য।
ভিডিও টিউটোরিয়াল #
রিভিল এক্সটেনশনটিকে অ্যাকশনে দেখুন, এটিকে সক্ষম করা থেকে শুরু করে একটি উপাদানের রঙ, দিক এবং গতি সেট করা পর্যন্ত:
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
মাস্টার অ্যাডঅনগুলিতে রিভিল এক্সটেনশন কী?
রিভিল এক্সটেনশন হল একটি মাস্টার অ্যাডনস প্রো অ্যানিমেশন এক্সটেনশন যা এলিমেন্টর উইজেট এবং কলামগুলিতে একটি স্ক্রোল-ট্রিগার করা ব্লক রিভিল ইফেক্ট যোগ করে। একটি কঠিন রঙের প্যানেল উপাদানটিকে ঢেকে রাখে এবং তারপরে উপাদানটি স্ক্রল করার সাথে সাথে এটিকে উন্মোচন করতে দূরে সরে যায়। আপনি এটিকে এক্সটেনশন ট্যাবে সক্ষম করুন, তারপর উন্নত ট্যাব থেকে প্রতিটি উপাদানের রঙ, দিক, গতি এবং বিলম্ব সেট করুন৷।
আমি কিভাবে Elementor এ স্ক্রলে একটি প্রকাশ অ্যানিমেশন যোগ করব?
মাস্টার অ্যাডঅন এক্সটেনশন ট্যাবে রিভিল এক্সটেনশন সক্ষম করুন, তারপর একটি উপাদান নির্বাচন করুন এবং উন্নত ট্যাব খুলুন। প্রকাশ বিভাগটি প্রসারিত করুন, প্রভাবটি চালু করুন এবং প্রকাশের রঙ, দিক এবং গতি চয়ন করুন। অ্যানিমেশনটি স্ক্রোল-ট্রিগার করা হয়, তাই উপাদানটি ভিউপোর্টে প্রবেশ করলে এটি স্বয়ংক্রিয়ভাবে চলে।
আমি প্রকাশ প্রভাব কি কাস্টমাইজ করতে পারেন?
চারটি নিয়ন্ত্রণ রয়েছে: প্যানেলের রঙ যা উপাদানটিকে কভার করে (কঠিন বা গ্রেডিয়েন্ট), প্যানেলটি পরিষ্কার করার সাথে সাথে যে দিকে ভ্রমণ করে, গতি এবং বিলম্ব। একসাথে তারা আপনাকে আপনার বিভাগের ব্যাকগ্রাউন্ড বা ব্র্যান্ডের রঙের সাথে প্রকাশের সাথে মেলাতে দেয় এবং উপাদানটি কত দ্রুত উন্মোচিত হয় তা নিয়ন্ত্রণ করে।
Reveal কি কোনো এলিমেন্টর এলিমেন্টে কাজ করে?
প্রতিটি উপাদান নয়। রিলিজ বিকল্পটি উইজেট এবং লিগ্যাসি বিভাগে কলামগুলির উন্নত ট্যাবের অধীনে প্রদর্শিত হয়। ফ্লেক্সবক্স কন্টেইনার এবং বিভাগগুলি এটি পায় না, তাই তাদের ভিতরের উইজেটগুলিতে প্রকাশ প্রয়োগ করুন৷।
প্রকাশ এক্সটেনশন বিনামূল্যে?
না। প্রকাশ মাস্টার অ্যাডনস প্রো এর অংশ। প্রো সক্রিয় হয়ে গেলে এটি এক্সটেনশন ট্যাবের অ্যানিমেশন উইজেট গ্রুপে উপস্থিত হয়। মূল্য পৃষ্ঠা পরিকল্পনা তালিকা।
মোড়ানো #
রিভিল এক্সটেনশন একটি প্লেইন স্ক্রোলকে একটি ডিজাইনে পরিণত করে: একটি রঙিন প্যানেল প্রতিটি উপাদানকে উন্মোচন করার জন্য মুছে দেয় যখন এটি ভিউপোর্টে প্রবেশ করে, রঙ, দিক এবং গতি এলিমেন্টর প্যানেল থেকে সেট করা হয়। একটি শিরোনাম বা হিরো ইমেজ দিয়ে শুরু করুন, আপনার বিভাগে রঙ টিউন করুন এবং সেখান থেকে তৈরি করুন। এটি স্বাভাবিকভাবেই এর সাথে জোড়া দেয় প্রবেশ অ্যানিমেশন এবং রূপান্তরিত করে এক্সটেনশন, এবং এর সম্পূর্ণ লাইনআপ মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন বাকিগুলো ঢেকে দেয়।