ফ্রি এলিমেন্টর সার্কেল প্রগ্রেস বার উইজেট
Elementor এর বিনামূল্যে অগ্রগতি বার উইজেট একটি সরল রেখা আঁকে। মাস্টার অ্যাডঅন-এ প্রোগ্রেস বার উইজেটটিও বিনামূল্যে, এবং এটি বারটিকে একটি লাইন, শতাংশ বুদবুদ সহ একটি লাইন, একটি পূর্ণ বৃত্ত বা একটি অর্ধ বৃত্ত ফ্যান গেজ হিসাবে আঁকতে পারে। এটিকে 0 থেকে 100 পর্যন্ত একটি শিরোনাম এবং একটি মান দিন, একটি স্টাইল প্রিসেট বেছে নিন, তারপরে ভরা বার এবং এর পিছনের ট্র্যাকটি রঙ করুন। এটি লক্ষ্য, কোর্সের অগ্রগতি, রেটিং এবং একক পরিসংখ্যানের জন্য অর্থায়নের জন্য ভাল কাজ করে। একটি উইজেটের ভিতরে দক্ষতা বারগুলির একটি তালিকার জন্য, ব্যবহার করুন অগ্রগতি বার। একটি বারের জন্য যা দর্শকরা একটি পোস্টের মাধ্যমে স্ক্রোল করার সাথে সাথে পূর্ণ হয়, ব্যবহার করুন রিডিং প্রোগ্রেস বার.
এলিমেন্টরে একটি সার্কেল প্রগ্রেস বার কীভাবে যুক্ত করবেন
উইজেটটি বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনের অংশ, তাই আপনার যা দরকার তা হল এলিমেন্টর এবং মাস্টার অ্যাডঅন।
- ইনস্টল করুন এবং সক্রিয় করুন WordPress.org থেকে মাস্টার অ্যাডঅন.
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন এবং এর জন্য উইজেট প্যানেল অনুসন্ধান করুন প্রগ্রেসবার.
- এটি একটি কলামে টেনে আনুন। বৃত্তের একটি সারির জন্য, প্রতিটি কলামে একটি উইজেট রাখুন।
- বিষয়বস্তুতে, শিরোনাম টাইপ করুন এবং 0 থেকে 100 পর্যন্ত মান সেট করুন।
- শৈলীতে, সাধারণ শৈলীতে, স্টাইল প্রিসেটগুলিকে সার্কেলে সেট করুন বা অর্ধ বৃত্ত গেজের জন্য ফ্যানে সেট করুন।
- সামনের বার এবং পিছনের বারের রঙ এবং প্রস্থ সেট করুন, তারপর শিরোনাম এবং মান পাঠ্য স্টাইল করুন।
প্রতিটি সেটিং এর মধ্যে আচ্ছাদিত করা হয় অগ্রগতি বার উইজেট সেটিংস গাইড।
লাইন, লাইন বাবল, সার্কেল এবং ফ্যান প্রিসেট
শৈলী, সাধারণ শৈলীতে আকৃতি চয়ন করুন, শৈলী প্রিসেট। লাইন হল একটি সমতল অনুভূমিক বার যার উপরে শিরোনাম রয়েছে। লাইন বাবল একটি বৃত্তাকার লেবেল যোগ করে যা ফিল পয়েন্ট বরাবর স্লাইড করে এবং শতাংশ দেখায়। বৃত্ত মাঝখানে মান সহ একটি পূর্ণ রিং আঁকে এবং ফ্যান একটি অর্ধ বৃত্ত গেজ আঁকে।
- যেকোনো সময় প্রিসেট পরিবর্তন করুন এবং শিরোনাম, মান এবং রঙগুলি যেমন আছে তেমনই থাকবে।
- বুদবুদ রঙ লাইন বাবলে বুদবুদের ভরাট সেট করে।
- বুদবুদ অবস্থান বুদবুদটিকে বারের বিপরীতে উপরে বা নীচে নিয়ে যায়।
শিরোনাম এবং মান
বিষয়বস্তু ট্যাবে দুটি ক্ষেত্র রয়েছে। শিরোনাম লেবেল, যেমন তহবিল সংগ্রহের লক্ষ্য বা কোর্সের অগ্রগতি। মান 0 থেকে 100 পর্যন্ত একটি সংখ্যা (ডিফল্টরূপে 60) যা বার, রিং বা গেজ কতদূর পূরণ করে তা সেট করে এবং এটি শতাংশ হিসাবে দেখায়।
- পৃষ্ঠাটি লোড হলে ফিলটি শূন্য থেকে আপনার মান প্রায় এক সেকেন্ডের মধ্যে অ্যানিমেট করে।
- কোন কাস্টম সর্বোচ্চ নেই, তাই 60টির মধ্যে 45টি পাঠ 75 হিসাবে যায়।
- একটি উইজেট একটি সূচক। বৃত্তের সারি বা লাইনের স্ট্যাক তৈরি করতে এটিকে নকল করুন।
ফ্রন্ট বার এবং ব্যাক বার স্টাইলিং
সামনের বার ভরা অংশ এবং ব্যাক বার এর পিছনে ট্র্যাক আছে। প্রতিটির নিজস্ব রঙ এবং স্ট্রোকের বেধের জন্য একটি প্রস্থ নম্বর রয়েছে, ডিফল্টরূপে 5। একটি পাতলা হালকা ট্র্যাকের উপর একটি পুরু সামনের বার পড়া সহজ, বিশেষ করে সার্কেল এবং ফ্যান প্রিসেটগুলিতে।
- ডিফল্ট রং হল বেগুনি (#704aff) হালকা ধূসর (#ddd) ট্র্যাকে।
- রং কঠিন। কোন গ্রেডিয়েন্ট ফিল বিকল্প নেই।
- প্রস্থ সমস্ত ডিভাইসের জন্য একটি নম্বর, তাই মোবাইলে ফলাফল পরীক্ষা করুন।
শিরোনাম এবং মান পাঠ্য
দ্য শিরোনাম এবং মান শৈলী বিভাগগুলির প্রতিটিতে একটি রঙ বাছাইকারী এবং একটি সম্পূর্ণ টাইপোগ্রাফি গ্রুপ রয়েছে, তাই শতাংশটি লেবেলের চেয়ে বড় বা সাহসী হতে পারে। সার্কেল এবং ফ্যান প্রিসেটে মানটি আকৃতির ভিতরে বসে।
- শিরোনামটি একটি H6 শিরোনাম হিসাবে আউটপুট এবং ডিফল্ট কালো।
- মান রঙ এবং টাইপোগ্রাফি লাইন বাবল লেবেলেও প্রযোজ্য।
এলিমেন্টর প্রোগ্রেস বার বনাম মাস্টার অ্যাডঅনস প্রোগ্রেস বার
উভয় উইজেট বিনামূল্যে। এলিমেন্টরের অগ্রগতি বার হল একটি সরল বার যা এর ভিতরে পাঠ্যের একটি লাইন ধরে রাখতে পারে। মাস্টার অ্যাডঅনগুলি বৃত্তাকার আকার যোগ করে, তাই পছন্দটি বেশিরভাগই আপনার প্রয়োজনীয় আকারে নেমে আসে।
| বৈশিষ্ট্য | এলিমেন্টর প্রগ্রেস বার | মাস্টার অ্যাডঅনস প্রগ্রেস বার |
|---|---|---|
| দাম | এলিমেন্টরে বিনামূল্যে | মাস্টার অ্যাডঅন বিনামূল্যে |
| আকৃতি | শুধুমাত্র লাইন | লাইন, লাইন বাবল, সার্কেল এবং ফ্যান |
| মান | গতিশীল ট্যাগ সহ শতাংশ স্লাইডার | 0 থেকে 100 পর্যন্ত সংখ্যা |
| টেক্সট | HTML ট্যাগ পছন্দ সহ শিরোনাম, প্রদর্শন শতাংশ, অভ্যন্তরীণ পাঠ্য | শিরোনাম (H6) এবং একটি শতাংশ লেবেল |
| বার আকার | উচ্চতা এবং সীমানা ব্যাসার্ধ | সামনের বার এবং পিছনের বার প্রস্থ |
| রং | বার রঙ এবং পটভূমি রঙ | সামনের বার এবং পিছনের বারের রং, বাবল রঙ |
| অ্যানিমেশন | বারটি দৃশ্যে স্ক্রোল করলে পূর্ণ হয় | পৃষ্ঠা লোড হলে পূরণ হয় |
একটি সাধারণ লাইনের জন্য Elementor এর উইজেট ব্যবহার করুন যা দর্শকরা এটিতে পৌঁছানোর সাথে সাথে অ্যানিমেট করে বা একটি গতিশীল ট্যাগ থেকে এর মান টেনে নেয়। আপনি যখন একটি রিং বা একটি গেজ চান তখন মাস্টার অ্যাডঅন ব্যবহার করুন। সম্পর্কিত বিনামূল্যে উইজেট: অগ্রগতি বার একটি উইজেটে দক্ষতা বারের জন্য, রিডিং প্রোগ্রেস বার একটি স্ক্রোল অগ্রগতি সূচকের জন্য, এবং কাউন্টার আপ অ্যানিমেটেড সংখ্যার জন্য।
অগ্রগতি বারের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
প্রোগ্রেস বার, প্রোগ্রেস বার এবং রিডিং প্রোগ্রেস বারের মধ্যে পার্থক্য কী?
অগ্রগতি বার (এই উইজেট) হল একটি সূচক যা একটি লাইন, একটি বুদবুদ সহ একটি লাইন, একটি বৃত্ত বা একটি ফ্যান গেজ হিসাবে দেখানো হয়েছে৷ দ্য অগ্রগতি বার উপাদান অনুভূমিক দক্ষতা বারগুলির একটি তালিকা যা আপনি একটি উইজেটের ভিতরে যোগ করেন। রিডিং প্রোগ্রেস বার এটি একটি এক্সটেনশন যা দেখায় যে একজন দর্শক পৃষ্ঠাটির মাধ্যমে কতদূর স্ক্রোল করেছেন৷।
যখন এটি দৃশ্যে স্ক্রোল করে তখন কি অগ্রগতি বার অ্যানিমেট হয়?
না। পৃষ্ঠাটি লোড হওয়ার সাথে সাথে ভরাটটি শূন্য থেকে আপনার মান পর্যন্ত চলে যায়, তাই পৃষ্ঠার অনেক নিচের একটি বার কেউ এটি দেখার আগেই শেষ হয়ে যেতে পারে। Elementor এর নিজস্ব প্রোগ্রেস বার এবং মাস্টার অ্যাডনস প্রোগ্রেস বার উইজেট উভয়ই যখন দেখা যায় তখন পূরণ করা শুরু করে।
মাস্টার অ্যাডঅনস প্রোগ্রেস বার উইজেট কি বিনামূল্যে?
হ্যাঁ। এটি WordPress।org-এ বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনের সাথে আসে এবং চারটি প্রিসেটই প্রো লাইসেন্স ছাড়াই অন্তর্ভুক্ত।
আমি কি 100 এর মধ্যে একটি স্কোরের জন্য একটি বৃত্ত অগ্রগতি বার করতে পারি?
হ্যাঁ। স্টাইল প্রিসেটগুলিকে বৃত্তে সেট করুন এবং স্কোরের মান নির্ধারণ করুন, উদাহরণস্বরূপ 85। রিংটি মাঝখানে 85% সহ 85 শতাংশে পূর্ণ হয়৷ অন্য সংখ্যার স্কোরের জন্য, প্রথমে এটিকে শতাংশে রূপান্তর করুন, যেহেতু উইজেটের কোনো কাস্টম সর্বোচ্চ নেই৷।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
