কীভাবে এলিমেন্টর ব্যবহার করে অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড তৈরি করবেন

Rifat Jul 26, 2022

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

অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ডে Elementor pro ব্যবহার করার প্রয়োজন নেই। আপনি Elementor এর বিনামূল্যের সংস্করণ এবং একটি অতিরিক্ত বিনামূল্যের প্লাগইন ব্যবহার করে আমাদের অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ডিজাইন করবেন।

এলিমেন্টর ব্যবহার করে অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড তৈরি করুন

আপনাকে অবশ্যই এলিমেন্টর অ্যাডন এলিমেন্টস ওয়ার্ডপ্রেস প্লাগইন সক্রিয় করতে হবে। আপনাকে আপনার অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকড্রপের জন্য অর্থ প্রদান করতে হবে না কারণ প্লাগইনটি বিনামূল্যে৷

প্লাগইনটি ইনস্টল করুন এবং সক্রিয় করুন, তারপরে যেকোনো ওয়েবসাইটে এলিমেন্টর সম্পাদক চালু করুন। একটি পটভূমি যোগ করতে, সেই বিভাগের জন্য বিভাগ বা কলাম সম্পাদনা আইকনে ক্লিক করুন। তারপর, বাম ড্যাশবোর্ড থেকে, স্টাইল ট্যাবে নেভিগেট করুন এবং অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড মেনু নির্বাচন করুন।

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

আপনি যখন গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড বৈশিষ্ট্যগুলি সক্ষম করবেন, তখন সম্পাদনা বিকল্পটি প্রদর্শিত হবে। তারপরে আপনি আপনার পটভূমিতে একাধিক রঙ যুক্ত করতে পারেন। ডিফল্টরূপে তিনটি রং যোগ করা হয়। রঙ পরিবর্তন করতে, কেবল এটিতে ক্লিক করুন। রঙে ক্লিক করার পরে, আপনি একটি রঙ নির্বাচন করতে রঙ চয়নকারী ব্যবহার করতে পারেন।

রঙ যোগ করতে, আইটেম যোগ করুন বোতামে ক্লিক করুন। আপনি কপি আইকনটি নির্বাচন করে রঙটি অনুলিপি করতে পারেন এবং মুছুন আইকনটি ব্যবহার করে এটি মুছতে পারেন। অ্যানিমেটেড প্রভাবটি ব্যাকড্রপে দেখা যাবে একবার সমস্ত রঙ যোগ করা হলে।

এই প্লাগইনে, গ্রেডিয়েন্ট ব্যাকগ্রাউন্ডের জন্য শুধুমাত্র একটি অ্যানিমেশন প্রভাব রয়েছে। ফলস্বরূপ, আপনি অ্যানিমেশন প্রভাব সামঞ্জস্য করতে অক্ষম হবে. যাইহোক, ডিফল্ট অ্যানিমেশন প্রভাবটি এত সুন্দর যে এটি কেবল আপনার ব্যবহারকারীদের প্রলুব্ধ করবে।

মোড়ক উম্মচন

পদ্ধতি অনুসরণ করে, আপনি বিনামূল্যে এলিমেন্টর পৃষ্ঠা নির্মাতা প্লাগইন দিয়ে একটি অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড তৈরি করতে সক্ষম হবেন। অন্যান্য এলিমেন্টর পাঠগুলি দেখুন এবং আপনার বন্ধুদের সাথে এটি শেয়ার করতে দ্বিধা বোধ করুন যদি আপনি এটি দরকারী বলে মনে করেন।