কিছু ব্যাকগ্রাউন্ড স্থির হয়ে বসে আছে, এবং কিছু প্রবাহিত। পাতলা রেখা দ্বারা সংযুক্ত ভাসমান বিন্দু, বা শিরোনামের পিছনে তুষার পড়ছে: কণার প্রভাবগুলি একটি ভিডিও ফাইলকে দৃশ্যমান ছাড়াই একটি বিভাগকে শান্ত গতি দেয়। বিনামূল্যে কণা এক্সটেনশন মধ্যে এলিমেন্টরের জন্য মাস্টার অ্যাডঅন সুপরিচিত কণা।js লাইব্রেরি দ্বারা চালিত এবং একটি একক JSON ক্ষেত্রের সাথে কনফিগার করা আপনার সামগ্রীর পিছনে ঠিক এটি রেন্ডার করে।
এখানে প্রকাশিত পৃষ্ঠায় স্নো প্রিসেট চালানো ডেমো বিভাগ রয়েছে:
কণা এক্সটেনশন কি করে #
একবার সক্রিয় হয়ে গেলে, বিভাগ, কলাম এবং পাত্রে একটি পান কণা তাদের মধ্যে প্যানেল শৈলী ট্যাব। উল্টানো কণা পটভূমি সক্ষম করুন হ্যাঁ এবং বিভাগের পটভূমি একটি লাইভ কণা ক্যানভাসে পরিণত হয়। প্যানেল এটি ন্যূনতম রাখে:
- কণা পটভূমি সক্ষম করুন: প্রভাবের জন্য চালু/বন্ধ সুইচ।
- Z-সূচক: যেখানে কণা স্তর স্ট্যাকের মধ্যে বসে, তাই এটি বিষয়বস্তুর পিছনে থাকে।
- কণা JSON: কণা ধারণ করা একটি কোড ক্ষেত্র।js কনফিগারেশন: কণার সংখ্যা, রঙ, আকৃতি, আকার, লিঙ্কিং লাইন, চলাচলের গতি এবং হোভার ইন্টারঅ্যাক্টিভিটি সবই এখানে বাস করে।
বাক্সে একটি ডিফল্ট কনফিগারেশন শিপ, একটি সূক্ষ্ম লাইন নেটওয়ার্ক দ্বারা যুক্ত সাদা বিন্দু, এবং প্যানেলটি আপনার নিজস্ব নির্মাণের জন্য সরাসরি কণা।js জেনারেটরের সাথে লিঙ্ক করে।
আপনি শুরু করার আগে #
- ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? অনুসরণ কর ইনস্টলেশন গাইড প্রথম।
- কণা একটি বিনামূল্যের এক্সটেনশন, তাই কোন প্রো লাইসেন্সের প্রয়োজন নেই।
- কোন কোডিং প্রয়োজন নেই: JSON একটি পয়েন্ট-এন্ড-ক্লিক জেনারেটর থেকে আসে।
কিভাবে কণা এক্সটেনশন সক্ষম করবেন #
আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, যান মাস্টার অ্যাডনস এবং খুলুন এক্সটেনশন ট্যাব। কণা বসে অ্যানিমেশন উইজেট একটি জনপ্রিয় ব্যাজ সহ গ্রুপ, ফ্লোটিং ইফেক্টের পাশে এবং অ্যানিমেটেড গ্রেডিয়েন্ট বিজি। এর টগলে ক্লিক করুন যাতে এটি বেগুনি হয়ে যায়, তারপর আঘাত করুন পরিবর্তন সংরক্ষণ করুন এবং সবুজ “Settings সফলভাবে সংরক্ষিত" নোটিশের জন্য অপেক্ষা করুন।
একটি বিভাগে কণা প্যানেল খুঁজুন #
এলিমেন্টর এডিটরে ধারক বা বিভাগ নির্বাচন করুন এবং খুলুন শৈলী ট্যাব। দ্য কণা বেগুনি MA ব্যাজ সহ বিভাগটি অন্যান্য মাস্টার অ্যাডঅন ব্যাকগ্রাউন্ড টুলের সাথে বসে: অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড, ব্যাকগ্রাউন্ড স্লাইডার, এবং নিদর্শন।
এটি চালু করুন এবং ডিফল্ট প্রভাব পূরণ করুন #
কণা প্রসারিত করুন এবং সুইচ করুন কণা পটভূমি সক্ষম করুন হ্যাঁ। ক্যানভাস অবিলম্বে ডিফল্ট কনফিগারেশন চালায়: সাদা বিন্দুগুলি বিভাগ জুড়ে প্রবাহিত হয়, একটি চলমান নেটওয়ার্কে পাতলা লাইন দ্বারা সংযুক্ত। দ্য কণা JSON নীচের ক্ষেত্রটি কনফিগার ধারণ করে যা এটি চালায়, এবং জেড-সূচক আপনার পাঠ্যের পিছনে স্তর রাখে।
কণা।js জেনারেটর থেকে একটি প্রিসেট ধরুন #
দ্য এখানে ক্লিক করুন JSON ক্ষেত্রের উপরের লিঙ্কটি কণা খোলে।js ডেমো সাইট, প্রিসেট কনফিগারেশন সহ একটি লাইভ জেনারেটর: ডিফল্ট, NASA, বাবল, স্নো এবং Nyan Cat। একটি বাছাই করুন, আপনি চাইলে স্লাইডার টিউন করুন এবং আঘাত করুন বর্তমান কনফিগারেশন ডাউনলোড করুন (json).
ডাউনলোড করা ফাইলটি খুলুন, JSON কপি করুন এবং কণা JSON ক্ষেত্রে পেস্ট করুন। ডেমোটি স্নো প্রিসেটের সাথে যায় এবং ক্যানভাস লাইন নেটওয়ার্ক থেকে নরম সাদা ফ্লেক্সে স্যুইচ করে যে মুহূর্তে কনফিগার অবতরণ করে সেই অংশের উপর পড়ে।
পৃষ্ঠায় ফলাফল #
এই পৃষ্ঠার শীর্ষে জিআইএফ-এর মতো প্রকাশ করুন এবং বিভাগটি নিজেই তুষারপাত করে। কণাগুলি বিষয়বস্তুর পিছনে একটি ক্যানভাসে রেন্ডার করে, তাই ব্যাকগ্রাউন্ড চলতে থাকা অবস্থায় উপরের সমস্ত কিছু খাস্তা থাকে। ডিফল্ট কনফিগারেশনগুলি কার্সারেও প্রতিক্রিয়া দেখায়; স্ট্যান্ডার্ড নেটওয়ার্ক প্রভাব হোভারে কণাকে বিকর্ষণ করে।
একটি ব্যবহারিক নোট: কণা গণনা কর্মক্ষমতা চালায়। স্নো প্রিসেট 400টি কণা চালায় এবং মসৃণ থাকে, কিন্তু যদি একটি পৃষ্ঠা বেশ কয়েকটি কণার অংশে স্ট্যাক করে, তাহলে গণনাগুলিকে পরিমিত রাখুন এবং একটি মধ্য-রেঞ্জের ফোনে এটি পরীক্ষা করুন৷।
যেখানে কণা ব্যাকগ্রাউন্ড ফিট করে #
- হিরো বিভাগ। সংযুক্ত-বিন্দু নেটওয়ার্ক একটি সাহসী শিরোনামের পিছনে প্রযুক্তি এবং আধুনিক পড়ে।
- মৌসুমী প্রচারণা। স্নো প্রিসেট যেকোন প্রচার বিভাগকে এক পেস্টে পরিণত করে।
- SaaS এবং স্টার্টআপ পেজ। ধীর-প্রবাহিত কণাগুলি পিচ থেকে বিভ্রান্ত না হয়ে গভীরতা যোগ করে।
- অন্ধকার বিভাগ। NASA-এর মতো স্টার-ফিল্ড কনফিগারেশনগুলি অন্ধকার ব্যাকগ্রাউন্ডগুলিকে ইচ্ছাকৃত মনে করে।
- ইভেন্ট এবং লঞ্চ পেজ। একটি কাউন্টডাউনের পিছনে গতি একটি বিক্ষিপ্ত পৃষ্ঠাকে জীবিত রাখে।
ভিডিও টিউটোরিয়াল #
প্রকাশিত পৃষ্ঠায় তুষারপাত পর্যন্ত এক্সটেনশন সক্ষম করা থেকে পুরো সেটআপটি দেখুন।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
আমি কিভাবে এলিমেন্টরে একটি কণা পটভূমি যোগ করব?
মাস্টার অ্যাডঅন এক্সটেনশন ট্যাবে কণা এক্সটেনশন সক্ষম করুন, একটি বিভাগ নির্বাচন করুন এবং স্টাইল ট্যাবে কণা খুলুন। কণা পটভূমি সক্ষম করুন হ্যাঁ এ স্যুইচ করুন এবং ডিফল্ট অ্যানিমেটেড নেটওয়ার্ক অবিলম্বে প্রদর্শিত হবে, কোন কনফিগারেশনের প্রয়োজন নেই।
আমি কোথায় বিভিন্ন কণা প্রভাব পেতে পারি?
প্যানেলে এখানে ক্লিক করুন লিঙ্কটি NASA, Bubble, Snow এবং Nyan Cat-এর মতো প্রিসেট সহ particles।js জেনারেটর খোলে। সেটিংস লাইভ সামঞ্জস্য করুন, JSON হিসাবে কনফিগারেশন ডাউনলোড করুন এবং কণা JSON ক্ষেত্রে পেস্ট করুন।
কণা কি পৃষ্ঠার গতি কমিয়ে দেয়?
প্রভাব একটি হালকা ক্যানভাসে চলে এবং সাধারণ গণনায় মসৃণ থাকে; স্নো ডেমো তোতলা ছাড়াই 400টি কণা চালায়। গণনা যুক্তিসঙ্গত রাখুন এবং একটি পৃষ্ঠায় অনেক কণা বিভাগ স্ট্যাক করা এড়িয়ে চলুন, বিশেষ করে মোবাইল দর্শকদের জন্য।
কণা কি মাউসের প্রতি প্রতিক্রিয়া দেখাতে পারে?
হ্যাঁ। particles।js কনফিগারেশনে ইন্টারঅ্যাক্টিভিটি সেটিংস অন্তর্ভুক্ত থাকে এবং কার্সারটি সেকশনের উপর দিয়ে চলে গেলে ডিফল্ট কনফিগারেশন কণাকে বিকর্ষণ করে। হোভার এবং ক্লিক আচরণ উভয়ই JSON-এ কনফিগারযোগ্য।
কণা এক্সটেনশন বিনামূল্যে?
হ্যাঁ। এক্সটেনশন ট্যাবের অ্যানিমেশন উইজেট গ্রুপে এলিমেন্টরের জন্য মাস্টার অ্যাডঅন-এর বিনামূল্যের সংস্করণের সাথে কণা পাঠানো হয়। প্রো প্ল্যানগুলি কী যোগ করে তা মূল্যের পৃষ্ঠাটি কভার করে।
মোড়ানো #
কণা এক্সটেনশন যেকোনো এলিমেন্টর বিভাগের পিছনে একটি লাইভ কণা ক্যানভাস রাখে: ডিফল্ট নেটওয়ার্কের জন্য একটি টগল, কণা।js জেনারেটর স্বপ্ন দেখতে পারে এমন কিছুর জন্য একটি পেস্ট করা JSON। গণনা বুদ্ধিমান রাখুন, Z-সূচক বিষয়বস্তুর পিছনে স্তর ধরে রাখতে দিন, এবং বিভাগটি একটি একক সম্পদ আপলোড ছাড়াই চলে যায়। এটি স্বাভাবিকভাবেই পাশে বসে অ্যানিমেটেড গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড এবং ব্যাকগ্রাউন্ড স্লাইডার একই শৈলী ট্যাবে এক্সটেনশন, এবং সম্পূর্ণ সেট মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন এক পৃষ্ঠা দূরে। হাত দ্বারা কণা।js যোগ করার সাথে এটি তুলনা করতে, দেখুন কণা এক্সটেনশন পৃষ্ঠা.
