বিনামূল্যে উপাদান কণা পটভূমি (কণা।js)
কণা হল একটি বিনামূল্যের মাস্টার অ্যাডঅন এক্সটেনশন যা যেকোনো এলিমেন্টর বিভাগ, কলাম বা পাত্রের পিছনে একটি particles।js অ্যানিমেশন চালায়। এটি চালু করুন এবং আপনি এখনই ডিফল্ট প্রভাব পাবেন: সাদা বিন্দুগুলি বিভাগ জুড়ে প্রবাহিত হচ্ছে, পাতলা রেখা দ্বারা যুক্ত হয়েছে এবং কার্সার দ্বারা দূরে ঠেলে দেওয়া হয়েছে। অন্য কিছুর জন্য, যেমন তুষার পড়া, ক্রমবর্ধমান বুদবুদ বা একটি তারকা ক্ষেত্র, কণা।js জেনারেটরে একটি কনফিগারেশন তৈরি করুন এবং প্যানেলে এর JSON পেস্ট করুন।
একটি ভিডিও ফাইল ছাড়া একটি চলমান পটভূমি
কণাগুলি একটি ক্যানভাসে কণা।js স্ক্রিপ্ট দ্বারা আঁকা হয়, তাই ডাউনলোড করার জন্য কোনও ভিডিও বা চিত্র নেই। জেড-ইনডেক্স সেটিং নির্ধারণ করে যে কণা স্তরটি কোথায় বসে, তাই আপনি এটিকে আপনার শিরোনাম এবং বোতামগুলির পিছনে রাখতে পারেন। আপনি যদি একাধিক বিভাগে কণা ব্যবহার করেন, তাহলে কণার সংখ্যা পরিমিত রাখুন এবং একটি ফোনে পৃষ্ঠাটি পরীক্ষা করুন।
- কোনো ভিডিও বা ইমেজ ফাইল নেই: অ্যানিমেশন ব্রাউজারে আঁকা হয়।
- আপনার বিষয়বস্তুর পিছনে কণা স্তর রাখতে একটি Z-সূচক সেটিং।
- বিভাগ, কলাম এবং পাত্রে কাজ করে, প্রতিটির নিজস্ব কনফিগারেশন রয়েছে।
একটি JSON ক্ষেত্র থেকে যেকোনো কণা।js প্রভাব
কণা JSON ক্ষেত্রটি কণা।js যা করতে পারে তা নিয়ন্ত্রণ করে: কণা গণনা, রঙ, আকৃতি, আকার, অস্বচ্ছতা, লিঙ্কিং লাইন, গতি এবং দিক, প্লাস হোভার এবং ক্লিক মিথস্ক্রিয়া। ক্ষেত্রের উপরের লিঙ্কটি কণা খোলে।js জেনারেটর। একটি প্রিসেট বাছাই করুন যেমন NASA, Bubble বা Snow, এটিকে স্লাইডার দিয়ে সামঞ্জস্য করুন এবং কনফিগারেশন ডাউনলোড করুন। এটি পেস্ট করুন এবং সম্পাদকে বিভাগ আপডেট করুন।
- জেনারেটরের প্রিসেট: ডিফল্ট, NASA, বাবল, স্নো এবং Nyan Cat।
- আকার: বৃত্ত, প্রান্ত, ত্রিভুজ, বহুভুজ, তারকা বা আপনার নিজের ছবি।
- হোভার এবং ক্লিক মোড যেমন রিপালস, গ্র্যাব, বাবল এবং পুশ।
এলিমেন্টরে কীভাবে একটি কণার পটভূমি যুক্ত করবেন
ডিফল্ট সাদা কণা দেখানোর জন্য একটি গাঢ় বা রঙিন পটভূমি প্রয়োজন, তাই প্রথমে সেট করুন।
- মাস্টার অ্যাডঅন ড্যাশবোর্ডের এক্সটেনশন ট্যাবে কণা চালু করুন।
- একটি বিভাগ, কলাম বা ধারক নির্বাচন করুন এবং এটি একটি গাঢ় পটভূমি রঙ দিন।
- স্টাইল ট্যাব খুলুন, কণা প্রসারিত করুন এবং কণা পটভূমি সক্ষম করুন চালু করুন।
- একটি ভিন্ন প্রভাবের জন্য, কণা JSON উপরের লিঙ্কে ক্লিক করুন, জেনারেটরে একটি প্রিসেট বাছাই করুন, JSON ডাউনলোড করুন এবং এটি ক্ষেত্রে পেস্ট করুন।
- Z-সূচক সেট করুন যাতে কণা স্তরটি আপনার সামগ্রীর পিছনে থাকে, তারপর প্রকাশ করুন।
আমাদের কণা পটভূমি টিউটোরিয়াল স্ক্রিনশট সহ প্রতিটি ধাপে হেঁটে যায়।
ওয়ার্ডপ্রেসে Particles।js: হাতে বা এক্সটেনশন সহ
particles।js হল একটি বিনামূল্যের জাভাস্ক্রিপ্ট লাইব্রেরি, এবং আপনি নিজেই এটি ওয়ার্ডপ্রেসে যোগ করতে পারেন। এক্সটেনশনের সাথে তুলনা করে যা লাগে তা এখানে।
| হাত দ্বারা কণা।js যোগ করা হচ্ছে | কণা এক্সটেনশন | |
|---|---|---|
| স্ক্রিপ্ট লোড হচ্ছে | আপনার থিমে লাইব্রেরি সারিবদ্ধ করুন | শুধুমাত্র একটি কণা বিভাগ সহ পৃষ্ঠাগুলিতে লোড করা হয়েছে৷ |
| কণা স্তর | একটি ডিভ যোগ করুন এবং এটিকে CSS দিয়ে সামগ্রীর পিছনে অবস্থান করুন | আপনার জন্য বিভাগে যোগ করা হয়েছে |
| কনফিগারেশন | একটি স্ক্রিপ্টে আপনার JSON দিয়ে কণা JS() কল করুন | প্যানেলে JSON পেস্ট করুন |
| পূর্বরূপ | সামনের দিকে | এলিমেন্টর এডিটরে ঠিক |
| লেয়ারিং | আপনার নিজের z-সূচক নিয়ম লিখুন | Z-সূচক ক্ষেত্র |
কণা সঙ্গে ভাল জোড়া গ্লাসমরফিজম উপরে কার্ড। অন্যান্য চলমান ব্যাকগ্রাউন্ডের জন্য, চেষ্টা করুন ব্যাকগ্রাউন্ড স্লাইডার বা অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড (প্রো)।
কণার জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমি একজন ডেভেলপার নই। JSON জিনিস কি আমার জন্য খুব কঠিন?
না। ইফেক্ট চালু করলে আপনাকে JSON ছাড়াই ডিফল্ট লুক দেয়। অন্যান্য চেহারার জন্য, particles।js জেনারেটর স্লাইডার এবং কালার পিকার দিয়ে কাজ করে। এটি যে কনফিগারেশন তৈরি করে তা ডাউনলোড করুন এবং কণা JSON ক্ষেত্রে পেস্ট করুন।
আমি কি আমার নিজের ছবি (লোগোর মতো) কণা হিসেবে ব্যবহার করতে পারি?
হ্যাঁ। particles।js জেনারেটরে, চিত্রের আকৃতির ধরন সেট করুন এবং আপনার ছবির URL লিখুন, যেমন একটি ছোট লোগো। কনফিগারেশনটি ডাউনলোড করুন এবং কণা JSON ক্ষেত্রে পেস্ট করুন।
এটা কি মোবাইল ফোনে কাজ করবে?
হ্যাঁ, অ্যানিমেশন ফোন এবং ট্যাবলেটে চলে। একটি উচ্চ কণা গণনা পুরানো ফোনগুলিকে ধীর করে দিতে পারে, তাই মোবাইল দর্শকরা যে বিভাগগুলি দেখতে পাবে তার জন্য নম্বরটি পরিমিত রাখুন৷।
আমি কি একই পৃষ্ঠার বিভিন্ন বিভাগে বিভিন্ন কণা প্রভাব রাখতে পারি?
হ্যাঁ। প্রতিটি বিভাগ, কলাম এবং কন্টেইনারের নিজস্ব কণা JSON ক্ষেত্র রয়েছে, তাই আপনার নায়ক একটি তারকা ক্ষেত্র দেখাতে পারে যখন অন্য বিভাগে তুষার ব্যবহার করা হয়।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
