ডিফল্ট এলিমেন্টর প্লাগইন আপনাকে একাধিক ধরনের এলিমেন্টর পেজ ব্যাকগ্রাউন্ড তৈরি করতে দেয়। উদাহরণস্বরূপ এলিমেন্টর ভিডিও ব্যাকগ্রাউন্ড, ইমেজ বা ভিডিও সহ এলিমেন্টর প্যারালাক্স ব্যাকগ্রাউন্ড।
বোনাস টিপস হিসাবে, আমি এলিমেন্টর বিভাগের ব্যাকগ্রাউন্ডে অ্যানিমেটেড গ্রেডিয়েন্ট, ব্যাকগ্রাউন্ড স্লাইডার এবং কণাগুলিকে কীভাবে সাজাতে হয় তা শেয়ার করব। এটা দেখ এলিমেন্টর বিভাগে চলমান পটভূমি চিত্র যোগ করুন.
প্রথমে, আমি আপনাকে দেখাই কিভাবে পৃষ্ঠা সেটিংস থেকে একটি পূর্ণ পৃষ্ঠার পটভূমি সাজাতে হয়।
আপনার পৃষ্ঠা সম্পাদকের নীচে বাম দিকে সেটিংস আইকনে ক্লিক করুন৷।
এখন স্টাইল ট্যাবে নেভিগেট করুন। ব্যাকগ্রাউন্ড টাইপ ক্লাসিক বা গ্রেডিয়েন্ট নির্বাচন করুন। ক্লাসিক বিকল্প থেকে আপনি এলিমেন্টর পৃষ্ঠার পটভূমি হিসাবে যেকোনো ছবি নির্বাচন করতে পারবেন।
সাধারণ এলিমেন্টর পৃষ্ঠার পটভূমি এভাবেই কাজ করে।
আপনার এলিমেন্টর বিভাগে ভিডিও, ইমেজ, প্যারালাক্স, অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কীভাবে সাজানো যায় তা ব্যাখ্যা করার সময় এসেছে।
শুধু আপনার পৃষ্ঠায় একটি বিভাগ যোগ করুন। তারপর শৈলী এলাকায় নেভিগেট করুন। আপনি ব্যাকগ্রাউন্ড অপশন দেখতে পাবেন। ডিফল্ট এলিমেন্টরে, ক্লাসিক, গ্রেডিয়েন্ট, ভিডিও, স্লাইডশো 4টি ভিন্ন ধরনের ব্যাকগ্রাউন্ড রয়েছে।
ক্লাসিক ব্যাকগ্রাউন্ড
ক্লাসিক ব্যাকগ্রাউন্ড টাইপ থেকে আপনি রঙ বা ছবি নির্বাচন করতে পারবেন। গ্রেডিয়েন্ট টাইপ নির্বাচন করুন এবং আপনার পছন্দসই রং, রঙের অবস্থান, কোণ এবং গ্রেডিয়েন্ট টাইপ (লিনিয়ার বা রেডিয়াল) ইনপুট করুন।
বিভাগের জন্য ভিডিও পটভূমি
আপনি YouTube, Vimeo, স্ব-হোস্টেড MP4 ভিডিও লিঙ্ক ব্যবহার করতে পারেন। তারপর আপনি ভিডিও শুরুর সময় এবং শেষ সময় সংজ্ঞায়িত করতে পারেন। আপনি যদি শুধুমাত্র একবার ভিডিও চালাতে চান তবে একবার প্লে সক্ষম করুন৷ এছাড়াও, আপনি যদি মোবাইল ডিভাইসে আপনার বিভাগের ব্যাকগ্রাউন্ড ভিডিও চালাতে পছন্দ করেন তবে মোবাইলে প্লে সক্ষম করুন৷।
এলিমেন্টর ব্যাকগ্রাউন্ড স্লাইডার
স্লাইডশো নির্বাচন করুন এবং আপনার মিডিয়া থেকে একাধিক ছবি আপলোড বা নির্বাচন করুন। পাঁচটি রূপান্তর প্রভাব, ট্রানজিশন সময়কাল সেট করুন, পটভূমির আকার এবং অবস্থান নির্বাচন করুন।
যে সব ডিফল্ট উপাদান বিভাগ ব্যাকগ্রাউন্ড সেটিংস সম্পর্কে।
দেখা যাক কিভাবে সেট করতে হয় এলিমেন্টর কেনবার্নস প্রভাব অধ্যায় পটভূমিতে। এর পরে, আমি আপনাকে দেখাব কিভাবে ব্যবস্থা করতে হয় কণা এবং অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড এলিমেন্টর বিভাগে।
আপনি যদি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে মাস্টার অ্যাডঅন প্লাগইন ইনস্টল না করে থাকেন, তাহলে নিম্নলিখিত বৈশিষ্ট্যের সাথে কাজ করার জন্য এটি করুন। এই বিনামূল্যের প্লাগইন দিয়ে কিভাবে একটি ইন্টারেক্টিভ ব্যাকগ্রাউন্ড তৈরি করবেন তা পরীক্ষা করুন।
কেনবার্নস অ্যানিমেশন ব্যাকগ্রাউন্ড স্লাইডার
মাস্টার অ্যাডঅন প্লাগইন ইনস্টল করার পরে আপনি দেখতে পাবেন ব্যাকগ্রাউন্ড স্লাইডার বিভাগ শৈলী ট্যাবে বিকল্প। একাধিক ছবি আপলোড করুন, ছবির আকার, রূপান্তর, অ্যানিমেশন, ওভারলে শৈলী এবং চিত্র স্লাইড বিলম্ব নির্বাচন করুন। আপনি 25টি বিভিন্ন ধরনের ট্রানজিশন এবং 10টি ভিন্ন কেনবার্ন অ্যানিমেশন ইফেক্ট পাবেন।
এলিমেন্টর কণার পটভূমি
শুধু কণা সক্রিয় করুন এবং আপনি নীচের ক্ষেত্রের জন্য JSON কোড তৈরি করতে একটি “Here” লিঙ্ক দেখতে পাবেন। লিঙ্কে যান এবং আপনার পছন্দসই কণা তৈরি করুন। JSON ফাইলটি ডাউনলোড করুন এবং ফাইল থেকে পেস্ট করতে কোডটি অনুলিপি করুন। কিভাবে পরীক্ষা করুন এলিমেন্টরে কণার পটভূমি যোগ করুন আরো বিস্তারিত জানার জন্য পোস্ট করুন। কণা সক্ষম করার আগে শুধু পটভূমির রঙ, গ্রেডিয়েন্ট সেট করতে ভুলবেন না।
এলিমেন্টর অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড
সঙ্গে অ্যানিমেটেড গ্রেডিয়েন্ট বিজি master Addons Pro সক্রিয় থেকে এক্সটেনশন, আপনি বিভাগ শৈলী ট্যাবে "অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড" বিকল্পটি দেখতে পাবেন। শুধু এটি সক্ষম করুন এবং আপনি ডিফল্ট অ্যানিমেটেড গ্রেডিয়েন্ট বিজি দেখতে পাবেন। কোণ মান পরিবর্তন করুন এবং আপনার বিভাগের গ্রেডিয়েন্টের জন্য আপনার যতটা রঙ প্রয়োজন যোগ করুন। এখানে Elementor অ্যানিমেটেড গ্রেডিয়েন্ট BG এর একটি বাস্তব উদাহরণ।
এটাই। এখন আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে মাস্টার অ্যাডঅন প্লাগইন ইনস্টল এবং সক্রিয় করুন। তারপর যেকোন ধরনের এলিমেন্টর পেজ ব্যাকগ্রাউন্ড বা সেকশন ব্যাকগ্রাউন্ড সাজান। আপনি একটি ড্রপ করতে পারেন চিত্র তুলনা স্লাইডার একটি ডিজাইনের আগে এবং পরে সংস্করণ দেখানোর জন্য পৃষ্ঠায়। আপনি যদি কোন সমস্যার সম্মুখীন হন তবে নির্দ্বিধায় আমাদের বিশেষজ্ঞ দলের সাথে যোগাযোগ করুন।
