স্কিল বার, ফান্ডিং গোল এবং প্রোজেক্ট স্ট্যাটাস সবই একটি বাক্যে সমাহিত সংখ্যার চেয়ে ভিজ্যুয়াল হিসেবে ভালো পড়ে। দ্য অগ্রগতি বার উইজেট ইন এলিমেন্টরের জন্য মাস্টার অ্যাডঅন আপনাকে একটি শিরোনাম এবং শতাংশ সহ একটি অ্যানিমেটেড বার দেয়, এছাড়াও একটি স্টাইল প্রিসেট ড্রপডাউন যা একটি প্লেইন লাইন, একটি বুদবুদ সহ একটি লাইন, একটি পূর্ণ বৃত্ত এবং একটি অর্ধ-বৃত্ত গেজের মধ্যে স্যুইচ করে৷।
আপনি একটি শিরোনাম এবং একটি মান সেট করুন, একটি প্রিসেট বাছাই করুন, তারপর আপনার ব্র্যান্ডের সাথে মেলে সামনের বার, পিছনের বার এবং মানকে রঙ করুন৷ এই গাইড উইজেটের প্রতিটি সেটিং কভার করে।
অগ্রগতি বার উইজেট কি করে #
উইজেট একটি অগ্রগতি সূচক রেন্ডার করে: একটি শিরোনাম, একটি শতাংশ মান এবং একটি বার যা সেই মানটি পূরণ করে যখন এটি দৃশ্যে স্ক্রোল করে। দ্য শৈলী প্রিসেট ড্রপডাউন আকৃতি পরিবর্তন করে, তাই একই মান একটি অনুভূমিক রেখা, একটি ভাসমান বুদবুদ সহ একটি রেখা, একটি ডোনাট বৃত্ত বা একটি অর্ধবৃত্ত গেজ হিসাবে দেখাতে পারে।
এতে তিনটি ট্যাব রয়েছে। বিষয়বস্তু শিরোনাম এবং মান ধারণ করে। শৈলী প্রিসেট, সামনে এবং পিছনের বারের রং, বুদবুদ, শিরোনাম এবং মান পাঠ্য নিয়ন্ত্রণ করে। উন্নত সাধারণ এলিমেন্টর ব্যবধান এবং দৃশ্যমানতার বিকল্পগুলি বহন করে।
আপনি শুরু করার আগে #
- ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
- আপনি যে লেবেল এবং শতাংশগুলি দেখাতে চান, যেমন ওয়ার্ডপ্রেস 60% বা জাভা 85%৷।
কিভাবে অগ্রগতি বার উইজেট যোগ করবেন #
Elementor এডিটরে, খুলুন উপাদান প্যানেল এবং অনুসন্ধান করুন প্রগ্রেসবার, অথবা মাস্টার অ্যাডঅন বিভাগে স্ক্রোল করুন (উইজেটগুলি একটি বেগুনি MA ব্যাজ বহন করে)। এটিকে আপনার পৃষ্ঠায় টেনে আনুন এবং এটি সম্পাদনা করার জন্য প্রস্তুত একটি একক বার দিয়ে লোড হবে৷।
হেডস আপ: দুটি অনুরূপ উইজেট আছে। প্রগ্রেসবার একটি একক বার (এই গাইড), এবং প্রোগ্রেসবার একটি উইজেটের ভিতরে বেশ কয়েকটি বার স্ট্যাক করে। বিভিন্ন শৈলীতে কয়েকটি স্বাধীন বারের জন্য, একক প্রগ্রেসবার হল নমনীয় বাছাই।
শিরোনাম এবং মান সেট করুন #
খোলা বিষয়বস্তু ট্যাব। শুধুমাত্র দুটি ক্ষেত্র আছে, যা সেটআপ দ্রুত রাখে।
- শিরোনাম: বারের উপরের লেবেল, যেমন ওয়ার্ডপ্রেস বা ডিজাইন।
- মান: বারটি 0 থেকে 100 পর্যন্ত যে শতাংশে পূর্ণ হয়।
যেহেতু প্রতিটি প্রোগ্রেসবার একটি বার, আপনি উইজেটটি নকল করে একটি সেট তৈরি করেন। এটিতে ডান-ক্লিক করুন এবং ডুপ্লিকেট নির্বাচন করুন (বা Ctrl/Cmd + D টিপুন), তারপর প্রতিটি অনুলিপিতে শিরোনাম এবং মান পরিবর্তন করুন। এভাবেই উপরের ওয়ার্ডপ্রেস এবং জাভা বার পাশাপাশি শেষ হয়েছে।
একটি শৈলী প্রিসেট চয়ন করুন #
সুইচ শৈলী ট্যাব এবং খুলুন সাধারণ শৈলী. দ্য শৈলী প্রিসেট ড্রপডাউন হল যেখানে আপনি আকৃতি চয়ন করেন। দ্য লাইন বাবল প্রিসেট একটি ভাসমান বুদবুদ যোগ করে যা শতাংশ দেখায় এবং ফিল শেষে রাইড করে।
- শৈলী প্রিসেট: লাইন, লাইন বাবল, সার্কেল এবং ফ্যান (একটি অর্ধ-বৃত্ত গেজ)।
- বুদবুদ রঙ: বুদ্বুদ প্রিসেটে শতাংশ বুদবুদের রঙ।
- বুদবুদ অবস্থান: বার বরাবর বুদবুদ নাজ।
বৃত্ত এবং অর্ধ-বৃত্ত গেজ প্রিসেট #
দ্য বৃত্ত প্রিসেট মাঝখানে শতাংশ সহ একটি সম্পূর্ণ ডোনাট আঁকে, যা একটি কমপ্যাক্ট স্ট্যাট ব্লকের জন্য উপযুক্ত।
দ্য পাখা প্রিসেট একটি অর্ধ-বৃত্ত গেজ আঁকে, ড্যাশবোর্ড-স্টাইল রেটিং বা স্পিডোমিটার লুকের জন্য উপযুক্ত।
বার অংশ শৈলী #
দ্য শৈলী ট্যাব উইজেটকে এমন অংশে বিভক্ত করে যা আপনি নিজেরাই স্টাইল করতে পারেন: সাধারণ শৈলী, শিরোনাম, সামনের বার, ব্যাক বার, মান, এবং নিদর্শন (একটি প্রো বিকল্প)।
- শিরোনাম: লেবেলের জন্য রঙ এবং টাইপোগ্রাফি।
- সামনের বার: ভরা অংশের রঙ এবং প্রস্থ।
- ব্যাক বার: এর পিছনে অপূর্ণ ট্র্যাকের রঙ।
- মান: শতাংশ পাঠ্যের জন্য রঙ এবং টাইপোগ্রাফি।
খোলা সামনের বার ভরাট রঙ এবং প্রস্থ সেট করতে। এটিই পুরো বার বা গেজ জুড়ে আপনার ব্র্যান্ডের রঙ বহন করে।
সাধারণ ব্যবহারের ক্ষেত্রে #
- দক্ষতা বার একটি সম্পর্কে বা জীবনবৃত্তান্ত পৃষ্ঠায় (WordPress 90%, ডিজাইন 75%)।
- তহবিল বা লক্ষ্য মিটার প্রচারণা কতটা কাছাকাছি তা দেখানো হচ্ছে।
- বৃত্ত পরিসংখ্যান একটি পরিষেবা বা ফলাফল ব্লকে।
- অর্ধ-বৃত্ত গেজ স্কোর, রেটিং বা ড্যাশবোর্ড উইজেটের জন্য।
- প্রকল্পের অবস্থা একটি ক্লায়েন্ট বা পোর্টফোলিও পৃষ্ঠায় বার।
অগ্রগতি বার উইজেটের সাথে কাজ করার জন্য টিপস #
- ডুপ্লিকেট, তারপর সম্পাদনা করুন। আপনি যেভাবে চান এক বার স্টাইল করুন, তারপর এটি অনুলিপি করুন এবং শিরোনাম এবং মান পরিবর্তন করুন।
- স্কেল সৎ রাখুন। মান একটি শতাংশ, তাই 60 মানে 60 শতাংশ পূর্ণ।
- সামনে এবং পিছনে বার বৈসাদৃশ্য ম্যাচ। একটি ব্র্যান্ড-কালার ফিলের পিছনে একটি হালকা ট্র্যাক স্পষ্টভাবে পড়ে।
- সঠিক সংখ্যার জন্য বুদবুদ ব্যবহার করুন। লাইন বাবল প্রিসেট শতাংশকে ফিলের উপর রাখে।
- প্রসঙ্গের জন্য আকৃতি চয়ন করুন। একক স্ট্যান্ডআউট পরিসংখ্যানের জন্য দক্ষতা তালিকা, চেনাশোনা এবং ভক্তদের জন্য লাইন।
ভিডিও টিউটোরিয়াল দেখুন #
পর্দায় বরাবর অনুসরণ করতে পছন্দ করেন? নীচের ভিডিও টিউটোরিয়ালটি শুরু থেকে শেষ পর্যন্ত প্রোগ্রেস বার উপাদানের মধ্য দিয়ে চলে, যা দেখায় যে কীভাবে প্রতিটি শৈলী প্রিসেট, রঙ এবং মান এলিমেন্টর সম্পাদকে কাজ করে।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
মাস্টার অ্যাডঅনগুলিতে অগ্রগতি বার উইজেট কী?
এটি একটি এলিমেন্টর উইজেট যা একটি শিরোনাম এবং শতাংশ সহ একটি অ্যানিমেটেড অগ্রগতি সূচক দেখায়। একটি স্টাইল প্রিসেট ড্রপডাউন একটি লাইন, একটি বুদবুদ সহ একটি লাইন, একটি পূর্ণ বৃত্ত এবং একটি অর্ধ-বৃত্ত গেজের মধ্যে সুইচ করে এবং আপনি এলিমেন্টর প্যানেলের প্রতিটি অংশকে রঙ করেন।
উইজেটে কোন অগ্রগতি বার শৈলী অন্তর্ভুক্ত রয়েছে?
চারটি প্রিসেট: লাইন, লাইন বাবল, সার্কেল এবং ফ্যান। লাইন হল একটি প্লেইন অনুভূমিক বার, লাইন বাবল একটি ভাসমান শতাংশ বুদবুদ যোগ করে, সার্কেল কেন্দ্রে মান সহ একটি সম্পূর্ণ ডোনাট আঁকে এবং ফ্যান একটি অর্ধ-বৃত্ত গেজ আঁকে। মান তাদের সব জুড়ে একই থাকে।
আমি কি এলিমেন্টরে একটি বৃত্তাকার বা গেজ অগ্রগতি বার করতে পারি?
হ্যাঁ। মাঝখানে শতাংশ সহ একটি সম্পূর্ণ ডোনাটের জন্য বৃত্তে স্টাইল প্রিসেট সেট করুন, বা অর্ধ-বৃত্ত গেজের জন্য ফ্যানে সেট করুন। উভয়ই আপনার সেট করা মান অনুযায়ী অ্যানিমেট করে এবং স্টাইল ট্যাবে ফ্রন্ট বার এবং ব্যাক বার বিভাগের মাধ্যমে রঙিন করা যেতে পারে।
আমি কিভাবে বেশ কিছু অগ্রগতি বার যোগ করব?
প্রতিটি প্রোগ্রেসবার উইজেট একটি বার, তাই উইজেটটি নকল করুন এবং প্রতিটি অনুলিপিতে শিরোনাম এবং মান পরিবর্তন করুন। দক্ষতা বারের সারি জন্য কলামে কপি রাখুন। একটি উইজেটের ভিতরে পরিচালিত বেশ কয়েকটি বারের জন্য, পরিবর্তে পৃথক প্রোগ্রেসবার উইজেট ব্যবহার করুন।
অগ্রগতি বার অ্যানিমেট করে?
হ্যাঁ। বারটি তার মান পূরণ করে যখন এটি দৃশ্যে স্ক্রোল করে, তাই একটি দক্ষতা তালিকা বা গেজ অ্যানিমেট হয়ে যায় যখন দর্শক এটিতে পৌঁছায়। প্রভাবটি লাইন, বৃত্ত এবং ফ্যান প্রিসেট জুড়ে একই কাজ করে।
মোড়ানো #
অগ্রগতি বার উইজেট একটি সাধারণ শতাংশকে একটি অ্যানিমেটেড লাইন, বুদবুদ, বৃত্ত বা গেজে পরিণত করে। একটি শিরোনাম এবং মান সেট করুন, একটি প্রিসেট বাছাই করুন, তারপর আপনার ডিজাইনের সাথে মেলে সামনের বার, পিছনের বার এবং মানকে রঙ করুন। সম্পর্কিত স্ট্যাট উইজেটগুলির জন্য, দেখুন কাউন্টার উইজেট এবং তথ্য বক্স উইজেট, সম্পূর্ণ ব্রাউজ করুন মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন, এবং চেক করুন মূল্য পৃষ্ঠা প্রতিটি পরিকল্পনা অন্তর্ভুক্ত কি জন্য।
