আপনার নিজস্ব এলিমেন্টর উইজেট তৈরি করুন। কোন কোড প্রয়োজন নেই।
আপনার কাস্টম কোড এবং এলিমেন্টর সম্পাদকের মধ্যে একটি শক্তিশালী সেতু তৈরি করতে মাস্টার অ্যাডনস দ্বারা উইজেট বিল্ডারের সাথে দেখা করুন। অনন্য ডিজাইন, এআই-জেনারেটেড ইন্টারফেস বা ইন্টারেক্টিভ কোডপেন স্নিপেটগুলিকে সম্পূর্ণ কার্যকরী, পুনরায় ব্যবহারযোগ্য এলিমেন্টর উইজেটে পরিণত করুন।
উইজেট বিল্ডার সুবিধা
সত্যিই অনন্য উইজেট তৈরি করুন
আপনার প্রকল্পের সঠিক প্রয়োজনে উইজেট তৈরি করুন - এমন কিছু যা আগে থেকে তৈরি লাইব্রেরি অফার করতে পারে না।
AI এবং CodePen ডিজাইনগুলিকে প্রাণবন্ত করে তুলুন
AI টুলস থেকে কাস্টম UI বা CodePen থেকে লাইভ প্রোটোটাইপগুলিকে আপনার সাইটে সম্পাদনাযোগ্য এলিমেন্টর উইজেট হিসাবে সরাসরি সংহত করুন।
সম্পূর্ণ সৃজনশীল নিয়ন্ত্রণ
আপনি সম্পূর্ণ স্ট্যাকের মালিক: স্ট্রাকচার (HTML), স্টাইল (CSS), এবং ইন্টারঅ্যাক্টিভিটি (JS), এবং বাহ্যিক লাইব্রেরি যোগ করার ক্ষমতা।
পুনঃব্যবহার করুন এবং সময় বাঁচান
একবার একটি উইজেট তৈরি করুন, এটি আপনার লাইব্রেরিতে সংরক্ষণ করুন এবং সামঞ্জস্যপূর্ণ, সম্পাদনাযোগ্য সেটিংস সহ যেকোনো প্রকল্পে এটি পুনরায় ব্যবহার করুন।
পাওয়ার ব্যবহারকারীদের জন্য নির্মিত
আপনি যদি Elementor জানেন, আপনি Widget Builder ব্যবহার করতে পারেন। পরিচিত ট্যাব-ভিত্তিক ইন্টারফেস উইজেট তৈরিকে চাক্ষুষ এবং স্বজ্ঞাত করে তোলে।
যেকোনো সাইট জুড়ে কাস্টম উইজেট
একবার একটি উইজেট তৈরি করুন এবং সম্পূর্ণ ভিন্ন ওয়ার্ডপ্রেস ওয়েবসাইটে ব্যবহার করার জন্য সহজেই রপ্তানি/আমদানি করুন, প্রচুর সময় বাঁচান
আপনার উইজেট তৈরি করুন এবং নাম দিন
আপনার নতুন উপাদানের পরিচয় প্রতিষ্ঠা করে শুরু করুন। এটিকে একটি পরিষ্কার শিরোনাম দিন এবং প্রতিবার এলিমেন্টর ব্যবহার করার সময় নির্বিঘ্ন অ্যাক্সেসের জন্য এটিকে একটি বিভাগের মধ্যে সংগঠিত করুন।
- আপনার উইজেটে একটি অনন্য এবং বর্ণনামূলক শিরোনাম বরাদ্দ করুন।
- সম্পাদক প্যানেলে সহজ ভবিষ্যতে অ্যাক্সেসের জন্য এটিকে শ্রেণীবদ্ধ করুন।
- আপনার পুনঃব্যবহারযোগ্য উপাদানের জন্য মৌলিক ভিত্তি সেট আপ করুন।
সম্পাদকের অভিজ্ঞতা ডিজাইন করুন
আপনার ব্যবহারকারীরা যে ইন্টারফেসটির সাথে ইন্টারঅ্যাক্ট করবে তা তৈরি করুন। টগল এবং কালার পিকারের মতো কন্ট্রোল যোগ করে, আপনি কোনো কোড না লিখেই উইজেটের সেটিংস প্যানেলটি দৃশ্যত তৈরি করেন।
- বাম প্যানেল থেকে নিয়ন্ত্রণ যোগ করুন (টেক্সট, রঙ, নির্বাচন করুন)।
- প্রতিটি নিয়ন্ত্রণ এলিমেন্টরে একটি সম্পাদনাযোগ্য বিকল্প হয়ে ওঠে।
- দৃশ্যত সম্পূর্ণ ব্যবহারকারী-মুখী সেটিংস প্যানেল ডিজাইন করুন।
আপনার কোড মানচিত্র নিয়ন্ত্রণ
এখানেই আপনার উইজেট গতিশীল হয়ে ওঠে। নির্মাতা প্রতিটি নিয়ন্ত্রণের জন্য স্মার্ট শর্টকোড তৈরি করে, যা আপনি সেটিংস এবং আউটপুটের মধ্যে লাইভ লিঙ্ক তৈরি করতে আপনার টেমপ্লেটে রাখেন।
- {{color}}-এর মতো স্বয়ংক্রিয়-উত্পাদিত শর্টকোড ব্যবহার করুন।
- এগুলিকে আপনার HTML, CSS, বা JS কোডে আটকান৷।
- এডিটর ইনপুট এবং ফ্রন্ট-এন্ড ডিসপ্লের মধ্যে একটি সরাসরি লিঙ্ক তৈরি করুন।
সংরক্ষণ করুন এবং যে কোন জায়গায় ব্যবহার করুন
একবার সংরক্ষিত হলে, আপনার কাস্টম উইজেট কর্মের জন্য প্রস্তুত। এটি এলিমেন্টর এডিটরে প্রদর্শিত হয়, যেকোনো পৃষ্ঠায় টেনে আনার জন্য প্রস্তুত এবং আপনার তৈরি করা লাইভ সেটিংসের সাথে কাস্টমাইজ করা যায়।
- অবিলম্বে এটি আপনার Elementor প্যানেলে যোগ করতে সংরক্ষণ করুন।
- যেকোনো পৃষ্ঠায় উইজেটটি টেনে আনুন এবং ফেলে দিন।
- লাইভ সেটিংস সামঞ্জস্য করুন এবং অবিলম্বে ডিজাইন রেন্ডার দেখুন।
প্রস্তুত উইজেট
বারোটি প্রো লেআউট এবং আটটি বিনামূল্যের। JSON আমদানি করুন, Elementor এ সম্পাদনা করুন।
আপনি আসলে কি নির্মাণ করতে পারেন?
এআই থেকে ওয়েবসাইট পর্যন্ত
একটি AI ডিজাইন টুল সহ একটি জটিল মূল্য কার্ড বা প্রশংসাপত্র স্লাইডার তৈরি করুন, কোডটি অনুলিপি করুন এবং এটি উইজেট বিল্ডারে প্লাগ করুন৷ এটি এখন সম্পাদনাযোগ্য পাঠ্য এবং রঙ সহ একটি পরিচালনাযোগ্য এলিমেন্টর উইজেট।
কোডপেন টু প্রোডাকশন
কোডপেনে একটি অত্যাশ্চর্য অ্যানিমেটেড বোতাম বা একটি অনন্য গ্যালারি পাওয়া গেছে? শুধু এটি এম্বেড করবেন না - এটিকে একটি নেটিভ উইজেটে রূপান্তর করুন যেখানে আপনি সমস্ত পরামিতি নিয়ন্ত্রণ করতে পারেন৷।
আপনার নিজের UI কিট তৈরি করুন
আপনার ব্র্যান্ডের অনন্য ইন্টারঅ্যাকশন প্যাটার্ন সহ কাস্টম বোতাম, শিরোনাম বা তথ্য কার্ডের একটি স্যুট তৈরি করুন এবং সমস্ত ক্লায়েন্ট সাইট জুড়ে সেগুলি পুনরায় ব্যবহার করুন৷।
উপলব্ধ বিকল্প
টেক্সট
মৌলিক পাঠ্য ইনপুট যোগ করুন।
শুধুমাত্র সাংখ্যিক মান ইনপুট করুন।
দীর্ঘ টেক্সট এন্ট্রি জন্য।
সমৃদ্ধ ভিজ্যুয়াল টেক্সট সম্পাদক।
ইনপুট কোড স্নিপেট সরাসরি।
লুকানো ব্যাকগ্রাউন্ড ডেটা সংরক্ষণ করুন।
একটি বিকল্প চালু/বন্ধ টগল করুন।
উন্নত সেটিংস পপওভার খুলুন।
ড্রপডাউন বিকল্পগুলি থেকে চয়ন করুন।
দৃশ্যত যে কোনো রঙ চয়ন করুন।
একটি ফন্ট পরিবার নির্বাচন করুন।
সমস্ত পাঠ্য স্টাইলিং নিয়ন্ত্রণ করুন।
একটি তারিখ/সময় চয়ন করুন।
ইনপুট বা লিঙ্ক নির্বাচন করুন।
আপলোড বা মিডিয়া নির্বাচন করুন।
একসাথে একাধিক ছবি নির্বাচন করুন।
আইকন লাইব্রেরি থেকে চয়ন করুন।
স্লাইডারের সাথে মান সামঞ্জস্য করুন।
প্যাডিং, মার্জিন ইত্যাদি সেট করুন।
দৃশ্যত ছায়া প্রভাব প্রয়োগ করুন।
উপাদান পটভূমি বৈশিষ্ট্য সেট করুন।
ইমেজ অপশন থেকে নির্বাচন করুন।
পুনরাবৃত্তি বিষয়বস্তু গ্রুপ তৈরি করুন।
ট্যাবগুলিতে বিষয়বস্তু সংগঠিত করুন।
আপনার উইজেটে রঙের বিকল্প যোগ করুন।