प्रगति बार्स विजेट सेटिंग्स

एक एकल प्रगति पट्टी एक कहानी बताती है उनमें से एक स्टैक्ड सेट एक पूरे कौशल सेट, एक सेवा लाइनअप, या एक परियोजना की स्थिति को दिखाता है, बिना पाठक को इसके लिए काम करने के लिए प्रगति बार्स विजेट में एलिमेंट के लिए मास्टर ऐडऑन उस मामले के लिए बनाया गया है यह कई एनिमेटेड सलाखों को एक विजेट में समूहित करता है, इसलिए आप जितने चाहें उतने जोड़ते हैं और उन्हें एक साथ या एक समय में एक शैली देते हैं।

इसे स्टैंडअलोन के मल्टी-बार साथी के रूप में सोचें प्रगति बार विजेटप्रत्येक मीट्रिक के लिए एक अलग विजेट छोड़ने के बजाय, आप एक पैनल से पूरे समूह का प्रबंधन करते हैं प्रत्येक बार को अपना शीर्षक, प्रतिशत और रंग मिलता है, जबकि एक साझा स्टाइल टैब सेट के रूप को नियंत्रित करता है।

पहले देखना पसंद करते हैं? यह छोटा ट्यूटोरियल विजेट के अंत से अंत तक चलता है, इसे खींचने से लेकर बार को स्टाइल करने तकः

प्रोग्रेस बार्स विजेट क्या करता है #

विजेट क्षैतिज सलाखों की एक सूची प्रस्तुत करता है जो शून्य से उनके निर्धारित मूल्य तक चेतन होता है जब वे दृश्य में स्क्रॉल करते हैं प्रत्येक बार बाईं ओर एक शीर्षक, एक प्रतिशत लेबल और एक रंगीन भरण दिखाता है जो आपके द्वारा दर्ज की गई संख्या से मेल खाने के लिए बढ़ता है।

एकल बार विजेट से अंतर संरचना है यहां सलाखों को एक पुनरावर्तक के अंदर रहते हैं जिसे कहा जाता है आँकड़े बार्सं, तो आप कैनवास को छूने के बिना सलाखों को जोड़ते हैं, डुप्लिकेट करते हैं, पुन: व्यवस्थित करते हैं, और हटाते हैं एक विजेट, शैली नियंत्रण का एक सेट, और किसी भी संख्या में बार।

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
• एलिमेंट संपादक में एक पृष्ठ खुला जहां बार जाएंगे।

प्रगति बार्स विजेट कैसे जोड़ें #

एलिमेंटर संपादक में, खोलें तत्वों पैनल और खोज प्रगति बार्स, या मास्टर एडॉन्स अनुभाग में नीचे स्क्रॉल करें यहां नाम देखें: दो विजेट हैं जो लगभग एक ही पढ़ते हैं। प्रोग्रेसबार एक एकल बार है, और प्रगति पट्टियाँ समूह है खींचें प्रगति पट्टियाँ अपने पेज पर।

यह पहले से ही भरे हुए तीन नमूना सलाखों के साथ गिरता है, इसलिए आप तुरंत एक कामकाजी परिणाम देखते हैं और खाली शुरू करने के बजाय वहां से संपादित करते हैं।

सामग्री टैब में प्रत्येक बार संपादित करें #

को खोलें सामग्री टैब और आप पाएंगे आँकड़े बार्स पुनरावर्तक प्रत्येक पंक्ति एक बार है इसे विस्तारित करने के लिए एक पंक्ति पर क्लिक करें और आपको तीन सेटिंग्स मिलती हैंः

• आँकड़े शीर्षक: बार के ऊपर दिखाया गया लेबल, जैसे “वेब डिज़ाइन” या “WordPress”। यह फ़ील्ड एलिमेंटर डायनेमिक टैग लेती है, ताकि आप टैग आइकन का उपयोग करके पोस्ट फ़ील्ड, लेखक मेटा या किसी अन्य डायनेमिक स्रोत से शीर्षक खींच सकें।
• प्रतिशत मानः १ से १०० तक की संख्या जो यह निर्धारित करती है कि बार कितनी दूर तक भरता है और लेबल क्या पढ़ता है दर्ज करें 87 और बार 87 प्रतिशत तक भर जाता है।
• बार रंगः इस एक बार के लिए एक वैकल्पिक रंग वैश्विक सक्रिय बार रंग का उपयोग करने के लिए इसे खाली छोड़ दें, या एकल बार के लिए समूह रंग को ओवरराइड करने के लिए इसे यहां सेट करें।

प्रति-बार रंग वह है जो समूह को लचीला बनाता है प्रत्येक बार को एक ब्रांड रंग पर रखें, या प्रत्येक मीट्रिक को अपनी छाया दें ताकि वे एक नज़र में अलग-अलग बताना आसान हो।

असीमित बार जोड़ें #

एक और बार जोड़ने के लिए, क्लिक करें आइटम जोड़ें पुनरावर्तक के नीचे एक नया बार डिफ़ॉल्ट मानों के साथ दिखाई देता है जिसे आप नाम बदल सकते हैं और सेट कर सकते हैं कोई टोपी नहीं है, इसलिए सामग्री की आवश्यकता के रूप में कई का निर्माण करें किसी भी पंक्ति पर कॉपी आइकन अपनी सेटिंग्स के साथ एक बार को डुप्लिकेट करता है, और एक्स आइकन एक को हटा देता है।

सामग्री टैब में भी एक है सहायता डॉक्स त्वरित संदर्भ के लिए लिंक और ए रैपर लिंक मुफ्त से विकल्प रैपर लिंक विस्तार जो पूरे विजेट को क्लिक करने योग्य बनाता है वह एक काम में आता है जब सलाखों को एक कार्ड पर बैठते हैं जो कहीं लिंक करता है।

स्टाइल टैब से हर बार को स्टाइल करें #

पर स्विच करें शैली यह नियंत्रित करने के लिए टैब कि पूरा समूह कैसा दिखता है ये सेटिंग्स एक बार में हर बार पर लागू होती हैं, जो वास्तव में क्यों है कि सामग्री टैब में प्रति-बार ओवरराइड के बारे में जानने के लायक है स्टाइल टैब टूट जाता है आँकड़े बार, आँकड़े शीर्षक, आँकड़े प्रतिशत, और पैटर्न.

आँकड़े बार #

• बार बीजी रंगः हर भराव के पीछे खाली पटरी का रंग।
• सक्रिय बार रंगः किसी भी बार के लिए डिफ़ॉल्ट भरण रंग जिसका सामग्री टैब में अपना बार रंग सेट नहीं है।
• लंबवत रिक्तिः खड़ी सलाखों के बीच का अंतर।
• बार ऊंचाईः सलाखों के कितने मोटे हैं, पिक्सेल में।
• आँकड़े बार सीमा त्रिज्या: कोनों को गोल करता है एक भी त्रिज्या के लिए चार मूल्यों को लिंक करें, या शीर्ष, दाएं, नीचे और बाएं अलग से सेट करें।

आँकड़े शीर्षक #

यह अनुभाग प्रत्येक बार के ऊपर लेबल को स्टाइल करता है।

• संरेखण: शीर्षक पाठ के लिए बाएँ, मध्य या दाएँ।
• रंग: शीर्षक रंग।
• टाइपोग्राफीः फ़ॉन्ट परिवार, आकार, वजन, परिवर्तन और एलिमेंट के बाकी प्रकार विकल्पों पर पूर्ण नियंत्रण।

आँकड़े प्रतिशत #

प्रतिशत लेबल को अपना रंग और टाइपोग्राफी नियंत्रण मिलता है, इसलिए आप संख्या को बोल्ड और बड़ा बना सकते हैं या इसे शांत रख सकते हैं इसके नीचे बैठता है पैटर्न अनुभाग यह मुक्त पैटर्न विस्तार से आता है और पूरे विजेट के पीछे एक निश्चित रंग पृष्ठभूमि पैटर्न जोड़ता है, सलाखों के अंदर नहीं।

पेज पर रिजल्ट #

प्रकाशित या पूर्वावलोकन पृष्ठ और सलाखों के रूप में अनुभाग व्यूपोर्ट में प्रवेश उनके सेट मूल्यों के लिए शून्य से चेतन स्टाइल के माध्यम से किया जाता है: कस्टम बार रंग, शीर्षक रंग, प्रतिशत आकार, रिक्ति, और ऊंचाई सभी लाइव पेज पर दिखाते हैं।

सामान्य उपयोग के मामले #

• कौशल सलाखों के बारे में या फिर से शुरू पृष्ठ पर (डिजाइन, विकास, विपणन)।
• सेवा ताकत एक एजेंसी पृष्ठ पर, प्रति पेशकश एक बार।
• परियोजना या अभियान की स्थिति पूर्णता प्रतिशत के रूप में दिखाया गया है।
• फ़ीचर स्कोर तुलना ब्लॉक में, a के साथ जोड़ा गया तुलना तालिका.
• स्टेट हाइलाइट्स से एनिमेटेड नंबरों के बगल में काउंटर अप विजेट.

प्रगति बार्स के साथ काम करने के लिए युक्तियाँ #

• पहले समूह स्टाइल सेट करें, फिर ओवरराइड करें। अपना सक्रिय बार रंग और बार ऊंचाई एक बार चुनें, फिर प्रति-बार रंग केवल वहीं जोड़ें जहां आप बार को अलग दिखाना चाहते हैं।
• प्रतिशत ईमानदार रखें। संख्या भी लेबल है, इसलिए ७६ पर सेट एक बार पढ़ता है “७६%” वास्तविक आंकड़े को भरने का मिलान करें।
• ट्यून की ऊंचाई और त्रिज्या एक साथ। मेल खाने वाली त्रिज्या वाली एक लंबी पट्टी एक गोल गोली के रूप में पढ़ी जाती है; बड़ी त्रिज्या वाली एक पतली पट्टी कटी हुई दिख सकती है।
• टेम्प्लेट में गतिशील शीर्षक का उपयोग करें। जब बार किसी पोस्ट या संग्रह टेम्पलेट में बैठते हैं, तो आँकड़े शीर्षक को एक गतिशील टैग से तार दें ताकि प्रत्येक प्रविष्टि स्वयं लेबल हो।
• पुनर्निर्माण के बजाय डुप्लिकेट। कॉपी आइकन अपने रंग और टाइपोग्राफी के साथ एक बार क्लोन करता है, जो हाथ से एक नया आइटम सेट करने से बेहतर है।

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

प्रगति बार्स विजेट मेट्रिक्स के ढेर को एक साफ, एनिमेटेड ब्लॉक में बदल देता है आँकड़े बार्स पुनरावर्तक में सलाखों को जोड़ें, प्रत्येक शीर्षक और प्रतिशत सेट करें, उन्हें व्यक्तिगत रूप से या समूह के रूप में रंग दें, और स्टाइल टैब से पूरे सेट को आकार दें एक एकल स्टैंडअलोन बार के लिए, के लिए पहुंचें प्रगति बार विजेट इसके बजाय। पूरा ब्राउज़ करें मास्टर ऐडऑन विजेट और एक्सटेंशन यह देखने के लिए कि आप और क्या बना सकते हैं, और देखें प्रगति बार्स विजेट पृष्ठ डेमो के लिए विजेट मुफ्त है, कोई प्रो-केवल विकल्प नहीं है।